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

Com ótimos recursos bem trabalhados, a probabilidade da sua página 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?

Veja abaixo algumas razões que irão te ajudar a decidir na hora de converter um site HTML para WordPress:

• 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 busca 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 e assinaturas de newsletter;
• Qualquer atualização que tenha no WordPress não exigirá mudanças em 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.

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.

Dentro do painel do WordPress procure por “Aparência”. Clique em Temas, em seguida 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, você pode interagir com outros usuários caso tenha dúvida sobre como converter site HTML em WordPress. Caso queira, também ode consultar os demais posts sobre WordPress que temos em nosso blog. Até a próxima!