15%

Poupe 15% em todos os serviços

Teste as suas habilidades e obtenha Desconto em qualquer plano

Utilizar o código:

Skills
Começar a trabalhar
21.10.2024

Como Usar Modelos Iniciais no WordPress para Construir Qualquer Site que Você Precisar

Os modelos iniciais (starter templates) no WordPress são layouts de página pré-construídos e totalmente desenhados que pode importar para o seu site com um único clique, fornecendo uma estrutura visual completa — cabeçalhos, rodapés, páginas internas, tipografia e esquemas de cores — sem escrever uma única linha de código. São fornecidos com temas como Astra, Neve, Kadence e OceanWP, e são acedidos através de plugins complementares que se ligam a uma biblioteca de designs específicos por setor.

O valor prático é significativo: em vez de montar uma página inicial do zero, importa um modelo adequado ao seu nicho (produto SaaS, escritório de advocacia, loja WooCommerce, portfólio) e substitui o conteúdo de exemplo pelo seu. Todo o processo, desde uma instalação WordPress em branco até um site com estilo e múltiplas páginas, pode demorar menos de 30 minutos — desde que o seu ambiente de alojamento esteja devidamente configurado.

O Que Precisa Antes de Começar

Antes de aceder ao painel do WordPress, verifique os seguintes pré-requisitos do lado do servidor. Muitas falhas na importação de modelos têm origem numa configuração de alojamento inadequada, e não em erros de plugins.

