Como Criar uma Página Personalizada no WordPress

Uma página personalizada permite que você use um layout diferente do resto do seu site. Muitos sites WordPress usam layouts de página personalizados para suas páginas de vendas, landing pages, páginas de webinars e muito mais.

Ao longo dos anos, criamos muitas páginas personalizadas no WPBeginner para diferentes propósitos. Usamos elas para mostrar diferentes ofertas em plugins e serviços de hospedagem, oferecer serviços Pro para ajudar usuários com WordPress, exibir diferentes produtos e muito mais.

Em nossa experiência, existem várias maneiras de criar páginas personalizadas. Usamos construtores de páginas como o SeedProd para alguns de nossos projetos. Além disso, você também pode usar o editor de blocos ou editores de site completos para adicionar páginas personalizadas ao seu site.

Neste artigo, mostraremos como criar facilmente uma página personalizada no WordPress.

Por que criar uma página personalizada no WordPress?

Toda vez que você cria uma nova página, o seu tema WordPress controla como essa página se parece usando um arquivo de template.

Este template page.php afeta todas as páginas únicas que você cria no WordPress. No entanto, você pode não querer usar o mesmo design todas as vezes.

Landing pages frequentemente têm conteúdo diferente em comparação com páginas regulares, como uma grande imagem de destaque ou um call to action (CTA). Isso significa que elas geralmente parecem completamente diferentes do resto do seu site. 

No entanto, tentar criar designs exclusivos usando o modelo de página padrão pode levar muito tempo. Você também está limitado pelo modelo page.php e pode não conseguir criar o design exato que deseja. Isso pode dificultar a obtenção de bons resultados. Por exemplo, se você estiver criando uma página de vendas, pode não obter muitas conversões devido a um design de página ruim.

Dito isso, vamos ver como você pode criar uma página personalizada no WordPress, com o design, layout e conteúdo exatos que você deseja. Simplesmente use os links rápidos abaixo para pular diretamente para o método que você deseja usar.

• Método 1. Como Criar uma Página Personalizada no WordPress Usando o Editor de Blocos (Sem Plugin Necessário)
• Método 2. Como Criar uma Página Personalizada Usando o Editor de Site Completo (Apenas Temas Baseados em Blocos)
• Método 3. Crie uma Página Personalizada no WordPress Usando o SeedProd (Recomendado)
• Método 4. Usando o Thrive Architect para Criar uma Página Personalizada no WordPress

Método 1. Como Criar uma Página Personalizada no WordPress Usando o Editor de Blocos (Sem Plugin Necessário) 

O editor de blocos facilita o design de seus próprios modelos usando as ferramentas com as quais você já está familiarizado.

Esta é uma boa opção se você planeja reutilizar o mesmo design em várias páginas, pois você pode simplesmente aplicar o mesmo modelo. Se você deseja criar um design completamente exclusivo, outra opção é criar a página normalmente e, em seguida, editar seu layout usando o editor de site completo, que abordaremos no Método 2.

Apenas esteja ciente de que esses métodos funcionam apenas com temas baseados em blocos como ThemeIsle Hestia Pro ou Twenty Twenty-Three. Se você não tiver um tema baseado em blocos, recomendamos o uso de um construtor de páginas em vez disso.

Para começar, basta abrir qualquer página ou postagem. Em seguida, selecione a aba 'Página' no menu do lado direito e clique no texto ao lado de 'Modelo'.

As opções que você vê podem variar dependendo do seu tema WordPress, mas o texto geralmente mostrará 'Página', 'Modelo padrão' ou algo semelhante.

No pop-up que aparece, clique no ícone 'Adicionar Modelo'.

No pop-up que aparece, digite um nome para o seu modelo e, em seguida, clique em 'Criar'.

O nome é apenas para sua referência, então você pode usar o que quiser.

Isso inicia o editor de modelos, que funciona de forma semelhante ao editor de conteúdo do WordPress.

