Posts Recentes:

Como criar uma página personalizada no WordPress »Ranking Math


Você está interessado em criar um modelo de página personalizado para o seu site WordPress?

Você quer que seu modelo se destaque do resto de suas páginas? É possível conseguir isso mesmo sem codificação?

Construir sites com WordPress costuma ser considerado um processo simples. Instale um tema, ajuste o conteúdo ao seu gosto e seu site estará pronto para entrar no ar!

O uso de modelos pré-concebidos simplifica o processo – troque o texto e as imagens padrão pelos seus próprios e pronto.

Mas e se você precisar alterar o layout de uma página específica? E se você tiver um design exclusivo em mente que não se encaixe no modelo padrão?

Felizmente, o WordPress oferece flexibilidade para criar layouts de página personalizados. Eles podem ser usados ​​para páginas individuais ou como modelos para múltiplas páginas.

A melhor parte? Você não precisa ser fluente em HTML, CSS ou PHP!

Então, como exatamente você pode criar uma página personalizada no WordPress? Vamos descobrir.

1 Por que criar uma página personalizada no WordPress?

Criar uma página personalizada no WordPress oferece inúmeras vantagens, permitindo que você crie o design e a funcionalidade do seu site para atender a objetivos e requisitos específicos.

Páginas personalizadas ajudam você a se destacar apresentando layouts e designs exclusivos que diferenciam seu site de outros que usam o mesmo tema.

Páginas personalizadas melhorar a experiência do usuário fornecendo conteúdo personalizado e estruturas de navegação.

Por exemplo, um site de comércio eletrônico pode se beneficiar de um modelo de página de produto personalizado que inclui elementos interativos, como controles deslizantes de produtos, avaliações e itens relacionados, tornando mais fácil para os clientes navegar e tomar decisões de compra.

Além disso, páginas personalizadas podem melhorar o desempenho do site e SEO otimizando o tempo de carregamento da página e aumentando a visibilidade do mecanismo de pesquisa. Ao projetar páginas de destino personalizadas para campanhas de marketing específicas, você pode criar experiências direcionadas que geram conversões e melhoram o ROI.

2 Criando uma página personalizada no WordPress

Vamos agora discutir os diferentes métodos para criar uma página personalizada para o seu site WordPress.

2.1 Usando o Editor de Site Completo

Se estiver usando um tema baseado em blocos, você também pode criar uma página personalizada por meio do editor completo do site. Este recurso permite ajustar o layout de uma página específica sem a necessidade de desenvolver um modelo personalizado.

Você pode encontrar esses temas no repositório de temas do WordPress.org.

Navegue até o painel do WordPress e clique em Páginas para criar uma nova página ou editar uma existente.

Em seguida, você pode inserir um título, adicionar categorias e tags, fazer upload de uma imagem em destaque e fazer quaisquer outros ajustes desejados. Uma vez feito isso, salve suas alterações.

Agora, navegue até Aparência → Editorcomo mostrado abaixo.

Navegue até o editor para criar uma página personalizada

Navegar para Páginas e escolha a página que deseja redesenhar. O WordPress agora mostrará uma prévia do design.

Selecione páginas para redesenhar

A seguir, para editar o modelo, clique no pequeno ícone de lápis.

Clique no ícone de lápis para editar a página

Agora você pode editar o layout da página usando as ferramentas completas do editor do site. Uma vez feito isso, salve suas alterações.

Editar Página

Agora, ao visitar esta página do seu site, você verá o novo design da página em ação.

2.2 Usando um construtor de páginas

Discutiremos os construtores de duas páginas, nomeadamente Elementor e Divi.

Construindo uma página WordPress personalizada com Elementor

Elementor é um popular plug-in de criação de páginas de arrastar e soltar que permite criar páginas da web visualmente impressionantes e responsivas sem codificação.

Comece instalando o plugin Elementor do repositório de plugins do WordPress. Depois de instalado, ative o plugin em seu site WordPress.

Consulte nosso tutorial dedicado para instalar um plugin do WordPress.

Assim que o plugin estiver instalado e ativado, navegue até Modelos → ADICIONAR NOVO MODELO seção do painel do WordPress.

Adicionar novo modelo