Requisitos mínimos de PHP e memória:

  • PHP 7.4 ou superior (PHP 8.1+ recomendado para temas modernos)
  • memory_limit definido para pelo menos 256 MB em php.ini
  • max_execution_time de 300 segundos ou mais
    upload_max_filesize e post_max_size ambos a 64 MB ou superior
    
    Se estiver num plano de Alojamento VPS, pode editar estes valores diretamente em /etc/php/8.1/fpm/php.ini (ajuste o caminho da versão para corresponder à sua stack) e recarregar o PHP-FPM:
    sudo nano /etc/php/8.1/fpm/php.ini
    # Set: memory_limit = 256M, max_execution_time = 300
    sudo systemctl reload php8.1-fpm
    Em ambientes partilhados, estes limites são frequentemente definidos através do painel de controlo do alojamento. Se estiver a utilizar um plano de Alojamento Web Partilhado, verifique a secção de configuração PHP no cPanel ou contacte o suporte para aumentar os limites antes de tentar uma importação completa do site.
    O SSL é fortemente recomendado antes do lançamento. Importar um modelo via HTTP e depois mudar para HTTPS mais tarde causa problemas de conteúdo misto em imagens e scripts incorporados. Configure o seu Certificado SSL antes de executar a importação.
    Passo 1: Escolha um Tema que Suporte Modelos Iniciais
    Nem todos os temas WordPress incluem uma biblioteca de modelos. Os quatro seguintes são os ecossistemas mais maduros, cada um com centenas de modelos e desenvolvimento ativo:
    
    
    
    Tema
    Tamanho da Biblioteca de Modelos
    Compatibilidade com Page Builder
    Base Leve (KB)
    Versão Gratuita
    
    
    
    
    
    
    
    
    —
    —
    —
    —
    —
    
    
    
    
    
    
    
    
    **Astra**
    250+ modelos
    Elementor, Gutenberg, Beaver Builder, Brizy
    ~50 KB
    Sim
    
    
    
    
    
    
    
    
    **Neve**
    100+ modelos
    Elementor, Gutenberg, Brizy
    ~30 KB
    Sim
    
    
    
    
    
    
    
    
    **Kadence**
    100+ modelos
    Gutenberg (nativo), Elementor
    ~40 KB
    Sim
    
    
    
    
    
    
    
    
    **OceanWP**
    50+ modelos
    Elementor, Gutenberg
    ~60 KB
    Sim
    
    
    
    
    
    Astra é a opção mais amplamente utilizada e tem a integração mais profunda com Elementor. Kadence é a melhor escolha se quiser permanecer inteiramente dentro do editor de blocos nativo Gutenberg e evitar uma dependência de page builder de terceiros. Neve é o mais otimizado para desempenho de raiz.
    Para instalar o tema escolhido:
    
    Inicie sessão no seu painel do WordPress.
    Navegue até Aparência > Temas.
    Clique em Adicionar Novo e pesquise o seu tema pelo nome.
    Clique em Instalar e depois em Ativar.
    
    Passo 2: Instale o Plugin de Modelos Iniciais
    Cada ecossistema de temas utiliza um plugin ligeiramente diferente para expor a sua biblioteca de modelos. A tabela abaixo mapeia os temas para os seus plugins complementares:
    
    
    
    Tema
    Nome do Plugin
    Slug no WordPress.org
    
    
    
    
    
    
    
    
    —
    —
    —
    
    
    
    
    
    
    
    
    Astra
    Starter Templates
    `astra-sites`
    
    
    
    
    
    
    
    
    Neve
    Neve Pro / Otter Blocks
    `otter-blocks`
    
    
    
    
    
    
    
    
    Kadence
    Kadence Starter Templates
    `kadence-starter-templates`
    
    
    
    
    
    
    
    
    OceanWP
    Ocean Extra
    `ocean-extra`
    
    
    
    
    
    Para Astra (o fluxo de trabalho mais comum):
    
    Vá a Plugins > Adicionar Novo.
    Pesquise por Starter Templates.
    Instale e ative o plugin com o nome Starter Templates – Elementor, Gutenberg & Beaver Builder Templates.
    
    Após a ativação, um novo item de menu aparece em Aparência > Starter Templates.
    Caso extremo crítico: Se estiver a migrar um site existente e já tiver conteúdo, não execute uma importação completa do site. Isso irá substituir as suas páginas, menus e widgets existentes. Utilize Importar Página Individual ou Importar Modelo de Início em vez disso, e integre manualmente os elementos de design de que necessita.
    Passo 3: Selecione e Importe um Modelo Inicial
    Após ativar o plugin, o assistente de importação é iniciado automaticamente ou está acessível via Aparência > Starter Templates.
    Fluxo de trabalho:
    
    Escolha o seu page builder. O assistente pergunta se pretende utilizar Elementor, Gutenberg ou Beaver Builder. Esta escolha é permanente para a importação — não é possível misturar builders numa única importação de modelo. Escolha Gutenberg se quiser uma configuração mais leve e sem plugins; escolha Elementor se precisar de flexibilidade avançada de arrastar e largar.
    
    
    Filtre por categoria. Os modelos estão organizados por setor (Negócios, eCommerce, Agência, Restaurante, Portfólio, Educação, etc.). Utilize a barra de pesquisa para filtrar por palavras-chave.
    
    
    Pré-visualize antes de importar. Clique em qualquer miniatura de modelo para abrir uma pré-visualização ao vivo. Inspecione as páginas internas (Sobre, Contacto, Blog) — não apenas a página inicial — porque a página inicial frequentemente parece polida enquanto as páginas internas são escassas.
    
    
    Escolha o âmbito da importação:
    
    
    Importar Site Completo — importa todas as páginas, publicações, menus, widgets e definições do personalizador de temas. Melhor para novos sites.
    Importar Modelo de Início — importa apenas o layout da página inicial. Melhor para sites existentes onde pretende renovar apenas a página principal.
    
    
    Confirme a importação. O plugin irá descarregar conteúdo de demonstração, imagens (do Unsplash ou da CDN do plugin) e definições do personalizador. Em ligações mais lentas ou servidores restritivos, este processo pode demorar 60–90 segundos.
    
    O que é importado e o que não é:
    
    
    
    Recurso
    Importado
    Notas
    
    
    
    
    
    
    
    
    —
    —
    —
    
    
    
    
    
    
    
    
    Layouts de página
    Sim
    Todas as páginas da demonstração
    
    
    
    
    
    
    
    
    Imagens de demonstração
    Sim
    Imagens de substituição da CDN do Unsplash
    
    
    
    
    
    
    
    
    Plugins (WooCommerce, etc.)
    Solicitado
    O instalador de plugins é executado como parte do assistente
    
    
    
    
    
    
    
    
    As suas publicações/páginas existentes
    Não
    O conteúdo existente não é eliminado a menos que escolha “Eliminar Dados Importados Anteriormente”
    
    
    
    
    
    
    
    
    Definições de domínio/DNS personalizadas
    Não
    Devem ser configuradas separadamente
    
    
    
    
    
    
    
    
    Certificado SSL
    Não
    Deve ser pré-configurado
    
    
    
    
    
    Passo 4: Personalize o Modelo
    Utilizar o Editor Elementor
    Navegue até Páginas, passe o cursor sobre qualquer página e clique em Editar com Elementor. O editor visual abre com o layout importado totalmente editável.
    Ações de personalização principais:
    
    Substituir imagens: Clique em qualquer widget de imagem e depois clique na miniatura da imagem no painel esquerdo para abrir a biblioteca de media. Substitua as imagens de demonstração pelos seus próprios recursos.
    Editar texto inline: Clique diretamente em qualquer elemento de texto para o editar no local.
    Cores e Fontes Globais: No Elementor, vá a Definições do Site > Cores Globais e Fontes Globais para definir a paleta da sua marca e o sistema tipográfico em todo o site. Alterar uma cor global atualiza todos os elementos que a referenciam em todas as páginas simultaneamente.
    Estrutura de secções e colunas: Clique com o botão direito em qualquer secção para duplicar, eliminar ou mover. Utilize o painel Navegador (o ícone de camadas na barra de ferramentas inferior) para layouts complexos com secções aninhadas.
    
    Após editar, clique em Atualizar (não em Publicar — a página já está publicada; Atualizar guarda as suas alterações).
    Utilizar o Editor de Blocos Gutenberg
    Navegue até Páginas e clique em Editar na página pretendida. O editor de blocos abre com o layout baseado em padrões importado.
    Ações de personalização principais:
    
    Clique em qualquer bloco para o selecionar. Utilize a barra de ferramentas acima do bloco para opções de alinhamento, cor e formatação.
    Utilize a Vista de Lista (o ícone de linhas empilhadas na barra de ferramentas superior) para ver e navegar na hierarquia completa de blocos — essencial para modelos complexos com blocos de Grupo e Capa aninhados.
    Para alterar estilos globais, vá a Aparência > Editor > Estilos (temas de Edição Completa do Site) ou Aparência > Personalizar (temas clássicos).
    O painel Estilos no Editor do Site permite definir tipografia global e paletas de cores que se propagam por todos os blocos.
    
    Nota de desempenho: Os modelos baseados em Gutenberg geram HTML mais limpo e carregam mais rapidamente do que os baseados em Elementor, porque não requerem o JavaScript de execução do Elementor. Para sites onde os Core Web Vitals são uma prioridade, o caminho Gutenberg é comprovadamente melhor.
    Passo 5: Configure as Definições Globais do Tema
    Após a importação, abra Aparência > Personalizar para ajustar o sistema de design global. Os painéis disponíveis variam consoante o tema, mas todos os principais temas de modelos iniciais expõem:
    Tipografia:
    
    Defina a família de fontes principal para títulos (H1–H6) e texto do corpo.
    Defina tamanhos de fonte, alturas de linha e espaçamento entre letras globalmente.
    Utilize fontes do sistema (-apple-system, BlinkMacSystemFont, sans-serif) ou uma seleção do Google Fonts. As fontes do sistema eliminam um pedido HTTP externo e melhoram as pontuações LCP.
    
    Cores:
    
    Defina uma cor primária (destaque da marca), cor secundária, cor do texto e cor de fundo.
    Estes valores preenchem propriedades personalizadas CSS (--wp--preset--color--primary) que todos os blocos e widgets importados referenciam.
    
    Layout:
    
    Defina a largura global do contentor (tipicamente 1200px–1440px para designs modernos).
    Configure o layout do cabeçalho: cabeçalho fixo, cabeçalho transparente ao fazer scroll, comportamento do menu mobile.
    Configure colunas do rodapé, áreas de widgets e texto de direitos de autor.
    
    Específico do Astra: O personalizador do Astra tem um painel de Desempenho onde pode desativar o carregamento do Google Fonts (útil se estiver a alojar fontes localmente para conformidade com o RGPD) e ativar a minificação de CSS.
    Passo 6: Substitua o Conteúdo de Substituição
    O conteúdo de demonstração dos modelos é intencionalmente genérico. A substituição sistemática é mais rápida do que editar página a página:
    
    Vá a Páginas e ordene por Data para encontrar todas as páginas importadas durante a configuração do modelo.
    Abra cada página e substitua:
    
    
    Títulos e corpo do texto pelo seu conteúdo real.
    Imagens de demonstração pelas suas próprias fotografias ou imagens de stock licenciadas. Utilize texto alt descritivo para cada imagem.
    Números de telefone, moradas e endereços de email de substituição.
    Links de navegação de demonstração — verifique Aparência > Menus para garantir que todos os itens de menu apontam para páginas reais.
    
    
    Atualize o Título do Site e o Slogan em Definições > Geral.
    Defina a sua Página Inicial e a Página do Blog em Definições > Leitura.
    
    Passo crítico para SEO: Após substituir o conteúdo, instale o Yoast SEO ou o Rank Math e defina um meta título e uma meta descrição únicos para cada página. As importações de modelos não preenchem metadados de SEO.
    Passo 7: Expanda a Funcionalidade com Plugins
    Os modelos iniciais fornecem estrutura de design, não funcionalidade. Dependendo do tipo do seu site, precisará de plugins adicionais:
    
    
    
    Tipo de Site
    Plugin Recomendado
    Finalidade
    
    
    
    
    
    
    
    
    —
    —
    —
    
    
    
    
    
    
    
    
    eCommerce
    WooCommerce
    Catálogo de produtos, carrinho, checkout
    
    
    
    
    
    
    
    
    Geração de leads
    WPForms ou Contact Form 7
    Formulários de contacto e consulta
    
    
    
    
    
    
    
    
    Membership
    MemberPress ou Restrict Content Pro
    Conteúdo restrito
    
    
    
    
    
    
    
    
    SEO
    Rank Math ou Yoast SEO
    SEO on-page, sitemaps, schema
    
    
    
    
    
    
    
    
    Desempenho
    WP Rocket ou LiteSpeed Cache
    Cache, minificação, lazy loading
    
    
    
    
    
    
    
    
    Segurança
    Wordfence ou Solid Security
    Firewall, análise de malware
    
    
    
    
    
    
    
    
    Backup
    UpdraftPlus
    Backups automáticos fora do site
    
    
    
    
    
    Se estiver a executar WooCommerce, verifique se o seu plano de alojamento consegue suportar a carga adicional da base de dados. Um VPS com cPanel oferece-lhe a margem de recursos e a interface de gestão para lidar com WooCommerce em escala sem as limitações do alojamento partilhado.
    Passo 8: Pré-visualize, Teste e Lance
    Antes de publicar, percorra esta lista de verificação pré-lançamento:
    QA Visual:
    
    Pré-visualize em computador, tablet e mobile utilizando a pré-visualização responsiva do Personalizador do WordPress ou as DevTools do browser.
    Verifique se não restam imagens de demonstração em nenhuma página.
    Verifique se todas as fontes carregaram corretamente (a limitação de rede nas DevTools pode revelar cintilação de troca de fontes).
    
    Testes funcionais:
    
    Submeta todos os formulários e confirme que o email de notificação chega. Verifique a configuração do seu Alojamento de Email se os emails transacionais não estiverem a ser entregues — o wp_mail() padrão do WordPress depende da função mail() do PHP, que muitos alojamentos bloqueiam. Utilize um plugin SMTP (WP Mail SMTP, Post SMTP) com credenciais autenticadas.
    Clique em todos os links de navegação e botões. Os modelos importados contêm por vezes URLs de demonstração codificados.
    Teste o fluxo de checkout se o WooCommerce estiver ativo.
    
    Linha de base de desempenho:
    
    Execute um teste do PageSpeed Insights na página inicial. Procure um LCP abaixo de 2,5 segundos e uma pontuação CLS abaixo de 0,1.
    Se as pontuações forem fracas, ative o cache, otimize as imagens (converta para WebP) e considere uma CDN.
    
    Segurança:
    
    Certifique-se de que o HTTPS está aplicado em todo o site. Verifique se não existem avisos de conteúdo misto na consola do browser.
    Altere o nome de utilizador de administrador padrão do WordPress se ainda for admin.
    Defina as permissões de ficheiros: diretórios em 755, ficheiros em 644, e wp-config.php em 600.
    
    Assim que todas as verificações passarem, o site está pronto. Se ainda estiver num domínio temporário, atualize o Endereço WordPress (URL) e o Endereço do Site (URL) em Definições > Geral após apontar o seu domínio. Pode registar ou transferir o seu domínio através do Registo de Domínios se ainda não o fez.
    Erros Comuns e Como Evitá-los
    A importação falha a meio do processo: Geralmente causado por memory_limit ou max_execution_time do PHP serem demasiado baixos. Aumente estes valores conforme descrito na secção de pré-requisitos e tente novamente a importação.
    As imagens de demonstração não carregam após a importação: O plugin Starter Templates obtém imagens de uma CDN externa. Se o seu servidor tiver restrições de HTTP de saída ou uma firewall a bloquear pedidos externos, as imagens não serão descarregadas. Coloque os domínios CDN do plugin na lista de permissões ou relaxe temporariamente as regras de saída durante a importação.
    O modelo parece diferente da pré-visualização: Isto significa quase sempre que um plugin necessário (Elementor Pro, um add-on específico) não foi instalado. O assistente de importação lista os plugins necessários — instale todos eles antes de importar.
    As alterações do Personalizador não se aplicam às páginas importadas: Alguns modelos Elementor utilizam as próprias definições globais do Elementor em vez do personalizador do tema. As alterações feitas em Aparência > Personalizar não afetarão os elementos controlados pelo Elementor. Utilize Elementor > Definições do Site para essas páginas.
    Regressão de desempenho após a importação: As importações completas do site carregam todos os plugins e recursos de demonstração. Audite os seus plugins ativos após a importação e desative tudo o que não necessitar. Cada plugin ativo adiciona sobrecarga de execução PHP em cada carregamento de página.
    Matriz de Decisão Técnica: Escolher o Seu Caminho de Construção
    
    
    
    Cenário
    Caminho Recomendado
    
    
    
    
    
    
    
    
    —
    —
    
    
    
    
    
    
    
    
    Novo site, sem conteúdo existente, necessidade de rapidez
    Astra + Starter Templates + Elementor, importação completa do site
    
    
    
    
    
    
    
    
    Site crítico em termos de desempenho (prioridade Core Web Vitals)
    Kadence + Kadence Starter Templates + apenas Gutenberg
    
    
    
    
    
    
    
    
    Site existente, redesenho apenas da página inicial
    Qualquer tema + importar modelo de página individual
    
    
    
    
    
    
    
    
    Loja WooCommerce
    Astra ou Kadence + modelo específico para WooCommerce
    
    
    
    
    
    
    
    
    Programador a construir para um cliente
    Neve + tema filho + importações seletivas de blocos
    
    
    
    
    
    
    
    
    Necessidade de footprint mínimo de plugins
    Kadence + Gutenberg, sem Elementor
    
    
    
    
    
    Lista de Verificação Pré-Lançamento
    
    O limite de memória PHP é de 256 MB ou superior antes da importação
    O certificado SSL está ativo e o HTTPS está aplicado
    A importação completa do site foi concluída primeiro num ambiente de staging e depois transferida para produção
    Todo o texto e imagens de substituição de demonstração foram substituídos
    Meta títulos e descrições SEO definidos em cada página
    Todos os formulários testados com entrega real de email confirmada
    Menus de navegação verificados — sem links quebrados ou URLs de demonstração
    Linha de base de desempenho medida com o PageSpeed Insights
    Plugin de cache ativo e configurado
    Nome de utilizador de administrador alterado do padrão admin
  • Permissões de wp-config.php definidas para 600
  • DNS do domínio a apontar para o IP correto do servidor

