Construa um Site WordPress Perfeito com Camadas

Erstellen Sie eine perfekte WordPress-Site mit Ebenen
⏱️ 6 min read

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.

O painel de camadas.

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.

Layers integra-se ao menu Appearance.

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.

Ajuste todos os elementos do seu site.

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.

Você pode adicionar e reorganizar widgets.

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.

As camadas fornecem um maior grau de controle.

É 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.

Layers fornece suporte para dispositivos móveis.

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.

Você pode controlar elementos.

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.

Você pode colocar o código personalizado no rodapé e no cabeçalho.

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.

Join our Newsletter and receive offers and updates! ✅

0 0 votes
Article Rating
Avatar of Routech

Routech

Routech is a website that provides technology news, reviews and tips. It covers a wide range of topics including smartphones, laptops, tablets, gaming, gadgets, software, internet and more. The website is updated daily with new articles and videos, and also has a forum where users can discuss technology-related topics.

Você pode gostar...

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x