Convertendo HTML para WordPress (passo a passo)


Convertendo HTML para WordPressO caminho dos sites criados com HTML puro para o WordPress não foi curto. A partir de uma experiência totalmente em texto, o design da web passou para uma presença na web altamente interativa. Além disso, não precisamos mais escrever marcações, mas podemos permitir que os sistemas de gerenciamento de conteúdo façam o trabalho pesado.


No entanto, isso não significa que os sites HTML estáticos não existam mais. De fato, o HTML5, a mais recente iteração da linguagem de marcação, é muito poderoso e permite criar sites de qualidade sem um CMS por trás deles..

No entanto, a crescente participação de mercado do WordPress mostra que mais e mais pessoas estão migrando para a plataforma.

WordPress Market Share em 2019

Para alguns deles, isso significa passar do HTML estático para o WordPress. Isso pode ser uma tarefa assustadora, mas este post tentará explicar como fazê-lo de algumas maneiras simples.

Abaixo, mostraremos várias maneiras de converter de HTML para WordPress. Primeiro, você aprenderá quais são as diferentes opções, bem como seus prós e contras. Depois disso, mostraremos como executar cada um deles passo a passo.

Vamos indo.

As 3 maneiras de passar do HTML estático para o WordPress

Para passar do HTML para o WordPress, você precisa transformar seu design HTML em um tema WordPress. Um tema controla a aparência e a sensação de um site WordPress, enquanto a funcionalidade é fornecida pelo próprio CMS, além de plugins adicionais.

Para fazer a troca, você tem várias opções. Qual é o melhor para você depende de fatores como tempo e dinheiro que você pode e deseja investir, suas habilidades de codificação e preferências pessoais. A seguir estão as principais opções.

A) Converter manualmente HTML em um tema WordPress

A primeira opção também é a mais técnica. Se você seguir esse caminho, usará o código existente e o utilizará como ponto de partida para criar os arquivos de tema do WordPress..

Não é muito complicado, especialmente se você tiver experiência em codificação. Você pode fazer isso com um pouco de HTML, CSS e algum conhecimento de PHP. Muito disso é copiar e colar.

A desvantagem: embora você acabe com um tema WordPress funcional, ele não terá todos os recursos que o WordPress tem a oferecer. Por exemplo, a menos que você o construa após o fato, seu site ficará sem áreas de widget ou com a capacidade de alterar seu menu no back-end do WordPress.

Embora seu site faça seu trabalho, você não poderá gerenciá-lo completamente via WordPress. Por esse motivo, preferimos pessoalmente a próxima opção.

B) HTML para WordPress via WordPress Tema Infantil

Em nossa opinião, esse é provavelmente o caminho mais fácil e mais razoável em termos de esforço e investimento monetário. Em vez de usar o site existente como ponto de partida, use um tema WordPress pronto. Depois, você ajusta apenas o design para se parecer com o site antigo.

Isso permite que você aproveite totalmente o WordPress, mantendo a aparência do site antigo. Você também não precisará adicionar os recursos do WordPress posteriormente. Em vez disso, você pode criar um tema existente – algo para o qual a plataforma WordPress foi criada explicitamente.

C) Importar conteúdo de HTML para WordPress usando o plug-in

Obviamente, se você não insistir em usar seu design atual e estiver aberto a alterá-lo, as coisas ficarão ainda mais fáceis. Nesse caso, tudo que você precisa fazer é configurar um site, instalar o tema e importar seu conteúdo HTML. Como você verá abaixo, este é um processo muito rápido e indolor.

A) Como converter manualmente HTML em um tema WordPress

Se seu objetivo é começar do zero e criar seu próprio tema WordPress que se assemelhe ao seu site HTML existente, comece aqui.

Não se preocupe se isso parecer intimidador, você verá que é tudo menos isso. Apenas alguns arquivos e pastas, além de copiar e colar, são suficientes.