Para adicionar blocos ao design da página personalizada, basta clicar no botão azul '+'. Você pode então arrastar e soltar para adicionar blocos.

Você pode adicionar conteúdo a um bloco ou alterar sua formatação usando as ferramentas familiares de edição de postagens do WordPress. Por exemplo, você pode digitar texto em um bloco 'Título', aplicar formatação em negrito ou alterar o texto de H2 para H3.

Você também pode criar uma página personalizada usando padrões. Padrões são coleções de blocos que são frequentemente usados juntos, como uma lista de eventos, uma imagem com legenda ou uma tabela de preços.

Os padrões que você vê variarão dependendo do seu tema do WordPress, mas você pode ver quais padrões estão disponíveis clicando na aba ‘Padrões’.

Você pode arrastar e soltar um padrão de bloco no seu layout ou clicar no padrão para adicioná-lo ao final do seu modelo. Quando estiver satisfeito com a aparência do modelo, clique no botão ‘Publicar’ e depois em ‘Salvar’.

Agora você pode aplicar este modelo a qualquer página. Simplesmente abra a página no editor e clique no texto ao lado de ‘Modelo’.

No pop-up que aparece, selecione o modelo que você acabou de criar.

Com isso feito, você pode adicionar conteúdo à página, assim como qualquer outra página do WordPress. 

Método 2. Como criar uma página personalizada usando o Editor de Site Completo (Somente Temas Baseados em Blocos)

Se você estiver usando um tema baseado em blocos, também poderá criar uma página personalizada usando o editor de site completo. Isso permite que você altere o layout de uma página individual, sem criar um modelo personalizado.

Com isso em mente, esta é uma boa opção se você deseja criar um design completamente exclusivo que não reutilizará em nenhuma outra página.

Para começar, basta criar a página normalmente, acessando Páginas » Adicionar Nova. Você pode então digitar um título, adicionar categorias e tags, fazer upload de uma imagem em destaque e fazer quaisquer outras alterações que desejar.

Quando estiver satisfeito com a página básica, salve suas alterações e acesse Aparência » Editor.

Por padrão, o editor de site completo exibe o modelo de página inicial do seu tema.

No menu do lado esquerdo, clique em 'Páginas'.

Agora você verá todas as páginas que criou em seu site WordPress.

Simplesmente encontre a página que deseja redesenhar e clique nela.

O WordPress agora mostrará uma prévia do design.

Para prosseguir e editar este modelo, clique no pequeno ícone de lápis.

Agora você pode editar o layout da página usando as ferramentas do editor de site completo. Por exemplo, você pode clicar no botão azul '+' para adicionar novos blocos, ou clicar para selecionar qualquer bloco que deseje personalizar.

Quando estiver satisfeito com as alterações feitas, clique no botão 'Salvar'.

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

Método 3. Crie uma Página Personalizada no WordPress usando SeedProd (Recomendado) 

No passado, você criava uma página personalizada escrevendo código, o que não era muito amigável para iniciantes. Se você cometesse um erro com seu código HTML, CSS ou PHP, isso poderia causar erros comuns do WordPress ou até mesmo quebrar seu site completamente.

Com isso em mente, recomendamos o uso de um construtor de páginas em vez disso.

SeedProd é o melhor construtor de páginas drag-and-drop para WordPress. Ele vem com mais de 350 modelos, permitindo que você crie páginas personalizadas sem escrever nenhum código. 

Se você estiver usando uma página personalizada para obter mais conversões, o SeedProd funciona com muitas ferramentas populares de terceiros que você já pode estar usando para obter conversões. Isso inclui os principais serviços de marketing por e-mail, WooCommerce, Google Analytics e muito mais.

Primeiro, você precisa instalar e ativar o SeedProd. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após ativar o plugin, o SeedProd solicitará sua chave de licença.

Você pode encontrar essas informações em sua conta no site do SeedProd. Após inserir a chave, clique no botão ‘Verificar Chave’.

Escolha um Modelo de Página Personalizada

Assim que terminar, vá para SeedProd » Landing Pages e clique no botão ‘Adicionar Nova Landing Page’.

