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.

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!