1. Crie uma pasta de temas e arquivos básicos

A primeira coisa que você precisa fazer é criar uma nova pasta de temas. Você pode fazer isso na área de trabalho como faria em um diretório no seu computador. Nomeie como quiser que seu tema seja chamado.

Depois disso, vá para o editor de código e crie vários arquivos de texto. Nomeie-os da seguinte maneira:

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

Ainda não faça nada com eles, mantenha os arquivos abertos no editor. Você precisará deles em breve.

2. Copie o CSS existente na folha de estilos do WordPress

Agora é hora de preparar a folha de estilos do WordPress (o arquivostyle.css que você acabou de criar) para copiar o CSS do seu site antigo. Para isso, abra o arquivo e cole o seguinte:

/ *
Nome do Tema: Twenty Treze
URI do tema: http://wordpress.org/themes/twentythirteen
Autor: a equipe do WordPress
Autor URI: http://wordpress.org/
Descrição: o tema de 2013 do WordPress nos leva de volta ao blog, apresentando uma gama completa de formatos de postagem, cada um exibido lindamente de uma maneira única. Os detalhes do design são abundantes, começando com um esquema de cores vibrantes e imagens de cabeçalho correspondentes, tipografia e ícones bonitos e um layout flexível que fica ótimo em qualquer dispositivo, grande ou pequeno.
Versão: 1.0
Licença: Licença Pública Geral GNU v2 ou posterior
URI da licença: http://www.gnu.org/licenses/gpl-2.0.html
Tags: preto, marrom, laranja, marrom, branco, amarelo, claro, uma coluna, duas colunas, barra lateral direita, largura flexível, cabeçalho personalizado, menu personalizado, estilo editor, estilo editor, imagens em destaque, microformatos, pós-formatos, suporte à linguagem rtl, post-it, pronto para tradução
Domínio de texto: vinte e treze

* /

Esse é o chamado cabeçalho da folha de estilos (Importante: não deixe o comentário/*...*/ tags!). Preencha cada parte assim:

  • Nome do Tema – Aqui vai o nome do seu tema. Pode ser o que você quiser, mas geralmente é o mesmo que o nome da sua pasta de temas.
  • URI do tema – Você costuma postar a página inicial do tema aqui, mas pode usar seu próprio endereço de site.
  • Autor – É você. Coloque aqui seu próprio nome ou o que você quiser que seja chamado.
  • Autor URI – Um link para sua página inicial. Pode ser o que você está construindo ou o que faz sentido.
  • Descrição – Uma descrição opcional do seu tema. Isso aparecerá no back-end do WordPress.
  • Versão – A versão do seu tema. Como você não está publicando, isso realmente não importa. Nós geralmente colocamos 1.0 aqui.
  • Licença, URI da licença, Tags – Essas coisas são importantes apenas se você planeja enviar seu tema para o Diretório de temas do WordPress. Você pode deixá-los de fora neste caso, apenas os incluímos para fins de conclusão.

Após o cabeçalho, copie e cole o CSS existente no site HTML estático. Em seguida, salve o arquivo na sua nova pasta de temas e feche-o. Hora de mudar para o resto.

3. Separe seu HTML existente

Para a próxima parte, você precisa entender que o WordPress geralmente usa PHP para extrair informações de seu banco de dados. Por esse motivo, você precisa dividir o HTML existente em partes diferentes para que o CMS possa reuni-las corretamente.

Embora isso pareça complicado, tudo o que isso significa é que você copia e cola partes do seu documento HTML em vários arquivos PHP. Para demonstrar isso melhor, reunimos uma página de exemplo simples que você pode ver abaixo.

página de exemplo html para wordpress

Como você pode ver, é um modelo HTML padrão que inclui um cabeçalho, área de conteúdo, barra lateral e rodapé. O código que acompanha é este:





título do site







título do site

  • item de navegação # 1
  • item de navegação # 2
  • item de navegação # 3