FAQ

Posso usar um modelo inicial num site WordPress existente sem perder o meu conteúdo atual?

Sim, mas deve selecionar “Importar Página Individual” ou “Importar Modelo de Início” em vez de “Importar Site Completo.” A importação completa do site irá substituir as páginas, menus e áreas de widgets existentes. Faça sempre um backup completo antes de qualquer operação de importação.

Os modelos iniciais funcionam com qualquer tema WordPress, ou apenas com temas específicos?

Os modelos iniciais estão associados a ecossistemas de temas específicos. O plugin Astra Starter Templates só funciona com o tema Astra. O Kadence Starter Templates requer o tema Kadence. Não é possível importar modelos de forma cruzada entre temas incompatíveis.

Por que razão as minhas páginas importadas parecem diferentes da pré-visualização do modelo?

A causa mais comum é um plugin necessário em falta — tipicamente o Elementor Pro ou um add-on premium. O assistente de importação lista todos os plugins necessários; instale todos eles antes de importar. Uma causa secundária é um limite de memória PHP que fez com que a importação falhasse silenciosamente, deixando alguns recursos por descarregar.

Usar um modelo inicial prejudicará o SEO do meu site?

Não inerentemente, mas os modelos iniciais importam conteúdo de demonstração sem metadados SEO. Deve definir manualmente meta títulos, descrições e dados estruturados únicos para cada página. Além disso, alguns modelos com uso intensivo de Elementor geram HTML sobrecarregado que pode afetar negativamente os Core Web Vitals — audite com o PageSpeed Insights após a importação.

Posso mudar para um modelo inicial diferente depois de já ter personalizado o meu site?

Tecnicamente sim, mas é destrutivo. Importar um novo modelo completo do site substitui as suas personalizações existentes. A abordagem prática é exportar as suas definições atuais do personalizador (usando uma ferramenta de exportação do tema), importar o novo modelo num site de staging, migrar manualmente o seu conteúdo e depois transferir o site de staging para produção.

15%

Poupe 15% em todos os serviços

Teste as suas habilidades e obtenha Desconto em qualquer plano

Utilizar o código:

Skills
Começar a trabalhar