Agora você pode escolher um modelo para sua página personalizada.

Os modelos do SeedProd são organizados em diferentes tipos de campanha, como ‘lead’, ‘squeeze’ e ‘em breve’. Você pode clicar nas abas na parte superior da tela para filtrar os modelos com base no tipo de campanha. 

Se você quiser começar do zero, o SeedProd também tem um modelo em branco que você pode usar.

Para dar uma olhada mais de perto em qualquer design, basta passar o mouse sobre esse modelo e clicar no ícone da lupa.

Quando encontrar um design que goste, clique em ‘Escolher Este Modelo’. Estamos usando o modelo ‘Página de Vendas de Curso’ em todas as nossas imagens, mas você pode usar qualquer modelo que quiser.

Em seguida, digite um nome para a página personalizada. O SeedProd criará automaticamente um URL com base no título da página, mas você pode alterar esse URL para o que quiser.

Um URL descritivo também ajudará os motores de busca a entender do que se trata a página, para que possam mostrá-la aos usuários certos, o que melhorará seu SEO para WordPress.

Para dar à sua página personalizada a melhor chance de aparecer nos resultados de pesquisa relevantes, você pode querer adicionar quaisquer palavras-chave que estejam faltando no URL. Para mais detalhes, consulte nosso guia sobre como fazer pesquisa de palavras-chave.

Quando estiver satisfeito com as informações inseridas, clique no botão ‘Salvar e Começar a Editar a Página’.

Projete Sua Página Personalizada

O SeedProd agora abrirá o modelo escolhido em seu editor de arrastar e soltar fácil de usar. Você verá uma prévia ao vivo da sua página à direita e algumas configurações de bloco à esquerda.

Para personalizar um bloco, basta clicar para selecioná-lo no editor de página. A barra de ferramentas do lado esquerdo mostrará todas as configurações desse bloco.

Na imagem a seguir, estamos alterando o texto dentro de um bloco de ‘Título’.  

Você pode formatar o texto, alterar seu alinhamento, adicionar links e muito mais usando as configurações no menu do lado esquerdo.

Também é fácil editar imagens usando o construtor de páginas SeedProd. Simplesmente clique em qualquer bloco de ‘Imagem’ e use as configurações para adicionar texto alternativo, fazer upload de uma nova imagem ou fazer quaisquer outras alterações. 

Se você quiser remover um bloco da página personalizada, basta clicar para selecionar esse bloco.

Em seguida, clique no ícone de lixeira na mini barra de ferramentas. 

Para adicionar novos blocos ao seu design, basta encontrar um bloco no menu esquerdo e arrastá-lo para o editor.

Você pode então clicar para selecionar o bloco e fazer quaisquer alterações no menu esquerdo. 

O SeedProd também vem com ‘Seções’, que são linhas e modelos de blocos que podem ajudá-lo a criar uma página personalizada, rapidamente. Por exemplo, se você estivesse projetando uma página de destino para anúncios do Google, então você poderia usar as seções prontas de Herói, Chamada para Ação ou Recursos do SeedProd.

Para ver todas as seções disponíveis, basta clicar na aba ‘Seções’.

Para dar uma olhada mais de perto em uma seção, passe o mouse sobre ela e clique no ícone de lupa.

Quando encontrar uma seção que deseja adicionar ao seu design, basta mover o mouse sobre ela e clicar no pequeno ícone de ‘+’.

Isso adiciona a seção ao final da sua página. Você pode mover seções e blocos pelo seu design usando arrastar e soltar.

Se você cometer um erro ou mudar de ideia, não se preocupe. Você pode reverter sua última alteração clicando no botão ‘Desfazer’ na parte inferior da barra de ferramentas esquerda.

Aqui, você também encontrará um botão de refazer, histórico de revisões, navegação de layout e configurações globais.

Esses botões extras facilitam a criação de uma página personalizada no WordPress. 