Título do artigo

Lorem ipsum dolor sente-se no meio, consectetur elip adipiscing. Aliquam sodales urna non odio egestas tempor. Nunc vel veículo ante. Etiam bibendum iaculis libero, molestie nisl pharetra in. Sempre que possível, eu porta velit mollis ne.

Subtítulo

Lorem ipsum dolor sente-se no meio, consectetur elip adipiscing. Aliquam sodales urna non odio egestas tempor. Nunc vel veículo ante. Etiam bibendum iaculis libero, molestie nisl pharetra in. Sempre resultante, eu porta velit mollis ne. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Subtítulo

Lorem ipsum dolor sente-se no meio, consectetur elip adipiscing. Aliquam sodales urna non odio egestas tempor. Nunc vel veículo ante. Etiam bibendum iaculis libero, molestie nisl pharetra in. Sempre resultante, eu porta velit mollis ne. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Se seu design for diferente, talvez seja necessário ajustar as etapas abaixo. No entanto, o processo geral permanece o mesmo.

Primeiro, abra o seu atual index.html (arquivo principal do seu site HTML). Depois disso, acesse seus arquivos WordPress recém-criados e copie o seguinte para eles (os exemplos abaixo são minha marcação):

header.php

Tudo, desde o início do seu arquivo HTML até a área de conteúdo principal (geralmente representada com

ou

) entra neste arquivo. Além disso, logo antes de onde diz, copiar e colar . Isso é crucial para muitos plugins do WordPress funcionarem corretamente.





título do site






título do site

  • item de navegação # 1
  • item de navegação # 2
  • item de navegação # 3

sidebar.php

Tudo pertencente à seção

Depois disso, você termina com index.html e pode fechá-lo. Salve todos os outros arquivos na pasta do tema e feche-os, exceto header.php e index.php. Você tem mais trabalho a fazer com eles.

4. “WordPressify” Header.php e Index.php

Para o cabeçalho, basta alterar a chamada da folha de estilos do formato HTML para o WordPress. Para fazer isso, procure um link existente no diretório seção. Pode ser algo como isto:

Substitua por:

Legal, agora você pode salvar e fechar header.php. Em seguida, vire para index.php. Deve estar vazio no momento. Então, primeiro, copie e cole estas linhas de código:




Essas são as chamadas para os outros arquivos que contêm o restante do seu site. Você pode observar o espaço entre a chamada do cabeçalho e a barra lateral. É aí que você adicionará O laço.

O último é a parte do WordPress em que o CMS gera conteúdo criado no back-end. É crucial se você quiser que o WordPress adicione conteúdo dinamicamente às suas páginas, que você importará mais tarde. Para esse fim, cole-o aqui logo após :


Agora salve index.php arquivo e feche-o. Bem feito! Seu tema básico está pronto. Agora você pode adicioná-lo ao seu novo site WordPress.

5. Crie uma captura de tela e faça o upload do tema

Agora você adicionará uma captura de tela do tema que, juntamente com as informações do cabeçalho da folha de estilos, servirá como uma visualização do seu site no back-end do WordPress.

Para fazer isso, abra o site existente em um navegador e faça uma captura de tela com o método preferido. Depois disso, abra o software de edição de imagem de sua escolha e corte-o em 880 × 660 pixels. Salve como screenshot.png e adicione-o à sua pasta de temas. Agora você está pronto para fazer o upload do seu tema.

Para obter o novo tema no seu site WordPress, você tem várias opções. No entanto, o pré-requisito é que todos os arquivos residam dentro da pasta do tema.

A primeira opção é criar um arquivo zip a partir dele. Depois disso, vá para o seu site WordPress e depois para Aparência> Temas. Aqui, clique Adicionar novo no topo e depois Carregar tema.

carregar tema convertido

No próximo menu, use o botão para navegar até o local do seu arquivo zip. Marque e clique Aberto, então instale agora. Quando terminar, ative o tema.

