Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

Como criar uma página personalizada no WordPress (passo a passo)

Como criar uma página personalizada no WordPress (passo a passo) 

Escrito por: avatar do autor Stacey Corrin
avatar do autor Stacey Corrin
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.
     Avaliado por: reviewer avatar Turner John
reviewer avatar Turner John
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

Deseja criar uma página personalizada em seu site WordPress?

As páginas personalizadas dão ao seu site um toque exclusivo. Você pode dar a elas layouts diferentes do restante do site e fazer com que se destaquem da concorrência.

Neste guia, mostraremos a você como adicionar páginas no WordPress, passo a passo, e personalizá-las sem código.

Por que criar uma página personalizada no WordPress?

Sempre que você criar uma nova página no WordPress, o tema do WordPress controlará o layout e o design com o arquivo de modelo page.php. Embora seja útil fazer com que suas páginas tenham uma aparência uniforme, talvez você não queira usar sempre o mesmo design.

Por exemplo, você pode querer que uma página:

  • Mostre seu trabalho artístico mais recente
  • Destaque os principais membros da sua equipe
  • Promover o lançamento de um novo produto
  • Agradecemos aos visitantes por se inscreverem

É nesse ponto que um modelo de página personalizado pode ajudar. Em vez de usar o design de página padrão do seu tema, você pode personalizá-lo para atender a qualquer finalidade que desejar.

Mas aqui está o ponto crucial.

Criar uma página personalizada usando seu modelo padrão pode levar tempo. Você também fica preso a um arquivo page.php que pode não ter o layout que você realmente deseja. Isso pode dificultar a obtenção de um bom design, especialmente se você não tiver conhecimentos de codificação.

Entretanto, nos guias a seguir, mostraremos como criar uma página personalizada com o layout e o design desejados. E a melhor parte? Você não precisará escrever uma única linha de código.

Clique em qualquer um dos links abaixo para encontrar o guia de que você precisa:

Como criar uma página personalizada no WordPress com o SeedProd

Criar e editar uma página personalizada costumava exigir a adição de CSS, HTML e PHP personalizados aos arquivos do tema. Isso não era fácil para iniciantes e, se você cometesse um erro, poderia danificar seu site WordPress.

É por isso que nossa maneira favorita de criar páginas personalizadas é com um construtor de páginas do WordPress, como o SeedProd. Em vez de editar os arquivos do tema diretamente, você pode personalizar qualquer parte do seu site com o recurso de arrastar e soltar.

Construtor de sites WordPress SeedProd Drag and Drop

Com centenas de modelos predefinidos, ele permite que você crie páginas personalizadas sem escrever nenhum código. Isso inclui tudo, desde páginas sobre e de contato até páginas de destino de alta conversão e páginas de blog.

Você pode até usar o SeedProd para criar um tema do WordPress com cabeçalhos, rodapés, barras laterais personalizados e muito mais.

Além disso, o SeedProd funciona com ferramentas populares de terceiros, incluindo serviços de marketing por e-mail, WooCoomerce, Easy Digital Downloads e Google Analytics. Assim, você pode criar um site totalmente funcional e gerar leads e vendas usando um único plug-in do WordPress.

Para criar sua primeira página personalizada do WordPress com o SeedProd, siga as etapas simples abaixo.

Etapa 1. Instalar e ativar o SeedProd

Primeiro, instale e ative o plug-in SeedProd.

Há várias versões do SeedProd disponíveis, inclusive uma versão gratuita limitada. Para este guia, usaremos o SeedProd Pro porque ele tem mais modelos, blocos e integrações.

Para obter ajuda com essa etapa, consulte nossa documentação sobre a instalação do SeedProd. Ela também mostrará como ativar sua chave de licença.

Etapa 2. Criar uma nova página no WordPress

O SeedProd permite que você crie uma nova página de duas maneiras diferentes.

Você pode navegar até SeedProd " Landing Pages e criar uma landing page autônoma.

Adicionar uma página personalizada no WordPress usando o SeedProd Landing Page Builder

Ou você pode acessar Pages " Add New Page (Páginas " Adicionar nova página ) no administrador do WordPress e clicar no botão "Edit with SeedProd" (Editar com SeedProd).

Editar uma página do WordPress com o SeedProd

