Construa um Site WordPress Perfeito com Layers

Uma das melhores coisas sobre software de código aberto é que você é livre para modificá-lo à vontade. É por isso que o WordPress é uma ótima plataforma de blog – você pode escolher entre centenas de temas e também estendê-lo com plugins e melhorar seu desempenho com truques úteis.

Se você sempre quis criar seu próprio tema WordPress, mas não tinha as habilidades de codificação nem o tempo para investir em aprendizado, o Layers é definitivamente para você. É uma estrutura de tema que se integra de forma estreita com as opções padrão do WordPress, permitindo uma experiência de personalização sem costura. Você pode usá-lo para projetar temas WordPress sem nenhum conhecimento de codificação através de uma interface de arrastar e soltar e diálogos amigáveis.

Instalação e Integração com o WordPress

O Layers é gratuito e de código aberto, então você pode apenas baixar o .zip e instalá-lo através do diálogo de instalação de temas em sua configuração WordPress existente. Para usar o Layers, você deve selecioná-lo como o tema ativo do WordPress.

Uma vez ativado, o Layers estará acessível de várias partes da interface do WordPress. Haverá um novo menu chamado “Layers” na barra lateral principal do WordPress. Aqui você pode controlar todos os aspectos do Layers a partir do seu próprio Painel.

O Layers também se integrará com o menu Aparência, onde você pode acessá-lo clicando em “Personalizar” e o menu Páginas, onde você pode adicionar uma nova página como um “Modelo de Layers.” Finalmente, ao visualizar seu site WordPress, haverá uma nova opção – “Editar Layout” – na barra de ferramentas.

Se você apenas quer experimentar o Layers sem instalá-lo, há uma versão demo que roda no navegador, mas requer um registro (gratuito).

Editando Páginas do WordPress com Layers

O Layers funciona essencialmente como um tema WordPress completamente personalizável; ao contrário de outros temas com recursos predefinidos, você pode ajustar cada elemento do seu site adicionando, removendo e editando widgets. Se você não se sentir à vontade para construir páginas do zero, pode escolher um dos Layouts Predefinidos. Alguns modelos são feitos para propósitos específicos, como uma página de portfólio, páginas de destino ou uma página de vídeo. Para começar a trabalhar com Layouts, clique em “Editar Layout” na barra de ferramentas principal ou “Editar Sua Página” no menu Páginas na barra lateral do WordPress.

O Editor do Layers tem a barra lateral principal à esquerda, onde você pode escolher o que deseja editar (Corpo da Página, Barra Lateral Móvel, Rodapé). Cada seção é um menu suspenso no qual você pode adicionar e reorganizar widgets. Clicar em um widget abre seu diálogo de opções à direita para mais personalização.

A barra de ferramentas vertical com ícones é chamada de Barra de Design, e muda dependendo do widget que você seleciona. Cada widget tem seu próprio conjunto de recursos, e os widgets do Layers são marcados com um ícone azul para distingui-los dos widgets padrão do WordPress. Clicar no botão “Avançado” na Barra de Design permitirá que você edite o CSS para aquele widget. Dessa forma, o Layers fornece um maior grau de controle sobre o conteúdo para usuários avançados que conhecem CSS.

Claro que você nunca precisa tocar no código se não quiser, mesmo quando se trata de design responsivo. O Layers fornece suporte para dispositivos móveis permitindo que você crie um menu especial, apenas para móveis, simplesmente selecionando e reorganizando widgets.

Editar um layout afeta apenas a página WordPress selecionada. No entanto, o Layers também pode modificar configurações globais do site. Para acessá-las, navegue para fora de “Editar Layout” clicando na seta para trás na barra lateral do Editor do Layers.

Ajustando Configurações do Site

No menu Configurações do Site, você pode controlar elementos como logo e título do site, navegação e barras laterais, além de usar Google Fonts graças à integração do Layers com o serviço.

Na barra lateral do Editor do Layers, também há opções separadas para editar o Cabeçalho e o Rodapé, definir uma Página Inicial Estática e adicionar CSS personalizado. As seções de Cabeçalho e Rodapé contêm uma aba “Scripts Adicionais” que você pode usar para colocar código personalizado em seu site, como rastreamento do Google Analytics ou funções similares baseadas em Javascript.

Se você planeja construir um tema com o Layers, sugiro que comece com esses elementos gerais (configurações globais do site) e, em seguida, trabalhe na personalização de páginas individuais e na criação de modelos que você pode aplicar a um conjunto de páginas.

Exportar e Recursos Avançados

Uma vez que você esteja satisfeito com o layout que criou, pode exportá-lo em vários formatos diferentes. No painel do WordPress, vá ao menu Layers e selecione Backup para ver todas as opções. Você pode exportar apenas os layouts ou fazer um backup completo do seu conteúdo junto com as configurações dos widgets modificados.

Com o Layers, também é possível criar temas filhos e Kits de Estilo, que são exportações mais extensas que contêm todos os elementos da interface do site. No entanto, eles só podem ser aplicados a uma instalação do WordPress que tenha o Layers. A documentação oficial explica como criar e importar Kits de Estilo.

Outro recurso útil do Layers é o suporte ao WooCommerce, que torna a construção de sites de e-commerce muito mais fácil.

Conclusão

O Layers é um projeto em crescimento, então se você sentir que alguns recursos estão faltando, é provável que eles sejam adicionados em versões futuras. É uma maneira fácil para iniciantes do WordPress criarem rapidamente um tema personalizado, e não sobrecarrega o site. A interface é descomplicada e direta, com um fluxo de trabalho da esquerda para a direita que o leva da barra lateral através de menus suspensos até diálogos de widgets individuais. Naturalmente, o Layers não é a única extensão do WordPress desse tipo, então se por algum motivo você não gostar dele, pode experimentar o Platform ou o Unyson, que cobrimos anteriormente.

Você já experimentou o Layers? Você prefere construir seus próprios temas WordPress ou confia nas criações de outros designers? Conte-nos nos comentários.