Como alternativa, você pode conectar-se ao seu servidor via FTP (ou simplesmente acessar o diretório local no disco rígido) e navegar até wp-content / themes. Em seguida, faça upload da pasta de temas (descompactada) lá. Depois disso, ative o tema no mesmo local que antes.

Agradável! O front end do seu novo site agora deve se parecer com o site antigo. Tudo o que resta para concluir a mudança do HTML para o WordPress é importar o conteúdo existente. Abordaremos isso mais abaixo ao falar sobre o uso de um tema WordPress existente.

No entanto, esteja ciente de que, embora o tema básico funcione agora, há mais coisas que você pode fazer para integrar melhor seu HTML ao WordPress. Isso inclui tornando o título e a descrição do seu blog editáveis, adicionando áreas de widget, comentários e muito mais. Pode ser necessário adicionar a marcação CSS, pois o conteúdo não faz parte do design original, como imagens.

Como é muito trabalhoso, pessoalmente gostamos de usar uma solução que já possui toda essa funcionalidade e precisa apenas de uma alteração no design. É isso que mostraremos a seguir.

B) HTML para WordPress via WordPress Tema Infantil

Se o exposto acima parecer muito intenso para você, o próximo método poderá ser mais gerenciável. Ele permite que você aproveite milhares de temas existentes do WordPress, mantendo o design original..

Isso é usando o chamado tema filho. Esses temas são criados sobre um outro tema (o pai) que não se sustenta por si só, mas apenas modifica o tema pai para atender às suas necessidades. Fácil o suficiente, embora seja necessário um pouco de trabalho de detetive.

1. Escolha um tema adequado

O primeiro passo é escolher um tema adequado para basear seu design. Para isso, ajuda a encontrar um tema próximo ao seu design existente ou a usar uma estrutura de tema ou um tema inicial, ambos criados para funcionar como base para temas personalizados.

Verifica a Diretório de temas do WordPress, nossa lista de temas impressionantes ou veja temas premium para encontrar um candidato adequado. Após algumas pesquisas, decidimos que o Vinte e doze O tema seria um bom ponto de partida para minha mudança do HTML para o WordPress. Normalmente, escolhemos algo mais atualizado, mas isso vai bem com o design simples com o qual estamos trabalhando.

Depois de fazer a sua escolha, instale o tema no seu site WordPress, como você instalaria qualquer tema. Não há necessidade de ativá-lo. Como mencionado, está aqui apenas para fornecer uma base para você trabalhar. O resto acontece no tema filho.

2. Crie uma nova pasta

Da mesma forma que no método anterior, para o tema filho, você precisa criar uma pasta de temas. Aqui é onde você colocará todos os arquivos pertencentes a ele.

Ao criar temas filhos, é comum chamar a pasta com o mesmo nome que o tema pai e -criança. Portanto, como nosso tema filho é baseado no tema Vinte e Doze, chamamos seu diretório vinte e doze filhos.

Seja qual for o nome escolhido, lembre-se de não incluir espaços, pois não funcionará dessa maneira.

3. Configure a folha de estilos

O tema filho também precisa de uma folha de estilos. Este funcionará quase da mesma forma que a folha de estilos criada acima. No entanto, ele tem um cabeçalho ligeiramente diferente e conterá menos código.

Chegaremos à segunda parte mais tarde. Por enquanto, crie o habitual style.css e coloque-o na pasta do tema. Em seguida, adicione o seguinte:

/ *
Nome do Tema: Twenty Fifteen Child
URI do tema: http://example.com/twenty-fifteen-child/
Descrição: Tema Twenty Fifteen Child
Autor: John Doe
URI do autor: http://example.com
Predefinição: twentyfifteen
Versão: 1.0.0
Licença: Licença Pública Geral GNU v2 ou posterior
URI da licença: http://www.gnu.org/licenses/gpl-2.0.html
Tags: claro, escuro, duas colunas, barra lateral direita, layout responsivo, pronto para acessibilidade
Domínio de texto: vinte e quinze filhos
* /