O método escolhido não faz diferença na página final, portanto, selecione a opção mais confortável.

Depois de criar uma nova página, você pode escolher um modelo para usar como ponto de partida. A biblioteca de modelos é organizada por tipo de campanha, como "Vendas", "Webinar" e "Em breve".

Modelos de página personalizados para WordPress no SeedProd

Clique em qualquer uma das guias na parte superior para filtrar os modelos. Também é possível começar do zero usando o "Modelo em branco".

Percorra os designs até encontrar um que corresponda ao layout desejado. Em seguida, clique no ícone de marca de seleção para selecioná-lo.

Escolha um modelo de página personalizado

Agora, insira um nome para sua página personalizada. O SeedProd gerará automaticamente o URL da página com base em seu título, mas você pode alterá-lo, se necessário.

Digite um nome para sua página personalizada

A partir daí, clique no botão Save and Start Editing the Page (Salvar e começar a editar a página ).

Etapa 3. Personalize sua página do WordPress

O SeedProd abrirá seu modelo no editor visual de páginas. Você verá uma visualização ao vivo no lado direito e várias configurações de bloco no lado esquerdo.

Editor visual de páginas SeedProd

O modelo escolhido inclui esses blocos, colunas e seções. Para personalizá-los, clique para selecionar um bloco no editor. As configurações do bloco serão abertas na barra lateral esquerda.

Personalize os títulos das páginas com o SeedProd

Neste exemplo, estamos editando o texto dentro do bloco "Headline" (Título). Você também pode ajustar o alinhamento do título, o tamanho da fonte, o nível do título e o link no mesmo painel.

Alterar e adicionar novas imagens à sua página personalizada é igualmente fácil. Basta clicar em qualquer imagem e adicionar uma nova a partir do seu computador ou da biblioteca de mídia do WordPress.

Alterar a imagem em sua página personalizada no WordPress

Você pode adicionar mais elementos ao modelo arrastando um bloco da barra lateral esquerda e soltando-o em sua página.

arraste e solte o bloco de imagens do WordPress em sua página personalizada

Esses elementos de design podem incluir:

Para obter uma lista completa, consulte a página Blocos do WordPress.

Se o esquema de cores do modelo não for de seu agrado, basta alguns cliques para alterá-lo. Selecione um bloco, uma coluna ou uma seção e clique nas opções de cores no painel de configurações.

Escolha cores para sua página personalizada

Como alternativa, clique no ícone de engrenagem no canto inferior esquerdo e defina suas cores personalizadas nesse local. Esse método altera as cores automaticamente para cada bloco da página, evitando que você personalize cada bloco individualmente.

Paleta global de cores de páginas personalizadas

O SeedProd também vem com seções pré-criadas. Essas coleções de blocos, linhas e colunas facilitam a criação de uma página personalizada. 

Por exemplo, se você estiver criando uma página de vendas, poderá usar as seções Hero pré-fabricadas para torná-la atraente e envolvente.

Para encontrá-las, clique na guia Sections (Seções ) no painel esquerdo e role pelos modelos até encontrar um que lhe agrade. Em seguida, passe o mouse sobre uma seção e clique no ícone de adição para adicioná-la à sua página.

Seções de páginas personalizadas no WordPress

Na parte inferior do editor de páginas, você também verá uma barra de ferramentas com vários ícones, incluindo Navegação de layout, Histórico de revisões e Desfazer e Refazer. Essas opções facilitam a localização de diferentes elementos em sua página e a reversão de alterações feitas por engano.

Configurações de navegação de layout de página personalizado

Você também pode clicar no ícone do celular para ver uma visualização ao vivo da sua página em dispositivos móveis. Dessa forma, você pode garantir que sua página seja responsiva a dispositivos móveis e fácil de navegar em smartphones e tablets.

Visualize sua página personalizada do WordPress no celular

Quando estiver satisfeito com sua página personalizada, clique no botão Save (Salvar ) no canto superior direito.

Etapa 4. Publique sua página personalizada no WordPress

Para publicar sua página personalizada do WordPress com o SeedProd, clique no menu suspenso ao lado do botão "Save" (Salvar) e selecione Publish (Publicar).

Publique sua página personalizada no WordPress com o SeedProd

