Como escolher o melhor template WordPress (Tutorial)

Neste tutorial, mostrarei como escolher o modelo certo para o seu site. Vou comparar tópicos gratuitos/pagos, capacidade de resposta, SEO, simplicidade, compatibilidade e muitos outros critérios. Tudo isso em um exemplo real.

Seleção de modelos do WordPress

Então, eu tenho um nome de domínio escolhido e também a hospedagem WordPress certa . Acabei de instalar o WordPress e vejo um modelo WP padrão no meu site. É importante perceber que a aparência geral (design) do site depende do tema escolhido.

A maioria dos modelos do WordPress inclui cores e fontes de texto predefinidas, layout de elementos e widgets e muitos outros detalhes e estilos que contribuem para a aparência do site.

A melhor coisa sobre os tópicos do WP é que, com um pouco de sorte, você pode obter uma ótima aparência do seu site sem precisar escrever apenas uma linha de código.

Considero a escolha de um template WordPress uma coisa importante. Então eu sentei e pensei sobre o que eu realmente espero do futuro tópico do WP. Abaixo estão as principais áreas de requisitos em que me concentrei.

Livre vs. modelo wordpress pago

Primeiro, pense se e quanto você gostaria de investir no modelo . Consulte o seu orçamento e escolha de acordo com ele. Ao mesmo tempo, esse fato deve ser levado em consideração ao decidir: nem todos os tópicos pagos são produtos excelentes e nem todos os tópicos gratuitos são produtos de baixa qualidade . Como diz o ditado, você pode encontrar excelentes modelos gratuitos do WordPress e modelos pagos terríveis.

Às vezes, como os modelos são gratuitos, os autores não têm tempo suficiente para eles. Isso significa que muitos modelos gratuitos não são atualizados a tempo . Então, em algum momento você vai ficar preso. O próprio WordPress é frequentemente atualizado e há uma grande chance de que seu tema não funcione após a atualização. Existem também modelos WP gratuitos para os quais você não encontrará ajuda e suporte . Então você tem que lidar com isso sozinho.

Dica: tenho uma ótima experiência com esses temas do WordPress: template Divi e Avada . Eles são muito flexíveis e ainda fáceis de configurar, mesmo para iniciantes.

Capacidade de resposta

Eu tomo isso como certo. Mais de 50% das minhas visitas vêm de dispositivos móveis e tablets, e esse número deve aumentar no futuro. Para selecionar um template WordPress, testei os adeptos ampliando/reduzindo a janela do navegador, ou através da ferramenta google resizer .

Teste de responsividade do site

Se você tiver um tablet e um celular na ponta dos dedos, recomendo testar os modelos de demonstração diretamente nesses dispositivos também . Sei por experiência própria que, em alguns casos, o modelo pode se comportar de maneira completamente diferente em um dispositivo móvel real do que quando tentamos imitar esse dispositivo em um computador. O motivo pode ser a tecnologia e a abordagem com a qual o modelo é programado (especificamente, o motivo pode ser, por exemplo, outro sistema operacional do dispositivo – Android / iOs / Windows Phone …).

Suporte ao navegador

Aqui eu sigo o primeiro pedido. Além de diferentes tipos de dispositivos , é desejável testar o modelo de demonstração em diferentes tipos de navegadores – chrome, firefox, safari e internet explorer. Alternativamente, você pode testar o modelo em outros navegadores menos usados, como Opera e similares. Portanto, recomendo fazer um template WordPress levando esse fato em consideração.

Testar o suporte do navegador

Designer de Web

Web design é um assunto puramente emocional. Teoricamente, o template WordPress deve ser selecionado de acordo com o tipo de blog e público. No entanto, considero que é o meu site, que vejo praticamente todos os dias, por isso quero que agrade aos meus olhos.

É importante lembrar que o web design de um site deve estar sempre sujeito ao nível de usabilidade do site para os visitantes (o chamado UX – “user experience”). Isso significa que você deve primeiro ter um design bonito se, como resultado, os visitantes do seu site estiverem confusos, perdidos, desorientados e sem noção em seu site. Portanto, personalizarei a seleção do modelo do WordPress.

Especificamente para o meu blog, eu tinha um menu de rolagem lateral como requisito porque eu simplesmente adoro. Também imaginei um design minimalista e uma lista de artigos na página inicial na forma de aparência de alvenaria ou de grade (grade) com vários tamanhos de bloco:

Grade do site

Funcionalidade do modelo

Aqui estão alguns dos requisitos para um modelo WordPress que você pode ter e conhecer antes de escolher um modelo:

1. Promover o multilinguismo