Como você pode ver, é muito semelhante ao cabeçalho da folha de estilos que você usou anteriormente, com uma exceção: contém o Modelo tag.

Nessa seção, você deve colocar o nome do tema que funcionará como pai. Sem ele, o tema infantil não funcionará. Para evitar isso, insira o nome da pasta do pai. Então, para os vinte e doze, isso seria Predefinição: twentytwelve.

4. Crie Functions.php e Herda Estilos de Pais

Com apenas a folha de estilos e a pasta, já é possível ativar o tema filho. No entanto, isso não faria muito bem, já que agora seu site pareceria uma página HTML sem nenhum estilo.

Para mudar isso, você primeiro precisa herdar os estilos dos pais e, para isso, precisa functions.php. Este arquivo é uma parte importante de qualquer instalação do WordPress e permite que você faça alterações abrangentes no seu site.

No entanto, nesse caso, você o usará apenas para chamar o estilo dos pais. Para isso, crie um novo arquivo e chame-o functions.php. A primeira coisa que você adicionará logo no início é esta:

Com uma tag PHP de abertura, o arquivo está teoricamente pronto, mas ainda não faz nada. Portanto, além disso, você precisará inserir isso:

função child_theme_enqueue_styles () {

$ parent_style = 'estilo pai';

wp_enqueue_style ($ parent_style, get_template_directory_uri (). '/style.css');
wp_enqueue_style ('estilo filho'),
get_stylesheet_directory_uri (). '/style.css',
matriz ($ parent_style),
wp_get_theme () -> get ('Versão')
);
}
add_action ('wp_enqueue_scripts', 'child_theme_enqueue_styles');

Este código diz ao WordPress para ir para o diretório de modelos (também conhecido como tema principal) e usar os estilos incluídos nele. Também possibilita modificar o tema por meio do tema filho (mais sobre isso posteriormente).

5. Ative o tema filho

Neste ponto, o tema filho está pronto para ser ativado.

Você pode adicionar uma captura de tela, como nas instruções acima, se desejar. Além disso, você pode compactá-lo e adicioná-lo ao WordPress via Aparência> Temas> Adicionar novo> Carregar tema ou simplesmente adicionando a pasta como está wp-content / themes.

Nos dois casos, quando você ativar o tema, seu site deverá se parecer exatamente com o pai.

6. Ajuste o design

Aqui é onde começa o trabalho de detetive mencionado. Agora é hora de alterar o design do tema existente para que ele se assemelhe ao seu site HTML original.

Por exemplo, uma das primeiras coisas que se destacam é que nosso tema WordPress adiciona espaço acima do cabeçalho e abaixo do rodapé que nosso site HTML não possui.

html para wordpress via página de exemplo de tema filho

Para remediar isso, podemos olhar o site HTML com nosso ferramentas de desenvolvedor de navegador para encontrar a marcação responsável. Quando fazemos isso, encontramos o seguinte:

corpo {
margem: 0;
}

Em seguida, fazemos o mesmo com o meu novo tema WordPress, onde encontramos estes estilos:

body .site {
margem superior: 48 px;
margem superior: 3,428571429rem;
margem inferior: 48px;
margem inferior: 3.428571429rem;
}

Meu objetivo agora é aplicar o estilo do site HTML ao tema WordPress. Nesse caso, podemos conseguir isso simplesmente adicionando o seguinte ao tema do meu filho style.css:

body .site {
margem: 0 automático;
}

Após salvar, o tema do WordPress tem os novos estilos aplicados:

html para wordpress via tema filho página de exemplo editada

Isso porque tudo o que você adiciona à folha de estilos do tema filho substitui os estilos em seu pai. No entanto, o restante da marcação permanece intacto, portanto você só pode alterar as coisas relevantes.