Agora, você pode visitar sua página personalizada para ver como ela fica ao vivo em seu site.

Nova página personalizada no WordPress

Maneiras alternativas de criar páginas personalizadas do WordPress

Se estiver usando um tema WordPress baseado em blocos, como o Twenty Twenty-Four, você poderá usar o editor de blocos do WordPress para criar páginas personalizadas. Isso é útil se você quiser reutilizar o mesmo design em várias páginas, pois pode aplicar o mesmo modelo.

Você também usa o editor de sites do WordPress para criar um layout de página exclusivo sem instalar plug-ins adicionais.

No entanto, observe que os dois métodos a seguir exigem temas do WordPress baseados em blocos. Se não estiver usando um tema de blocos, recomendamos usar um construtor de páginas.

Criação de um modelo de página personalizado do WordPress com o Block Editor

Para esse método, comece abrindo uma página e clicando em Pages (Páginas ) no menu à direita, ao lado do título "Template" (Modelo).

Na janela pop-up que aparece, clique no ícone "Add Template" (Adicionar modelo).

Adicionar um novo modelo de página no WordPress

A partir daí, insira um nome de modelo e clique no botão Create (Criar ).

Dê um nome ao seu modelo personalizado

Agora, você verá o Editor de modelos, que funciona da mesma forma que o editor de conteúdo. Aqui, você pode criar seu novo modelo adicionando blocos, como títulos, imagens e conteúdo, e formatando o estilo do texto.

Crie sua página personalizada usando o editor de sites do WordPress

Você também pode usar padrões, que são coleções de blocos usados com frequência juntos, como tabelas de preços e calls-to-action.

Você os encontrará clicando no ícone de mais e selecionando a guia de padrões. Em seguida, basta clicar em um deles para adicioná-lo ao seu modelo de página.

Padrões do editor de sites do WordPress

Quando estiver satisfeito com seu modelo, clique no botão Save (Salvar ).

Agora, você pode aplicar esse modelo a qualquer página existente. Tudo o que você precisa fazer é abrir uma página, clicar no texto ao lado de "Modelo" e escolher o modelo que acabou de criar.

Aplique o novo modelo de página personalizado a qualquer página

Depois de aplicar o modelo, você pode adicionar conteúdo como faria com qualquer outra página do WordPress.

Criação de uma página personalizada com o WordPress Site Editor

Se a criação de um modelo personalizado parecer muito trabalhosa, você poderá usar o editor de sites do WordPress para criar uma página personalizada. Isso permite que você altere todo o design da página e a torne totalmente exclusiva.

Primeiro, crie uma nova página do WordPress, como faria normalmente, acessando Pages " Add New no painel do WordPress. Aqui, adicione seus atributos de página única, como tags, categorias e imagens em destaque.

Depois de salvar suas alterações, navegue até Appearance " Editor e clique no item de menu Pages no lado esquerdo.

Menu Páginas no editor de sites do WordPress

Agora você verá uma lista de páginas que criou em seu site. Portanto, localize a página que você acabou de criar e clique nela.

Selecione sua nova página do WordPress no menu do editor de sites

O WordPress agora mostrará uma visualização de sua página. Para alterar seu design, clique no ícone de lápis ao lado do título da página.

Edite sua página personalizada com o editor de sites do WordPress

Agora, você pode editar o layout da página usando as ferramentas do editor. Por exemplo, ao clicar no ícone de adição azul, você pode adicionar novos blocos ou pode clicar para personalizar qualquer bloco ou conteúdo da página.

Personalize o design de sua página com o editor de sites e o editor de blocos do WordPress

Quando estiver satisfeito com as alterações, clique no botão Save (Salvar ) e, em seguida, visite a página para ver o novo design.

E aí está!

Agora você aprendeu a criar uma página personalizada no WordPress. Todos os métodos que abordamos são simples e não requerem a ajuda de um desenvolvedor.

Portanto, vá em frente e crie a página perfeita do WordPress para seu próximo projeto.

Você também pode achar úteis os seguintes guias do WordPress:

Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, fique à vontade para deixar um comentário com perguntas e feedback.

Você também pode nos seguir no YouTube, no X (antigo Twitter) e no Facebook para obter mais conteúdo útil para expandir seus negócios.

avatar do autor
Stacey Corrin Escritor
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.