Se você está planejando um site multilíngue, o modelo deve suportar o multilinguismo, especificamente o plugin wpml ou polylang . Eu pessoalmente uso wpml , que já implantei com sucesso em vários sites. Não tenho experiência com este último, mas ambos têm boas referências. Eu recomendo que você considere o multilinguismo no futuro ao escolher um template WordPress.

2. Suporte ao comércio eletrônico (soluções “eCommerce”)

Se você planeja envolver uma loja virtual, isso deve ser levado em consideração ao escolher um modelo do WordPress. Certifique-se de que o modelo seja compatível com esta opção. Especificamente, deve suportar, por exemplo, a solução de eshop mais difundida para WordPress – plugin woocommerce .

3. Suporte de caracteres eslovacos

instagram-erro-na-fonte

Você também precisa ter cuidado com isso. A fonte do modelo pode não suportar nossos típicos “hieróglifos” eslovacos e pode ser tão catastrófico quanto quando você abre instagram via computador: Vamos torcer para que os meninos codificados do instagram sejam corrigidos o mais rápido possível e que não esqueçamos também. A melhor maneira de testar nosso modelo em potencial seria inserir um pangrama para testar os diacríticos eslovacos. Seria melhor colocá-lo em títulos, subtítulos, texto e widgets. Mesmo na versão maiúscula.

Infelizmente, muitas vezes não temos a oportunidade de testar isso antes de instalar o modelo. Ele também pode mostrar caracteres ruins na demonstração, mas após a instalação, você descobrirá que o tema tem a opção de escolher a fonte apropriada ( deve ter um subconjunto de fontes Latin Extended ). Se você achar que alguns personagens te mostram mal, não se desespere, existem maneiras de corrigir isso, mas isso está além do escopo deste artigo.

4. Linguagem do modelo

Seria bom que o modelo fosse traduzido para o(s) idioma(s) necessário(s) (no meu caso, eslovaco). Ou pelo menos inclua um modelo de tradução .POT. Mas não se desespere, mesmo que não contenha .POT, podemos ajudá-lo usando o plugin Loco Translate , a menos que seja um pouco mais demorado e tecnicamente exigente.

5. Suporte para vários formatos de artigos

wordpress-formatos-conteúdo

O WordPress permite que você defina seu formato ao editar um artigo (” formatos de postagem” em inglês, veja a imagem abaixo). Mas cabe aos criadores decidir se vão trabalhar nisso. Por exemplo, pretendo usar citações, vídeos e galerias no meu blog e solicitar que sejam exibidos de acordo. Portanto, exigirei suporte para vários formatos de artigo do meu modelo.

6. Velocidade do modelo

Um fato muito importante para escolher um template WordPress. Escusado será dizer que quero ter um site rápido para não desencorajar os visitantes do blog ou googlebots (robôs do Google que indexarão meu site). É por isso que testei o modelo de demonstração através da ferramenta pingdom :

Teste de velocidade do site

Acho que o indicador mais importante do resultado que recebi da ferramenta é o tempo de carregamento da página. Se você conseguir esse tempo com o modelo em 2 segundos, isso é aceitável, porque podemos dividi-lo significativamente em nosso blog real. Isso é feito escolhendo hospedagem de qualidade , instalando um plugin de cache para velocidade e otimizando o tamanho da imagem. Eu uso (e considero o melhor) o plugin de cache WP Rocket . Eu uso o plugin EWWW Image Optimizer para otimizar o tamanho da imagem.

Eu também gostaria de explicar rapidamente por que eu uso (e por que eu recomendaria para você) websupport hosting . Eles têm uma instalação automática do WordPress , o que é conveniente para usuários iniciantes e avançados, economizando tempo. Os plugins WP Rocket e EWWW Image Optimizer mencionados acima já estão incluídos na instalação, configurados e ajustados ao servidor . Seus servidores possuem SSDs . O resultado é uma velocidade web muito alta, como você pode ver no exemplo do meu blog na foto acima. E isso é legal para mim :).

7. Presença do construtor de páginas

É difícil traduzi-lo para o eslovaco, mas eu o traduziria como um compilador de página visual. É uma ferramenta com a qual você pode criar suas próprias páginas a partir de diferentes elementos e colocá-las de maneira diferente. Provavelmente será melhor mostrá-lo na imagem:

Construtor Divi

A imagem mostra especificamente o construtor Divi , que está entre os melhores. Em geral, um construtor de páginas pode fazer parte de um tema (por exemplo, o construtor divi também faz parte de um tema divi ), ou na forma de um plug-in separado. Portanto, mesmo que o tópico selecionado não contenha nenhum construtor de páginas, você pode instalá-lo como um plug-in. O construtor mais bem avaliado na forma de um plugin gratuito é o Page Builder da SiteOrigin .

