Que assuntos você quer receber:

A confirmação da sua inscrição foi enviada para o seu e-mail

Agradecemos sua inscrição e esperamos que você aproveite nossos conteúdos!

Caso tenha um site construído em HTML, veja aqui algumas dicas de como transformar seu site HTML em WordPress rapidamente.

A ferramenta WordPress oferece mais soluções de incremento para seu site, por isso a possibilidade de transformar site HTML em WordPress.

Com ótimos recursos bem trabalhados, a probabilidade do seu site ganhar relevância em um site de busca é maior.

O WordPress é uma plataforma de código aberto, o que possibilita que você crie seu site de acordo com sua necessidade e identidade visual da sua marca. Dessa forma, você dispensa a contratação de um programador ou desenvolvedor.

Por que converter um site HTML para WordPress?

Algumas razões que irão te convencer desta mudança.

  • Vários temas para compor seu blog, sem estar em uma página estática;
  • A própria conversão pode ser feita dentro do WordPress, apenas alguns ajustes de layout serão necessários, mantendo assim sua identidade de marca;
  • Os mecanismos de buscas indexam sites que não estejam em HTML mais facilmente;
  • Pode utilizar vários plugins disponíveis no WordPress, tais como: formulários, botões call to action, assinaturas de newsletter;
  • Qualquer atualização que você tenha no WordPress não precisará mexer no seu tema.


Criando um tema WordPress partindo de um HTML estático

Sobretudo, manter não significa que seja o caminho mais fácil, pois para isso precisará de conhecimentos e recursos técnicos.

A dica é: já que vamos atualizar o site, por que não atualizar o tema e manter apenas a identidade da sua marca? Aproveite os recursos que o WordPress oferece.


Existem três tipos de conversões:

1. Conversão através de um plugin;

2. Conversão através de um tema filho;

3. Conversão manual.

Veja na sequência o passo a passo para essa conversão.

Faça uma pasta com arquivos básicos

Na sua área de trabalho ou no seu editor, crie uma pasta com o nome do seu tema, da forma como quizer chamá-lo.

Abra o editor e crie os seguintes arquivos:

  • style.css
  • index.php
  • header.php
  • sidebar.php
  • footer.php

Vamos trabalhar com o editor aberto.

transformar site html em wordpress

Troque o CSS do site antigo

Prepare a pasta style.css para receber a codificação CSS do seu site antigo. Copie e cole o código CSS da fonte do site antigo para esta pasta.

A seguir. veja como deixar os detalhes nesta linha de código:

  • Nome do tema: coloque o tema que você achar apropriado.
  • URL do tema: endereço do site
  • Autor: pode ser o seu nome ou de outra pessoa
  • URL do autor: ou o seu nome acima ou um link para a página inicial
  • Descrição: isto é opcional e vai aparecer no back-end do WordPress
  • Versão: qual a versão do tema utilizado
  • Licença, URL de licença e tags: somente se você for usar o tema que outros possam usar.

Salve o arquivo e feche-o.

Divida o HTML antigo

O HTML antigo deve ser dividido em partes separadas para que o CMS do WordPress possa juntá-lo.

Isso se deve porque o WordPress usa PHP para recuperar dados do seu banco de dados subjacente. Dessa forma, você informa ao WordPress qual parte do conteúdo do seu site deve ser exibida e onde.

Para isso, copie partes do HTML original para aqueles arquivos que criamos inicialmente:

  • header.php: copie e cole o código logo;
  • sidebar.php: verifique seu arquivo index.html; encontrar e pesquisar e observe a tag de fechamento.Tudo que está dentro desta seção, copie e cole aqui. Salve e feche;
  • footer.php: tudo que estiver na barra lateral até o final do arquivo index.html deve haver informações de rodapé. Antes do colchete de fechamento tag copiar e colar a seguir. Salve o arquivo.

Mude o estilo do formato WordPress

Basta trocar a folha de estilo HTML para o WordPress., no cabeçalho.

Salve e feche o arquivo header.php. Volte ao arquivo index.php, que está em branco e copie e cole as linhas de:

  • header;
  • sidebar;
  • footer.

Este código é o restante dos seus arquivos. Agora que seu site já está quase pronto, pode adicionar também um blog, para maior destaque de conteúdos.

Faça o upload do tema

Agora, já com todos os arquivos, vamos fazer o upload do novo tema.

Todos seus arquivos devem estar na mesma página. Para isto, o melhor é zipar em uma pasta única. Zipe todos os arquivos nesta única pasta.

Dentro do painel do WordPress procure por “Aparência”. Clique em Temas. Clique em Adicionar novo e depois em Enviar temas. Procure o arquivo que zipou e suba aqui. Clique em Upload e instale.

Pronto, pode começar a trabalhar.

Instale o plugin Import Plugin 2 caso queira usar um novo tema

Antes de começar, baixe o Import Plugin2. Acesse Configurações, depois HTML import. Copie e cole todas as páginas que ele solicita.

Salve as configurações importadas.

Por ser um dos maiores sites de código aberto, o WordPress possui comunidades que interagem ao redor do mundo. Mas, se você ficou com alguma dúvida, pode consultar os demais posts sobre WordPress que temos em nosso blog. Até a próxima!

Navegue por tópicos

  • Por que converter um site HTML para WordPress?

  • Criando um tema WordPress partindo de um HTML estático

    • Faça uma pasta com arquivos básicos

    • Troque o CSS do site antigo

    • Divida o HTML antigo

    • Mude o estilo do formato WordPress

    • Faça o upload do tema

  • Instale o plugin Import Plugin 2 caso queira usar um novo tema

Tags:

  • Criador de Sites

Danielle Vieira

Empreendedora e especialista em Marketing, com experiência em mais de dez anos atuando com projetos digitais, de inovação e startups. Ajuda novos negócios com estratégias Go-To-Market e Growth. Fundadora do Startup Sorocaba (comunidade de startups de Sorocaba&Região), Sócia da 4 Legacy Ventures, da Be Exponential, SEO Strategist na startup bxblue (fintech acelerada pela YC em 2017) e Growth Marketing na Goomer.

Mais artigos do autor

Garanta sua presença online

Encontre o nome perfeito para seu site

www.

Comentários