Elementor solicitará que você escolha o tipo de modelo que deseja criar, dê um nome a ele e clique em Criar modelo. Você pode escolher entre modelos de página, seção ou página de destino se estiver usando a versão gratuita. Para criar modelos de postagem personalizados no WordPress, você precisará atualizar para o Elementor Pro.

Selecione o modelo

Antes de começar, você pode alterar o layout da página do seu modelo. Para fazer isso, clique no Configurações ícone no canto inferior esquerdo. Selecione o Layout da página no menu suspenso.

Layout da página

Depois de escolher o layout, use a interface de arrastar e soltar do editor Elementor para adicionar elementos à sua página, como texto, imagens, títulos, botões, vídeos e muito mais. Basta arrastar o elemento desejado do painel esquerdo para a área da tela e personalizá-lo conforme sua preferência.

Editar página no Elementor

Alternativamente, você pode usar um modelo existente como base. Para acessar esses templates Elementor, basta clicar no ícone da pasta.

Clique no ícone da pasta

Depois de projetar seu layout de página personalizado, visualize-o para ver como ficará em diferentes dispositivos e tamanhos de tela. Quando estiver satisfeito com o design da sua página personalizada, salve as alterações e clique na seta ao lado do Publicar/Atualizar botão e selecione Salvar como Modelo.

Guardar como modelo

A seguir, Elementor solicitará que você insira um nome para o seu modelo. Este layout será então salvo em sua biblioteca de modelos.

save template

Depois de criar e salvar seu modelo, você poderá usá-lo em qualquer página projetada no Elementor.

Construindo uma página WordPress personalizada com Divi

A criação de um modelo de página personalizado no Divi, um tema WordPress popular e construtor de páginas, envolve o uso do Divi Builder para projetar e personalizar o layout de sua página.

Faça login no painel do WordPress e navegue até Páginas → Adicionar novo, onde você criará seu modelo personalizado.

Após criar a nova página, clique no botão Use o Divi Builder botão para iniciar a interface do Divi Builder.

use divi builder

Divi oferece uma variedade de layouts pré-concebidos para você escolher. Você pode selecionar um layout que corresponda ao seu conceito de design ou começar do zero.

Escolha o layout no Divi

Use a interface de arrastar e soltar do Divi Builder para adicionar e personalizar elementos em sua página. Você pode adicionar seções, linhas e módulos para criar o layout desejado. Personalize a aparência de cada elemento usando as configurações de design integradas.

Design em Divi

Depois de projetar seu layout de página personalizado, você poderá salvá-lo como modelo para uso futuro. Salve as alterações. Clique no Salvar na biblioteca ícone na barra de ferramentas do construtor Divi. Dê um nome ao seu modelo e salve-o.

Salve o layout

Agora que criou o modelo personalizado, você pode atribuí-lo a páginas específicas no WordPress. Ao editar uma página, role para baixo até o Atributos da página meta box, e sob o Modelo menu suspenso, selecione o modelo personalizado que você criou na lista de modelos disponíveis.

Modelo adicionado

Depois de atribuir o modelo personalizado a uma página, publique ou atualize a página para aplicar o modelo personalizado. Em seguida, visite a página no front end do seu site para garantir que o layout e a funcionalidade estão conforme o esperado.

3 Conclusão

Os modelos de páginas personalizados desempenham um papel importante no aprimoramento do apelo visual e da funcionalidade do seu site WordPress. Eles permitem que você crie layouts exclusivos para atender às suas necessidades específicas, melhorando a experiência e o envolvimento do usuário.

Recomendamos ainda que você experimente modelos de páginas personalizados e explore todo o potencial da personalização do WordPress. Personalize seu site para refletir a identidade de sua marca e se destacar na multidão.

Se você gostou deste post, avise-nos por twitter.com/rankmathseo" rel="noopener">Tweetando @rankmathseo.



Últimas

Assine

spot_img

Veja Também

spot_img

O satélite de inspeção de lixo espacial da Astroscale tira uma foto em close de um estágio de foguete descartado

Astroescala O satélite de observação de lixo espacial aproximou-se do estágio superior de um foguete descartado que está flutuando ao redor da Terra...

Snap visualiza seu modelo de imagem em tempo real que pode gerar experiências de AR

Na Augmented World Expo na terça-feira, o Snap apresentou uma versão inicial de seu modelo de difusão de imagens em tempo real no...