Na parte inferior da barra de ferramentas, você também encontrará um botão de visualização móvel que permite visualizar a versão móvel da página personalizada. 

Isso pode ajudá-lo a projetar uma página personalizada que fique tão boa em dispositivos móveis quanto em seu computador.

Quando estiver satisfeito com a página personalizada, é hora de publicá-la clicando na seta suspensa ao lado de ‘Salvar’ e, em seguida, selecionando a opção ‘Publicar’. 

Sua página personalizada agora estará ativa em seu blog WordPress.

Se você quiser editar a página personalizada a qualquer momento, basta ir para SeedProd » Landing Pages no seu painel do WordPress. Você poderá então encontrar a página que deseja alterar e clicar no link ‘Editar’ dela.

Isso abrirá o design no editor do SeedProd, pronto para você fazer suas alterações.

Método 4. Usando o Thrive Architect para Criar uma Página Personalizada no WordPress

Você também pode criar uma página personalizada usando o Thrive Architect. O Thrive Architect é outro construtor de páginas de arrastar e soltar popular para WordPress.

Ele vem com mais de 300 modelos projetados profissionalmente que visam ajudá-lo a obter mais conversões.

Primeiro, você precisa instalar e ativar o plugin Thrive Architect. Para mais detalhes, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, vá para Páginas » Adicionar Nova no seu painel de administração do WordPress para criar uma página personalizada. Em seguida, clique no botão ‘Iniciar Thrive Architect’.

Em seguida, você pode escolher se deseja criar uma página normal ou uma página de destino pré-construída.

Recomendamos clicar em ‘Página de Destino Pré-construída’, pois isso lhe dá acesso a todos os modelos de página de destino do Thrive. Esses modelos são totalmente personalizáveis, para que você possa ajustá-los para se adequar ao seu site WordPress.

Quando encontrar um conjunto que goste, basta clicar para selecioná-lo.

Na imagem a seguir, estamos selecionando ‘Conjuntos de Páginas de Destino Inteligentes’.

Na próxima tela, você precisa escolher um modelo específico do conjunto.

Selecione um modelo clicando nele e, em seguida, pressionando o botão ‘Aplicar Modelo’.

Isso abrirá o modelo no Editor Thrive Architect. A partir daqui, você pode personalizar facilmente o modelo de página para combinar com seu blog, site ou loja online.

Como exemplo, você pode alterar o 'Título' clicando nele e, em seguida, digitando sua própria mensagem personalizada.

Agora você verá todas as opções de personalização no menu do lado esquerdo. Aqui, você pode alterar a tipografia, o tamanho da fonte, a cor, a formatação e muito mais.

No painel esquerdo, você também pode ajustar outras configurações para sua página personalizada, como o layout, estilo de fundo, bordas, animações e comportamento de rolagem, apenas para citar alguns.

Semelhante aos blocos do SeedProd, o Thrive Architect vem com muitos elementos pré-construídos que você pode adicionar à sua página personalizada.

Para adicionar um novo elemento à página, clique no botão 'Adicionar Elemento (+)' no lado direito da tela.

Agora você pode escolher entre elementos como imagens, botões, formulários de geração de leads, tabelas de preços, contadores regressivos e muito mais.

Para adicionar um elemento, basta arrastá-lo do menu do lado direito e soltá-lo na sua página.

Novamente, você pode editar qualquer um dos novos elementos que adicionar à sua página clicando neles. 

Quando estiver satisfeito com a aparência da página, clique na seta (^) ao lado do botão 'Salvar Trabalho'. Em seguida, clique na opção 'Salvar e Retornar ao Editor de Posts'.

Você pode então salvar a página como um rascunho, ou publicá-la para que ela apareça no seu site WordPress.

Assim que sua página personalizada for publicada, você pode visitar seu site para vê-la em ação.

Esperamos que este artigo tenha ajudado você a aprender como criar uma página personalizada no WordPress. Você também pode querer ver nosso guia sobre como criar uma landing page com WordPress e como dividir o título de post ou página no WordPress.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.