Temas e Plugins no WordPress

Temas e Plugins WordPress: Veja a apresentação da Ana Aires/WidgiLabs no WordCamp Lisboa.

Temas

Os temas WordPress dizem respeito aos estilos front-end (tipos de letra, cores, posicionamento de widgets, layout das páginas, espaçamentos, margens, e outros elementos de design visual).

Um aspecto importante dos temas é que eles são independentes do conteúdo do nosso site. Isso significa que a qualquer momento vamos poder trocar de tema e não iremos perder o conteúdo.

Outro aspecto muito importante é a flexibilidade que oferecem. Embora em tempos os temas WordPress tinham todos muito o aspecto de blog, hoje em dia isso já não acontece e não há nenhuma limitação em termos daquilo que um tema WordPress possa ser, I.e. aquilo que o HTML/CSS/JavaScript permite o WordPress permite também. 

Nota: o website da banda “Rolling Stones” está em WordPress mas não é possível identificar esse aspecto apenas usando para o aspecto visual.

Existem temas gratuitos e temas “pagos” que são também por vezes chamados de temas premium. 

O WordPress possui um repositório oficial de temas em http://wordpress.org/themes onde estão disponíveis mais de 1000 temas para diferentes propósitos (fotografia, vídeo, blogging, sites de empresa, etc).

A diferença entre um tema WordPress e um template?

Muitas vezes usamos o termo tema e template como se fosse a mesma coisa e gostaria de os diferenciar por forma a não haver confusão. Quando falamos em tema WordPress é um tema que podemos instalar no WordPress e irá alterar o aspecto do nosso site. Quando falamos em template será relativo a uma página específica, ou seja, o template da página “Sobre Nós” é o layout dessa página. 

Antigamente quando se fazia um site era comum perguntar quantas páginas o cliente iria querer pois conforme esse número o trabalho seria maior ou menor. Hoje em dia, utilizando um Content Management System (CMS) como o WordPress, não estamos limitados a um número finito de páginas. O cliente poderá criar infinitas páginas (e organiza-las no menu) usando os templates e as possibilidades que o tema lhe disponibilizar. Esta acaba por ser uma grande vantagem em relação a um site que só foi pensado (desenhado) tendo em conta um número limitado de páginas. 

O que devemos ter em conta ao escolher um tema?

Alguns aspectos que nos parecem essenciais:

Rapidez: se possuir muitas funcionalidades o tema poderá ser mais pesado que o normal ou demorar a carregar. Sabemos que é extremamente importante, até para o Google e outros motores de pesquisa, a velocidade de carregamento dos sites pelo que há que ter atenção a este aspecto. Infelizmente sem testarmos o tema dificilmente teremos essa percepção pelo que aqui só a experiência nos fará encontrar um tema que seja rápido e que tenha também os outros critérios que vamos ver a seguir.

Facilidade de personalização: o tema deverá permitir uma fácil personalização para podermos ajustar à nossa realidade (ou do projeto em questão). Aqui é preciso ter em conta que nas demonstrações dos temas premium normalmente é tudo muito bonito pois as imagens foram pensadas para ser atrativas, etc. Muitas vezes quando tentamos adaptar o tema ao nosso projeto é que nos deparamos com os problemas e acaba por perder-se muito tempo até perceber como personalizar o que precisamos. Este aspecto é também essencial pois se estivermos a usar um tema pouco personalizável vamos achar o WordPress pouco robusto. Convém pois explorar diferentes temas até acharmos em que conseguimos bem fazer as adaptações que necessitamos. 

Design e Experiência do Utilizador: Não há muito a dizer aqui excepto que o design visual do tema vai obviamente influenciar a capacidade do website atrair utilizadores e daí ser de primordial importância. 

Avaliações e  Suporte: Ao adquirir um tema premium devemos ter em atenção também as avaliações por parte de outros utilizadores que já testaram o tema e também ao nível do suporte prestado caso haja algum problema. Ambos estes aspectos estão normalmente no site de venda do tema bem indicados. Se não tiver desconfiem.

Custo: Os temas premium podem variar entre os 20€ e os 100€ ou mais. Não há uma ligação direta entre o custo do tema e a sua utilidade. Esta análise deverá sempre ser feita primeiro pelos parâmetros anteriores e finalmente considerar apenas o preço na fase final e se este cabe dentro do que estava a pensar gastar. Se acham $75 ou $99 caro pensem novamente pois estes valores são irrisórios quando comparado com o tempo/custo de desenvolver um tema de raiz (embora para marcas profissionais possa ser esse o melhor caminho).

Widgets

Os widgets permitem-nos adicionar funcionalidades extra ao nosso website ou até mesmo conteúdo. Foram originalmente pensados para se personalizar a barra lateral que aparecia normalmente ao lado da listagem de artigos num blog e dentro de artigos onde se listavam tipicamente as categorias existentes, uma nuvem de etiquetas, uma barra de pesquisa, etc.

Similar aos widgets que hoje em dia existem nos smartphones ou nos computadores, como o widget do tempo ou das horas, sendo que em vez de “flutuarem” no ecrã do telemóvel ou no Desktop o posicionamento dos widgets no WordPress depende do tema que estivermos a usar e irão situar-se nas chamadas Áreas de Widgets ou barras laterais (Sidebars). 

No WordPress muitos temas apresentam uma ou mais barras laterais (Sidebars), às vezes até no cabeçalho e no rodapé, por forma a podermos activar widgets nestas localizações. 

Os widgets são os blocos individuais que compõem estas barras laterais e que podemos adicionar, remover e mover para cima ou para baixo simplesmente os arrastando e soltando. 