Além disso, se você estiver usando um modelo HTML5 como iniciante e um tema moderno do WordPress como pai, muitas das marcações básicas corresponderão, facilitando sua vida.

Muito mais você pode fazer com temas infantis, que você pode aprender aqui. Depois de concluir o ajuste do design, é hora de importar seu conteúdo. Vamos falar disso agora.

C) Importar conteúdo de HTML para WordPress usando o plug-in

Por fim, na lista de mudança do HTML para o WordPress, você está usando um tema existente e está simplesmente migrando o conteúdo do seu site HTML para ele. Essa é a maneira mais simples - tudo o que você precisa fazer é instalar e ativar o tema de sua escolha (presumimos que você já saiba como fazê-lo agora) e siga as etapas abaixo.

A propósito, embora esse processo não seja super difícil, há coisas que podem dar errado. Por esse motivo, faça backup do seu site WordPress antes de prosseguir com ele.

1. Instale o plug-in de importação

A primeira coisa que você precisa fazer é instalar o plugin Importação de HTML 2. A maneira mais fácil de conseguir isso é ir para Plugins> Adicionar novo e procure pelo nome. Quando você o encontrar na lista (pode estar mais abaixo), clique em instale agora. Ative quando terminar.

html para plugin de importação wordpress

2. Prepare a importação

Para importar várias páginas de uma só vez, você precisa enviá-las para o mesmo servidor que a instalação do WordPress. O plugin irá propor algo como arquivos-html a importar  o nome da pasta, mas você pode escolher o que quiser. Apenas lembre-se do nome do caminho.

Como você verá a seguir, também é possível importar páginas únicas uma a uma. Para qualquer um dos métodos, acesse WordPress e Configurações> Importação de HTML. Analisaremos agora as configurações mais básicas. Se você precisar de informações adicionais ou se algo não estiver claro, consulte o guia oficial do usuário.

arquivos

html para arquivos de importação wordpress

Configure esta tela da seguinte maneira:

  • Diretório a Importar - Digite o caminho para o qual você acabou de copiar seus arquivos existentes.
  • URL do site antigo - Usado para redirecionamentos. Digite seu URL antigo. Lidaremos com isso novamente mais adiante neste artigo.
  • Arquivo padrão - O arquivo padrão para diretórios no site antigo, geralmente index.html.
  • Extensões de arquivo para incluir - As extensões dos arquivos que você deseja importar.
  • Diretórios a excluir - Se você possui diretórios no site antigo que não deseja importar, insira-os aqui.
  • Preservar nomes de arquivos - Para ter o plug-in automaticamente usando seus nomes de arquivo como o novo URL, marque esta caixa. Isso faz sentido se seus títulos forem muito longos, porque geralmente o importador os usará para criar a lesma.

Conteúdo

No conteúdo, você precisa configurar a tag HTML que contém o conteúdo do site.

html para conteúdo de importação wordpress

Para fazer isso, escolha a opção Tag HTML no topo. Em seguida, configure a tag nos três campos a seguir. Por exemplo, se o seu conteúdo estiver contido em uma tag chamada

, a informação que você inserir seria div, Eu iria e a Principal.

As outras configurações nesta página devem ser auto-explicativas e permitir importar imagens, documentos, atualizar links internos e muito mais.

Título e metadados

html para wordpress importar título e metadados

Esta parte é semelhante à parte do conteúdo anterior. No entanto, está lidando com títulos de páginas. No começo, você precisa informar ao plug-in como os títulos são marcados no seu modelo HTML para que possa importá-los para o lugar certo..

Além disso, você pode filtrar itens redundantes, como o título do site, pois geralmente é exibido pelos temas do WordPress por padrão. Se seus títulos residirem no conteúdo, você também pode solicitar ao importador que os exclua para que não sejam incluídos duas vezes.

O importante é que você decida se deseja importar seu conteúdo antigo, como postagens ou páginas. O resto é bastante auto-explicativo e permite definir as configurações do WordPress para novas páginas.

