Uma das melhores coisas sobre o software de código aberto é que você é livre para modificá-lo como quiser. É por isso que o WordPress é uma plataforma de blog tão excelente – você pode escolher entre centenas de temas e também estendê-lo com plug-ins 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 tempo para investir no aprendizado, Camadas é definitivamente para você. É uma estrutura de tema que se integra perfeitamente às opções padrão do WordPress, permitindo uma experiência de personalização perfeita. Você pode usá-lo para projetar temas WordPress sem nenhum conhecimento de codificação por meio de uma interface de arrastar e soltar e diálogos amigáveis.
Instalação e integração com WordPress
Layers é gratuito e de código aberto, então você pode apenas baixe o .zip e instale-o por meio da caixa de diálogo de instalação do tema em sua configuração WordPress existente. Para usar Layers, você deve selecioná-lo como o tema WordPress ativo.
Depois de ativado, as camadas estarão acessíveis em várias partes da interface do WordPress. Haverá um novo menu chamado “Camadas” na barra lateral principal do WordPress. Aqui você pode controlar todos os aspectos das camadas de seu próprio painel.
As camadas também se integrarão ao menu Aparência, onde você pode acessá-lo clicando em “Personalizar” e no menu Páginas, onde você pode adicionar uma nova página como um “Modelo de camadas”. Finalmente, ao visualizar seu site WordPress, haverá uma nova opção – “Editar Layout” – na barra de ferramentas.
Se você quiser apenas experimentar o Layers sem instalá-lo, há um versão demo que é executado no navegador, mas requer um registro (gratuito).
Editando Páginas WordPress com Camadas
As camadas funcionam essencialmente como um tema WordPress totalmente 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 quiser criar páginas do zero, pode escolher um dos layouts predefinidos. Alguns modelos são construídos para fins específicos, como uma página de portfólio, páginas iniciais ou uma página de vídeo. Para começar a trabalhar com Layouts, clique em “Editar Layout” na barra de ferramentas principal ou em “Editar sua página” no menu Páginas na barra lateral do WordPress.
O Editor de camadas 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 sua caixa de diálogo de opções à direita para personalização adicional.
A barra de ferramentas vertical com ícones é chamada de Barra de projeto e muda dependendo do widget selecionado. Cada widget tem seu próprio conjunto de recursos, e os widgets de camadas 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 projeto permitirá que você edite CSS para aquele widget. Dessa forma, o Layers fornece um maior grau de controle sobre o conteúdo para usuários avançados com experiência em CSS.
É claro que você nunca precisa mexer no código se não quiser, mesmo quando se trata de design responsivo. Layers fornece suporte para dispositivos móveis, permitindo que você crie um menu especial, apenas para dispositivos móveis, simplesmente selecionando e reorganizando widgets.
A edição de um layout afeta apenas a página do WordPress selecionada. No entanto, as camadas também podem modificar as configurações de todo o site. Para acessá-los, navegue para fora de “Editar Layout” clicando na seta para trás na barra lateral do Editor de Camadas.
Ajustando as configurações do site
No menu Configurações do site, você pode controlar elementos como logotipo e título do site, navegação e barras laterais, bem como usar o Google Fonts graças à integração do Layers com o serviço.
Na barra lateral do Editor de camadas, 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 Cabeçalho e Rodapé contêm uma guia “Scripts adicionais” que você pode usar para inserir código personalizado em seu site, como o rastreamento do Google Analytics ou funções baseadas em Javascript semelhantes.
Se você planeja construir um tema com camadas, sugiro que comece com esses elementos gerais (configurações de todo o site) e, em seguida, trabalhe para personalizar páginas únicas e criar modelos que podem ser aplicados a um conjunto de páginas.
Exportar e recursos avançados
Quando estiver satisfeito com o layout que você criou, você pode exportá-lo em vários formatos diferentes. No painel do WordPress, vá para o menu Camadas e selecione Backup para ver todas as opções. Você pode exportar apenas os layouts ou fazer um backup completo de seu conteúdo junto com as configurações de widgets modificadas.
Com as camadas, 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 camadas. A documentação oficial explica como criar e importar kits de estilo.
Outro recurso útil do Layers é o suporte para WooCommerce, que torna a construção de sites de comércio eletrônico muito mais fácil.
Conclusã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 em WordPress criarem rapidamente um tema personalizado, e não bloqueia o site. A interface é organizada e direta com um fluxo de trabalho da esquerda para a direita que o conduz da barra lateral por menus suspensos para diálogos de widget individuais. Naturalmente, Layers não é a única extensão WordPress desse tipo, então se por algum motivo você não gostar, você pode tentar Platform ou Unyson, que já abordamos anteriormente.
Você já experimentou camadas? Você prefere criar seus próprios temas WordPress ou confia nas criações de outros designers? Conte-nos nos comentários.