Hoje em dia existem variados widgets para diversos fins e os plugins geralmente adicionam os seus próprios widgets.

Podem ser adicionados, removidos e reorganizados no “Personalizar” do tema ou Apresentação >  Widgets nos menus de administração do WordPress.

Alguns widgets oferecem personalização e opções, como formulários a serem preenchidos, incluem ou excluem dados e informações, imagens opcionais e outros recursos de personalização.

Menus

No WordPress podemos criar quantas páginas necessitarmos e também organiza-las em menus de navegação no nosso site. O WordPress suporta a criação destes menus de forma intuitiva e também a criação fácil de sub-menus, ligações externas, abertura da ligação num novo Tab, adicionar um estilo específico, etc. Um aspecto importante dos menus é que o seu posicionamento é dado pelo tema que estivermos a usar.  

O objectivo dos menus de navegação é obviamente ajudar os visitantes a navegar no site. Dependendo do tema, um site poderá terá uma ou mais localizações para menus de navegação, por exemplo um menu principal, um menu secundário no rodapé e ainda um menus de redes sociais.

A criação de menus está disponível no menu Apresentação > Menus e consiste em 3 passos:

1. Criar do menu especificando um nome, e.g. “Menu Principal”;
2. Adicionar os items pretendidos (artigos, páginas, categorias, etiquetas, etc.), seleccionando à esquerda os items e carregando em “Adicionar ao menu”;
3. Escolher a opção “Onde mostrar” para indicar em que localização do tema se pretende que este menu apareça (para esta opção temos de experimentar se ainda não conhecermos bem o tema em uso).

Por omissão, o WordPress adiciona todas as páginas publicadas ao menu automaticamente. No entanto, é possível personalizar o menu, como adicionar um link a uma categoria ou site externo, alterar a ordem do link do menu ou criar um submenu.

Esta funcionalidade dos menus está disponível no menu Apresentação > Menus.

A criação de um sub-menu é muito simples e basta arrastar o item de menu que queremos colocar num sub-menu ligeiramente para a direita e abaixo de outro item.

Plugins

Os plugins servem para adicionarmos funcionalidades extra ao nosso website. Uma característica importante dos plugins é que são independentes do design (ou do tema) que estivermos a usar. Os plugins adaptam-se ao nosso site trazendo estilos próprios e muitas vezes permitindo a sua personalização.

A base do WordPress (I.e. sem ter em conta plugins e temas) chama-se “WordPress core” e é desenhada para ser o mais rápida, secura e extensível possível. Esta última parte da extensibilidade em grande parte é conseguida pelos plugins, que oferecem funções e recursos personalizados, para que cada um possa adaptar o seu site às suas necessidades específicas. 

Existem plugins gratuitos e plugins “pagos” que são também chamados de plugins premium. No entanto todos os plugins que podem ser instalados a partir do backoffice do WordPress são gratuitos (também chamado o repositório oficial de plugins do WordPress). 

Alguns exemplos de plugins que podemos usar:

WordPress SEO by Yoast – SEO

Trata-se de um plugin ótimo para um SEO básico ao nosso site. Permite otimizar páginas e artigos para uma determinada palavra-chave e mostra um semáforo (vermelho, laranja e verde) e recomendações conforme o nível de otimização já conseguido. 

Updraftplus – Backups

Permite fazer backups do nosso website. Os sites são vítimas de muitas tentativas de intrusão por parte de piratas e se não tivermos o cuidado de fazer a manutenção devida (nomeadamente as atualizações) o site pode ser pirateado e perder-se conteúdo e trabalho já desenvolvido. Também a instalação de um plugin ou tema pode trazer complicações inesperadas. Por estas razões é sempre recomendado manter um backup (pelo menos diário) do nosso website, para podermos recuperar facilmente em caso de “crise”. 

WP Super Cache – Cache

Trata-se de um plugin para melhorar a performance do nosso site. O WordPress sempre que existe uma visita a uma página corre uma série de programação que inclui acessos à base de dados, processamento de dados e outras tarefas que consumem recursos e têm um tempo de execução. O que os plugins de cache fazem é correr essa programação na primeira visita e criar uma cópia do resultado em memória. Quando há visitas subsequentes então já só é mostrada a cópia e esse processo acaba por ser significativamente mais rápido.

Contact Form 7 – Formulários

Permite-nos criar formulários em backoffice para os mais variados fins, e.g. formulários de contacto, de recrutamento, de submissão de conteúdo, etc. 

MailPoet – Newsletter

Permite-nos criar uma newsletter mas com a vantagem de permitir faze-lo através do backoffice do WordPress, I.e. Se já tivermos conteúdo inserido podemos arrastar e inserir o conteúdo facilmente na newsletter. Podemos também configurar newsletters automáticas para serem enviadas periodicamente.

Quando estamos a escolher um plugin a instalar devemos ter em atenção os seguintes factores:

Avaliações e  Suporte: Se for um plugin do repositório oficial então terá avaliações por parte de outros utilizadores que já testaram o plugin e também ao nível do suporte caso haja algum problema. 

Versão e Compatibilidade: Convém verificar se o plugin foi testado e é compatível com a nossa versão do WordPress. Na maioria dos casos não haverá problema e apenas devemos estar atentos se o plugin não tiver sido atualizado nos últimos 2 anos (haverá um alerta se for esse o caso).

Capturas de ecrã: De modo a podermos ver como o plugin aparecerá em backoffice e no nosso site são incluídas normalmente capturas de ecrã que podemos consultar.