Os campos personalizados

campos personalizados de importação de html para wordpress

Se você tiver algum dado que precise ser importado para campos personalizados, poderá configurá-lo aqui.

Categorias e Tags

html para categorias e tags de importação do wordpress

Aqui você pode atribuir categorias, tags e formatos de postagem ao seu conteúdo importado. O plug-in mostrará a taxonomia existente no seu site para facilitar esta etapa.

Ferramentas

html para ferramentas de importação wordpress

Essa tela lista várias ferramentas úteis para importar com sucesso do HTML para o WordPress.

3. Comece a importar

Quando terminar, salve as configurações. Isso permitirá que o Importar arquivos botão. Clique nele para começar.

html para importação wordpress

(Nota: você também pode chegar aqui via Ferramentas> Importar e depois escolhendo Executar importador debaixo de HTML opção.)

Em seguida, escolha se deseja importar um diretório de arquivos ou um único arquivo (você precisa navegar para ele) e pressione Enviar. O plugin irá então funcionar.

Uma vez feito, você deve ter todo o conteúdo existente no seu site WordPress e formatado pelo novo tema. Ou, se você seguiu uma das outras rotas, o site deve parecer basicamente o mesmo que o site HTML anterior. Bem feito!

Etapas adicionais

Se você planeja implantar o site WordPress no mesmo local onde costumava ser o site HTML estático, há mais algumas coisas a fazer antes de terminar.

O primeiro é verificar os URLs de suas postagens e páginas recém-importadas para garantir que sejam compatíveis com os mecanismos de pesquisa (por exemplo, inclua as palavras-chave nas quais você deseja classificar). É muito simples - basta ir a uma página ou postar e olhar para o URL abaixo do título.

verifique permalinks após html para importar wordpress

Para mudar, clique em Editar à direita, mude para o URL de sua escolha e pressione Está bem.

Uma segunda coisa é implementar redirecionamentos dos URLs antigos para os novos. Dessa forma, você não perderá o valor de SEO existente.

Se você tiver preenchido o endereço do site antigo no plug-in HTML, ele criará o código de redirecionamento para você. Você pode copiar e colar isso no arquivo.htaccess que reside no seu servidor (geralmente no diretório raiz).

Você acessa-o via FTP, no entanto, pode ser necessário ativar a exibição de arquivos ocultos, pois não é visível por padrão. Então edite .htaccess e insira as regras.

Esteja ciente de que só funciona se você tiver deixado os URLs inalterados. Se você não precisa e precisa definir redirecionamentos personalizados, use o Plug-in de redirecionamento. É uma solução muito confortável que também rastreia sempre que alguém acessa um URL inexistente no seu site. Dessa forma, você pode implementar redirecionamentos para esses links também.

Você mudou com sucesso do HTML para o WordPress?

E é isso. Você acabou de aprender como converter um site HTML estático em WordPress. Como consequência, você se tornou parte de uma das maiores comunidades da Web e obteve acesso a milhares de recursos para tornar seu site ainda melhor..

Dependendo da solução escolhida acima, você já teve uma impressão de como o WordPress funciona. A partir daqui, é bem fácil se aprofundar na criação de sites com a plataforma WordPress. Se você precisar de ajuda adicional nessa área, este site possui muitas informações. Você pode aprender como:

  • Personalize o WordPress passo a passo
  • Mova seu site de HTTP para HTTPS
  • Adicionar fontes personalizadas ao WordPress
  • Acelere seu site WordPress
  • Adicione um formulário de contato ao seu site WordPress

Além disso, desejamos boa sorte com o seu site WordPress recém-criado. Esperamos que você goste de trabalhar com o WordPress tanto quanto nós.

Você mudou seu site de HTML para WordPress? Como foi sua experiência? Alguma dica para adicionar? Informe-nos na seção de comentários abaixo.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me