Eu não preciso de um construtor para o meu blog, então vou excluí-lo da escolha de um template WordPress. Pelo contrário, será solicitado a mim se meu modelo não contiver nenhum. O motivo é que cada funcionalidade adicional do template, assim como cada plugin utilizado, contribui para reduzir a velocidade do site.

8. Qualidade do código do modelo

Conheço a qualidade do código como programador de um site de demonstração, mas para um leigo pode ser difícil. O tema pode parecer bonito, mas o plano de fundo pode ser um código “feio”. Uma das possibilidades é rodar o tema por meio de um validador de código do W3C , que é uma organização internacional responsável pela padronização da nossa Internet (www).

Não tenha medo se esta ferramenta mostrar algum erro de código, você deve considerar o fato de que a maioria dos tópicos disponíveis terá algumas deficiências. É que não é um mar vermelho de erros :).

E eu mantive o ponto mais importante neste ponto no final – por que devemos nos preocupar com a qualidade do código do tópico? Porque um tópico mal programado pode prejudicar significativamente nosso SEO. E não queremos isso.

9. Documentação

Eu gostaria que meu modelo incluísse documentação para que eu não precise me perguntar onde e como configuro os elementos individuais do modelo. Infelizmente, muitos tópicos gratuitos do wordpress.org não incluem documentação , por isso nos custa tempo extra para encontrar e testar onde e como configurá-lo. Em contraste, muitos tópicos pagos no maior fornecedor de templates têm um alto nível de documentação (eles são “bem documentados”). Esse é um dos requisitos que o vendedor exige dos criadores do tópico. Portanto, personalizarei a seleção do modelo do WordPress.

Em última análise, cabe a cada um de nós decidir se deseja solicitar um modelo de documentação. quanto a mim sim. No trabalho e em particular, já tive a oportunidade de experimentar muitos modelos diferentes, e cada um tinha configurações individuais completamente diferentes (escritas de outra forma, não há regras uniformes do WordPress sobre como organizar as configurações do tema). Sou da opinião que tempo é dinheiro e não quero gastá-lo em buscas desnecessárias de configurações individuais, prefiro gastar o tempo economizado escrevendo artigos.

Dá muito trabalho personalizar?

Se você tem pouca habilidade no WordPress, definitivamente deve passar pelas revisões e comentários do modelo. Claro, a versão demo pode parecer fantástica. Mas se você quiser colocar seis imagens em vez de cinco em uma seção específica, e isso só puder ser feito programaticamente, isso pode ser um problema para você.

Clique no modelo na versão demo e obtenha uma visão geral. Leia a descrição e as instruções para configurar o tópico. Veja como é fácil personalizar. Outro aspecto importante está relacionado à configuração do tema. A seção de configurações do tema é amigável, intuitiva e fácil de usar? Capturas de tela no site do modelo são um ótimo lugar para verificar. Aqui você pode ver como o tema organiza as seções de configurações individuais.

Compatibilidade de plug-ins

Você provavelmente tem alguns plugins que você precisa para fazer o site funcionar. É importante certificar-se de que o modelo oferece suporte a esses complementos. Quando se trata de modelos gratuitos do WordPress, é mais fácil testar e verificar essa compatibilidade – basta instalá-lo para um teste. Mas se você optou por um tópico premium, uma possível solução é pedir informações ao criador.

O modelo de SEO está otimizado?

É incrível ter uma boa aparência do site. Mas lembre-se que um site também deve existir para os motores de busca . Você pode verificar a otimização de SEO dos temas WP manualmente. Há também serviços online que mostram como um modelo é amigável para SEO – como o EasySeo . Novamente, se você escolher um tema premium, o criador deve poder oferecer todas as informações importantes sobre ele.

E as redes sociais?

Quanto às mídias sociais, sempre é possível adicioná-las como um plugin do WordPress . Mas à medida que a mídia social se torna cada vez mais importante no ambiente online, seria bom ter a mídia social integrada ao modelo.

Ver coleções de modelos

Para inspiração, você pode conferir uma coleção dos 30 principais temas do WordPress para fins específicos:

Seleção de modelos WordPress – conclusão

Eu pensei nos requisitos, então continuarei procurando o modelo em si. Mas vou guardar isso para o próximo artigo. Espero que este artigo tenha trazido algo para você, seja você iniciante ou avançado no WordPress.

Dica: Para um site rápido, é fundamental escolher a hospedagem certa. Recomendo apostar na qualidade comprovada: WebSupport , Webglobe-Yegon ou Wedos .

Rate this post
WordPress Návod v PDF

LEAVE A REPLY

Please enter your comment!
Please enter your name here