Como regenerar seus permalinks no WordPress

Como regenerar seus permalinks no WordPress

Você precisa regenerar seus permalinks do WordPress? descubra neste tutorial do WordPress

Se você não consegue ver o conteúdo do seu site, seus visitantes também não. Links quebrados e erros 404 podem prejudicar a experiência do usuário e sua posição nos rankings de SEO.

Neste artigo, mostraremos como corrigir esses URLs quebrados regenerando seus permalinks no WordPress. Também falaremos sobre o que causa esse erro e como identificar links quebrados antes que seus visitantes os percebam.

Por que preciso regenerar permalinks no WordPress?

Na maioria das vezes, os URLs do seu site WordPress são permanentes e não causam problemas. Eles apenas funcionam.

No entanto, às vezes você pode clicar em um link e obter um erreur 404. Você pode até receber um erro 404 ao tentar acessar todo o seu site WordPress.

Isso às vezes acontece depois migrando seu site WordPress para um novo host ou servidor. Isso também pode acontecer após a instalação de um novo plugin do WordPress. De fato, alguns plugins do WordPress modificam o farquivo .htaccess do seu site sem o seu conhecimento. Isso pode afetar seu site de várias maneiras, inclusive danificando seus URLs.

Observação: Para este tutorial, você precisa fazer login no painel do WordPress.

Muitas vezes, regenerar seus permalinks pode ser uma solução rápida e fácil para esses problemas. Vamos ver como fazer isso.

Como regenerar seus permalinks no WordPress

Quando você regenera seus links, você reconstrói e repara a estrutura de links permanentes do WordPress. Isso pode parecer complicado, mas não se preocupe. Tudo o que você precisa fazer é clicar em um botão e o WordPress cuidará do resto.

Para começar, acesse Configurações -> Links permanentes no seu menu de administração do WordPress.

Isso o levará para a página de configurações mais comum. Aqui você verá a estrutura de permalink que está usando atualmente.

O WordPress suporta várias opções de links permanentes. Pode consultar o nosso guia em como criar permalinks personalizados no wordpress para obter instruções passo a passo sobre como personalizá-los.

Para regenerar seus permalinks, basta rolar até a parte inferior da página e clicar no botão " Salvar alterações ".

Após alguns momentos, você deverá ver uma mensagem confirmando que o WordPress atualizou sua estrutura de links permanentes.

Lá ! O WordPress regenerou seus permalinks.

Para ter certeza de que funcionou, acesse seu site e tente clicar em alguns links diferentes.

Você ainda vê erros de link permanente após a regeneração?

Se você ainda estiver recebendo erros 404, talvez seja necessário limpar o cache do navegador. Para obter mais detalhes, consulte nosso guia de como limpar o cache do seu site.

Se isso não resolver o problema, pense no que aconteceu logo antes de começar a ver essas mensagens 404. Se você acabou de instalar ou atualizar um plug-in, isso pode ter afetado seus links. Você pode tentar desabilitar este plugin, para ver se isso remove o erro 404.

Se isso não funcionar, você pode tentar desabilitar todos os plugins para ver se isso corrige seus links quebrados.

Este é um passo um pouco drástico, por isso é uma boa ideia primeiro coloque seu site em modo de manutenção. Isso manterá os visitantes informados enquanto você testa seus plugins, dando uma impressão melhor do que ver um site quebrado.

Se desabilitar todos os seus plugins resolver o problema, você saberá que pelo menos um plugin está afetando seus URLs. Nesse caso, reative cada plug-in individualmente e teste o impacto que isso tem em seus links.

Quando o erro 404 reaparecer, você encontrou o plug-in que está causando o problema. Você pode então remover este plugin do seu site ou pedir ajuda ao desenvolvedor.

Seu site agora deve estar livre de erros e funcionando corretamente. Caso contrário, veja nossa lista de Erros mais comuns do WordPress e como corrigi-los.

Como rastrear e evitar links permanentes quebrados no WordPress

Links quebrados são más notícias para visitantes, conversões e classificações do seu mecanismo de pesquisa. Com o tempo, os URLs mortos podem afetar onde você aparece nas classificações dos mecanismos de pesquisa. Isso significa menos tráfego para o seu site.

Com tanto em jogo, você precisará se familiarizar rapidamente com links quebrados.

A maneira mais fácil de rastrear e corrigir links quebrados em seu site WordPress é usar o plugin WordPress Tudo em um SEO (AIOSEO). Mais de 3 milhões de proprietários de sites usam o AIOSEO, incluindo nós aqui no BlogPasCher.

Tutorial WordPress - regenere seus permalinks

AIOSEO torna mais fácil para você encontrar links quebrados e corrigi-los em apenas alguns cliques usando seu poderoso gerenciador de redirecionamento.

Outros recursos recomendados

Também convidamos você a consultar os recursos abaixo para aprofundar o controle e controle do seu site e blog.

Conclusão

Lá ! Isso é tudo para este tutorial. Esperamos que este artigo tenha ajudado você a aprender como regenerar seus permalinks no WordPress.

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress.

Mas, entretanto, não se esqueça de nos deixar o seu Comentários e sugestões na seção dedicada.

... 

Como desativar todos os plugins sem acesso ao WP-admin

Como desativar todos os plugins sem acesso ao WP-admin

Você precisa desativar todos os plugins do WordPress, mas não consegue acessar a área de administração do WordPress? Descubra neste tutorial do WordPress como desabilitar todos os plugins do WordPress sem acesso ao seu painel

Durante a solução de problemas do WordPress, muitas vezes você será aconselhado a desativar todos os plugins e reativá-los um por um. Mas e se você não conseguir acessar a área de administração do WordPress para desativar os plugins?

Neste artigo, mostraremos como desativar facilmente todos os plugins do WordPress quando você não puder acessar a área wp-admin.

Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog 

Então, voltemos ao porquê de estarmos aqui.

Basicamente, existem dois métodos comumente usados ​​para desativar plugins sem acessar a área de administração. Mostraremos os dois e você poderá escolher um que pareça mais fácil.

Método 1. Desabilite todos os plugins do WordPress usando FTP

Neste método, você terá que usar um cliente FTP, que é a opção de gerenciador de arquivos no painel de controle de hospedagem do WordPress.

Primeiro, você precisa se conectar ao seu site usando o cliente FTP ou o gerenciador de arquivos no cPanel. Uma vez logado, você precisa acessar a pasta /wp-content/.

Dentro da pasta wp-content você verá uma pasta chamada plugins. É aqui que o WordPress armazena todos os plugins instalados em seu site.

Você precisa clicar com o botão direito do mouse na pasta de plugins e selecionar Renomear. Em seguida, altere o nome da pasta de plugins para o que quiser. Em nosso exemplo, vamos chamá-lo de “plugins.disabled”.

Depois de fazer isso, todos os seus plugins serão desativados.

Basicamente, o WordPress procura uma pasta chamada plugins para carregar arquivos de plugins. Quando não consegue encontrar a pasta, desativa automaticamente os plugins ativos no banco de dados.

Descubra também Como gerenciar URLs de imagem no WordPress

Normalmente este método é usado quando você não pode acessar sua área de administração.

Se você visitar a página Plugins Dentro da área de administração do WordPress, você verá notificações para todos os plugins que foram desativados agora.

Tutorial do WordPress - desative todos os plugins do WordPress

Você também notará que todos os seus plugins desapareceram. Não se preocupe, eles são todos seguros e você pode restaurá-los facilmente.

Basta voltar ao seu cliente FTP e navegar até a pasta /wp-content/. A partir daí, você precisa renomear a pasta “plugins.desactives” para plugins.

Leia também: Como usar vários temas do WordPress em um site

Agora você pode voltar para a página Plugins dentro da área de administração do WordPress e ativar um plugin de cada vez até que seu site quebre novamente.

Então você saberá exatamente qual plugin causou o problema. Você pode então remover este plugin do seu site usando o cliente FTP ou pedir ajuda ao autor do plugin.

Método 2. Desabilite todos os plugins usando o phpMyAdmin

O método FTP é certamente mais fácil em nossa opinião, mas você também pode desabilitar todos os plugins do WordPress usando o phpMyAdmin.

Importante: Antes de fazer qualquer coisa, certifique-se faça um backup completo do banco de dados. Isso será útil se algo der errado.

Em seguida, você precisa fazer login no seu painel de hospedagem na web. Neste exemplo, mostramos um painel cPanel. O painel da sua conta de hospedagem pode ser diferente.

Você precisa clicar no ícone phpMyAdmin na seção 'Bancos de dados'.

Isso iniciará o phpMyAdmin em uma nova janela do navegador. Você precisará selecionar seu banco de dados WordPress, se ainda não estiver selecionado. Depois disso, você poderá ver as tabelas do banco de dados do WordPress.

Como você pode ver, todas as tabelas do banco de dados possuem um prefixo antes do nome da tabela. Suas tabelas podem ter um prefixo de banco de dados diferente. wp_

Leia também: Como duplicar um banco de dados do WordPress com phpMyAdmin

Você precisa clicar na tabela wp_options. Nele, você verá linhas de diferentes opções. Você precisará encontrar a opção 'active_plugins' e depois clicar no botão 'Modificar' para o lado.

Tutorial do WordPress - desative todos os plugins do WordPress

Na próxima tela, você precisará alterar o campo option_value para a:0:{}e clique no botão Ir para salvar suas alterações.

Tutorial do WordPress - desative todos os plugins do WordPress

É isso, você desativou com sucesso todos os plugins do WordPress usando o phpMyAdmin. Se foi um plugin que o impediu de acessar a área de administração do WordPress, você deve conseguir fazer o login agora.

Outros recursos recomendados

Também convidamos você a consultar os recursos abaixo para aprofundar o controle e controle do seu site e blog.

Conclusão

Lá ! Isso é tudo para este tutorial. Esperamos que este artigo tenha ajudado você a desativar todos os plugins no WordPress.

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress.

Mas, entretanto, não se esqueça de nos deixar o seu Comentários e sugestões na seção dedicada.

... 

Como atualizar os URLs do site WordPress

Como atualizar os URLs do site WordPress

Você quer aprender como atualizar os URLs de um site WordPress ? Este tutorial do WordPress mostrará passo a passo.

Pode ser bastante demorado editar manualmente cada postagem ou página apenas para substituir URLs antigos. Felizmente, existem plugins do WordPress que ajudam a automatizar o processo de atualização de URLs antigos.

Neste artigo, mostraremos como atualizar URLs facilmente ao mover seu site WordPress.

Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog 

Então, voltemos ao porquê de estarmos aqui.

Quando e por que você precisa atualizar os URLs?

Suponha que você tenha migrado um site WordPress para um novo nome de domínio. Você pode alterar o endereço do WordPress e a URL do site visitando a página Configurações » Geral do seu painel do WordPress.

No entanto, isso não modifica os URLs que você adicionou anteriormente em seu artigos e páginas. Também não altera os URLs das imagens que você adicionou ao seu site WordPress.

Alterar todos esses URLs manualmente em cada postagem e página do blog pode ser demorado. Além disso, sempre haverá uma chance de você perder alguns URLs, o que pode levar a Links quebrados em seu site.

É por isso que é importante atualizar seus URLs ao mover seu site WordPress.

Isso ajuda a fornecer uma experiência do usuário fluido para seus usuários, porque eles encontrarão facilmente a página que estão procurando. A atualização de URLs também melhora sua SEO WordPress e permite que os mecanismos de pesquisa encontrem novos conteúdos para indexação.

Por fim, você também deve garantir que haja uma configuração adequada de redirecionamentos 301 do seu domínio antigo para o novo domínio, para que os usuários sejam sempre redirecionados para o local correto.

Isso é extremamente importante, pois provavelmente existem outros sites vinculados ao seu domínio antigo, incluindo artigos nas mídias sociais, Google etc.

Dito isso, vamos ver como você pode atualizar URLs de maneira rápida e fácil ao migrar seu site WordPress.

Atualizar URLs após mover um site WordPress

A maneira mais fácil de atualizar links antigos em seu site é usar o plugin WordPress Ativar URLs de atualização . É um plugin WordPress gratuito que permite atualizar os URLs de seus posts, páginas, imagens, trechos, widgets, etc.

No entanto, certifique-se de ter um backup completo do seu site WordPress antes atualize todos os links. Isso permitirá que você reverta facilmente se algo der errado durante o processo de atualização.

Então você precisará instalar e ativar o plugin Ativar URLs de atualização em seu site. Para obter mais detalhes, consulte nosso guia passo a passo em luma maneira de instalar um plugin WordPress.

Após a ativação, você pode acessar Ferramentas » Ativar do seu painel de administração do WordPress.

Depois disso, você pode atualizar as URLs de suas postagens, comentários, opções, dados do usuário e outras áreas do seu site, verificando as opções da tabela base do plugin WordPress.

As tabelas de banco de dados do WordPress são onde todos os dados do seu site são organizados e armazenados. Por exemplo, a tabela wp_comments conterá todas as informações sobre comentários em seu site, bem como dados sobre a pessoa que está comentando.

Além disso, o Go Live Update Urls também permite atualizar URLs antigos em dados usados ​​por diferentes plugins em seu site. No entanto, esta é uma etapa opcional e você pode ignorá-la.

Em seguida, você precisa rolar para baixo até a seção para atualizar links antigos para novos URLs. Vá em frente e insira o URL antigo e o novo URL nos respectivos campos.

Feito isso, basta clicar no botão “Atualizar URLs”. O plug-in agora atualizará todos os URLs do seu site para o novo domínio.

Redirecionar postagens e páginas após atualizar os URLs

Depois de atualizar todos os URLs do seu site, agora você precisa configurar os redirecionamentos 301 de todo o seu site para o novo domínio. Isso preservará os links de sites vinculados ao seu domínio antigo e evitará erros 404.

A maneira mais fácil de realizar um redirecionamento completo do site é usar o plugin Tudo em um SEO (AIOSEO). É o melhor plugin de SEO para WordPress com mais de 3 milhões de profissionais que confiam nele.

AIOSEO oferece um poderoso gerenciador de redirecionamento que permite redirecionar URLs antigos para novos com apenas alguns cliques. O plug-in também ajuda a rastrear erros 404 em seu site, para que você possa encontrar e corrigir rapidamente quaisquer links quebrados.

Para este tutorial, usaremos o Versão AIOSEO Pro pois inclui gerenciador de redirecionamento e outros recursos, como mapas do site, trilha de navegação personalizada e outros. Você também pode tentar o versão gratuita do AIOSEO para começar.

A primeira coisa que você precisa fazer é instalar e ativar o plugin AIOSEO em seu site.

Após a ativação, você deve acessar o Tudo em um painel de SEO do seu painel de administração do WordPress. Agora clique no botão “Launch Setup Wizard” para configurar o plugin.

Tudo o que você precisa fazer é seguir as etapas do assistente de instalação.

1. Configurando redirecionamentos de sites

Esse método é muito útil quando você está mesclando dois sites separados do WordPress em um, ou se você for configurar uma nova instalação do WordPress para um novo domínio, pois ele lidará com o redirecionamento completo do site sem adicionar nenhum código.

Basta ir para Tudo em um SEO -> Redirecionar da sua área de administração do WordPress e clique no botão " Ativar redirecionamentos ".

Ao ativar, você precisa ir para o " Redirecionamento completo do site » e ative o botão de alternância « Realocar local". Então você pode inserir seu novo nome de domínio na opção “ Mudar para o domínio ".

Depois de inserir o URL do seu novo domínio, não se esqueça de clicar no botão " Salvar alterações para salvar suas configurações. O AIOSEO agora redirecionará todos os links do seu site para o novo URL.

2. Configurando redirecionamentos para artigos ou páginas

O AIOSEO também oferece diferentes tipos de métodos de redirecionamento que você pode usar para configurar redirecionamentos de postagem ou página. Recomendamos que você selecione o tipo de redirecionamento “ 301 Movido permanentemente porque informa ao seu navegador que a página foi movida para um novo destino permanentemente e você não deseja movê-la.

Após preencher esses dados, basta clicar no botão “ Adicionar redirecionamento".

Se você quiser ver os vários redirecionamentos que criou, basta rolar para baixo e visualizar os logs.

URLs do site de atualização do tutorial do WordPress

Você pode ver as URLs, o número de pessoas que visitaram o link, o tipo de redirecionamento que você definiu e também optar por habilitar ou desabilitar o redirecionamento.

Na aba 'Configurações' em Redirecionamentos , você também pode optar por configurar redirecionamentos no nível do servidor que são muito mais rápidos. O método padrão é definido como PHP, que é a maneira mais fácil de redirecionar URLs antigos e não requer configuração do lado do servidor.

Mas você pode selecionar 'web Server ' como o método de redirecionamento e escolha Apache ou NGINX como o servidor web. Não recomendamos este método para iniciantes, pois requer conhecimento técnico.

atualizar URLs de sites

Bônus: Rastreie links quebrados em seu site

Ao atualizar seus URLs para um novo domínio, também é essencial ficar atento a links quebrados. Esses são links que não existem mais e exibem uma página de erro 404. Eles podem ocorrer se um URL não tiver sido atualizado corretamente.

Para começar, você pode acessar Tudo em um SEO » Redirecionamentos do seu painel do WordPress.

Então vá em frente e clique no botão “ Configuraçõesem Redirecionamentos, clique no botão de alternância para ativar as opções " 404 registros"E" Registros de redirecionamento ".

atualizar URLs de sites

Usando o AIOSEO, você pode escolher o período de tempo para manter seus logs de erros 404. Recomendamos selecionar não mais de um mês para um desempenho suave e ideal do WordPress.

Depois de habilitar essas opções, clique no botão “ Salvar alterações na parte superior para armazenar suas configurações.

Agora você deve ver uma nova guia '404 Logs' aparecer em Redirecionamentos no AIOSEO. É nessa guia que o plug-in rastreará e exibirá as páginas de erro 404 em seu site.

Uma coisa importante a ser observada é que você não verá nenhum dado na guia 404 Logs a princípio. O plugin só começará a gravar links quebrados depois de habilitar as configurações.

No entanto, uma vez que a configuração esteja ativa, vá em frente e clique no botão “ 404 registros". Você verá uma lista de links quebrados na coluna URL, o número de visitas na coluna Hits e a data do último acesso.

Para corrigir quaisquer links quebrados, basta clicar no botão “Adicionar Redirecionamento” para o respectivo URL. AIOSEO exibirá opções para configurar o redirecionamento para a URL de erro 404.

Vá em frente e insira o novo link no campo 'URL de destino' e selecione '301 Removido Permanentemente' como o tipo de redirecionamento no menu suspenso.

Em seguida, você precisará clicar no botão “Adicionar redirecionamento” para corrigir o link quebrado em seu site.

Para verificar se o redirecionamento está funcionando, basta acessar a URL antiga. Se você for redirecionado para o novo URL, isso significa que você corrigiu com êxito as páginas de erro 404.

Outros recursos recomendados

Também convidamos você a consultar os recursos abaixo para aprofundar o controle e controle do seu site e blog.

Conclusão

Lá ! Isso é tudo para este tutorial. Esperamos que este artigo tenha ajudado você a aprender como atualizar URLs após migrar seu site WordPress.

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress.

Mas, entretanto, não se esqueça de nos deixar o seu Comentários e sugestões na seção dedicada.

... 

Como criar um formulário de várias etapas ou várias páginas

Como criar um formulário de várias etapas ou várias páginas

Você deseja criar um formulário de várias etapas ou deseja criar um formulário de várias páginas no WordPress? Este tutorial do WordPress explica tudo ?

Se você deseja criar formulários em seu site que convertem bem, formulários de várias páginas são o caminho a percorrer. Distribuídos por várias páginas, eles combatem a fadiga e aumentam o engajamento do usuário.

Neste artigo, mostraremos como criar um formulário de várias páginas no WordPress para que você possa obter mais conversões.

Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog 

Então, voltemos ao porquê de estarmos aqui. 

Mas, por que usar formulários de várias páginas no WordPress?

Por que adicionar um formulário de várias páginas no WordPress?

Como mencionamos acima, os formulários de várias páginas são divididos em várias páginas. Adicionar mais etapas a um formulário pode parecer contra-intuitivo, mas na verdade pode aumentar as taxas de conversão de formulários.

Formulários de várias páginas reduzem o atrito para usuários que precisam fazer muitas escolhas ao mesmo tempo. Opções simples tornam cada etapa do formulário menos complicada, e as barras de progresso incentivam os usuários a continuar e preencher o formulário.

Como você projetou seu formulário para melhorar as taxas de preenchimento, será menos provável que você experimente o abandono do formulário. E com o uso da lógica condicional, você pode fornecer diferentes páginas aos usuários com base em suas respostas, o que facilitará a coleta das informações necessárias.

Agora que você sabe por que usar formulários de várias páginas é ideal para experiência de usuário, Vamos passar para a criação de um formulário no WordPress.

Como criar um formulário de várias páginas no WordPress

Neste tutorial, usaremos WPForms para criar formulários de várias páginas no WordPress. WPForms é o melhor plugin de construção de formulários WordPress de arrastar e soltar. E com mais de 3 milhões de instalações ativas, é a ferramenta mais amigável para iniciantes disponível.

O melhor de tudo é que ele tem uma versão gratuita e uma paga, mas hoje vamos usar a versão Pro do WPForms para criar um formulário de várias páginas no WordPress.

Leia também o nosso guia sobre Como personalizar formulários WPForms com Elementor

Então vamos começar com o primeiro passo, que é criar um novo formulário.

Passo 1: Crie um novo formulário no WordPress

A primeira coisa a fazer é instalar e ativar o WPForms de plugin. Se você não sabe como, você pode seguir este guia passo a passo instalar plugins do WordPress para iniciantes.

Com o WPForms, você pode dividir qualquer tipo de formulário em várias partes, então vamos em frente e crie um formulário de contato simples.

Vá para o menu WPForms -> Adicionar para criar um novo formulário e exibir os modelos disponíveis.

Então, nesta página, dê um nome ao seu formulário, digite Formulário de contato de várias páginas no campo de pesquisa localizado na barra lateral esquerda. em seguida, passe o mouse sobre o resultado de sua pesquisa e clique no botão Use o modelo.

O WPForms abrirá o modelo de formulário no construtor de formulários de arrastar e soltar para você editar.

Como você pode ver, o formulário está vazio, então vamos começar a arrastar os campos para ele. Vamos descartar os seguintes campos: 

  • Nome completo
  • E-mail
  • Comentário ou mensagem

Você pode adicionar campos ao formulário arrastando-os da coluna da esquerda para a coluna da direita. Basta clicar em qualquer campo do formulário para editar o conteúdo e arrastá-lo para reorganizar sua posição.

Se você deseja adicionar mais de um formulário de contato ao seu site WordPress, você também pode criar os seguintes tipos de formulários com WPForms:

  • Formulário de Inquérito
  • Formulário de pedido on-line
  • tipo formulário estilo formulário
  • Formulário de upload de arquivo

A maioria desses tipos de formulários são mais longos do que os formulários de contato padrão, portanto, dividi-los em várias etapas pode melhorar as conversões.

Agora que você sabe como começar, vamos aprender a dividir nosso formulário em partes.

Etapa 2: divida seu formulário em partes

Depois de personalizar seu formulário e adicionar os campos necessários, adicione o campo quebra de página para dividir seu formulário em diferentes páginas.

Para isso, veja abaixo o cabeçalho Campos Sofisticados e arraste o campo do formulário quebra de página no painel direito.

Solte o campo em seu formulário onde você deseja que ele seja dividido.

Repita isso para cada seção em que você deseja dividir seu formulário em outra página. A partir daí, continue personalizando seu formulário adicionando os campos necessários para preenchê-lo.

Embora o WPForms permita adicionar quantos formulários você quiser, é crucial evitar sobrecarregar os usuários com muitas informações. Isso pode fazer com que eles abandonem sua forma, que é o oposto do que você deseja alcançar.

Etapa 3: personalize a barra de progresso do seu formulário

Para aumentar o fluxo do seu formulário, você pode adicionar uma barra de progresso. Uma barra de progresso mostra às pessoas as diferentes seções do seu formulário e é um ótimo indicador visual de quanto trabalho ainda precisa ser feito.

O WPForms vem com 3 barras indicadoras de progresso diferentes para formulários de várias páginas, que são as seguintes:

  1. conectores – Barras de conexão e títulos de página para cada etapa do seu formulário.
  2. Círculos – Círculos numerados e títulos de página para cada etapa do formulário.
  3. Barra de progresso – Indicador de progresso do usuário conforme eles completam as etapas do formulário.

Para alterar a barra de progresso e o título da página da primeira página do seu formulário de várias páginas, clique no campo Primeira quebra de página.

Você verá então um novo painel onde poderá escolher o tipo de progresso do seu formulário. Nesta área, você também pode alterar a cor usada para destacar o indicador de progresso, se desejar.

Se você selecionar as opções círculos ou conectores, você também pode editar o título da página. Isso ajuda os usuários a saber em qual parte do formulário estão, para que não se percam. Mas se você preferir não fazer isso, uma barra de progresso padrão será exibida aos usuários para orientá-los no preenchimento do formulário.

Então você pode editar o botão Página suivante Bem e texto, que leva os usuários para a próxima página do seu formulário.

Para isso, clique no botão seguinte  da sua página, você pode modificar o rótulo do botão na coluna da esquerda.

criar um formulário de várias páginas

Além disso, você pode adicionar um botão anterior ativando a alternância Ver anterior. Dessa forma, os usuários poderão voltar se esquecerem de adicionar informações.

criar um formulário de várias páginas

Quando terminar de personalizar sua barra de progresso, clique em Enregistrer e vá para a próxima etapa.

Etapa 4: editar suas configurações de formulário

Agora vamos mudar as configurações do seu formulário. Para isso, acesse Configurações -> Geral.

Nesta seção, você pode definir as seguintes opções:

  • Nome do formulario – Dê um novo nome ao seu formulário, se desejar.
  • Descrição do formulário – Adicione uma descrição ao seu formulário para referência.
  • Enviar texto do botão – Edite o texto do seu botão de envio.
  • Ativar proteção contra spam  – Ative a opção anti-spam para evitar que spammers enviem envios indesejados.

Quando suas configurações estiverem definidas, clique em Enregistrer.

Etapa 5: definir suas notificações de formulário

Configurações de notificação no WPForms, enviando um e-mail quando um formulário é enviado em seu site WordPress.

Você pode encontrar as configurações de notificação clicando em Configurações -> Notificações.

Se você não desativar as notificações de formulário, receberá um e-mail para cada formulário enviado em seu site.

Por outro lado, você pode usar tags inteligentes para enviar um e-mail para as pessoas que preencherem seu formulário. As etiquetas inteligentes são uma ótima maneira de informar que o formulário foi preenchido corretamente e que você o recebeu.

É ainda melhor usar esse recurso em formulários longos com várias etapas, pois podem demorar mais para serem preenchidos. Além disso, evita que os usuários fiquem perambulando se tudo correr bem. Para obter mais ajuda, você pode consulte a documentação sobre como configurar notificações de formulário ici.

Quando terminar de configurar suas notificações, vá para a configuração de sua mensagem de confirmação de formulário.

Etapa 6: definir sua mensagem de confirmação de formulário

As mensagens de confirmação de formulário são mensagens curtas exibidas aos usuários quando eles enviam um formulário em seu site. É uma ótima maneira de informar às pessoas que seu formulário está sendo processado e quais etapas devem ser seguidas.

Existem 3 tipos de mensagens de confirmação em WPForms que são:

  1. Mensagem – Mensagem simples informando aos usuários que seu formulário foi enviado.
  2. Mostrar página – Envie os usuários para outra página, como uma página de agradecimento após o envio do formulário.
  3. Ir para URL (redirecionamento) – Envie os visitantes do site para outro site após o envio do formulário.

Para configurar sua mensagem de confirmação, clique em Configurações -> Confirmação.

Em seguida, escolha o tipo de mensagem que deseja exibir para seus visitantes após preencher seu formulário. Para este tutorial, vamos selecionar Mensagem.

Agora personalize o texto da mensagem de acordo com suas necessidades e clique em Enregistrer quando estiver satisfeito.

Agora você está pronto para adicionar seu formulário ao WordPress.

Passo 7: Adicione seu formulário ao WordPress

Depois de criar seu formulário de várias páginas, é hora de adicioná-lo ao seu site WordPress. Com o WPForms, você pode adicionar seu formulário a várias áreas do seu site. Podem ser páginas, posts, barras laterais e quaisquer outras áreas prontas para widgets.

Vamos ver como adicionar seu formulário de várias páginas a uma página do WordPress.

Para começar, navegue até a área de administração do WordPress e clique em Páginas -> Adicionar.

Em seguida, clique no ícone de adição no editor do WordPress para adicionar um novo bloco de conteúdo. Na caixa de pesquisa, digite WPForms para encontrá-lo facilmente.

criar um formulário de várias etapas

Agora clique no bloco WPForms para adicioná-lo à sua página.

Quando WPForms aparecer dentro do seu bloco, clique na seta suspensa para selecionar seu formulário de várias páginas na lista e insira-o em sua página.

Assim que o formulário de várias páginas for selecionado, ele aparecerá na sua página.

criar um formulário de várias etapas

E isso é tudo ! Você aprendeu como criar um formulário de várias páginas.

Outros recursos recomendados

Também convidamos você a consultar os recursos abaixo para aprofundar o controle e controle do seu site e blog.

Conclusão

Lá ! É isso para este tutorial. Esperamos que este artigo tenha ajudado você a aprender como criar um formulário de várias etapas ou várias páginas.

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress.

Mas, entretanto, não se esqueça de nos deixar o seu Comentários e sugestões na seção dedicada.

... 

Como instalar plugins WordPress

Como instalar plugins WordPress

Neste artigo, mostraremos como instalar plugins do WordPress

Como um dos sistemas de gerenciamento de conteúdo (CMS) mais populares, o WordPress oferece grande flexibilidade e muitas opções de personalização. Ele oferece uma ampla variedade de plugins do WordPress, que permitem modificar a funcionalidade do seu site.

O WordPress tem seu próprio diretório, repleto de plugins gratuitos e premium. Esses plugins permitem que você adicione vários recursos, desde formulários de contato e boletins informativos personalizados até cache de sites e segurança do WordPress.

Alguns plugins também podem modificar seu site WordPress em uma loja online funcional com um Plugin WooCommerce ou uma plataforma de e-Learning com Plug-ins de LMS. Na verdade, você pode até crie seu próprio plugin WordPress.

Neste tutorial, mostraremos o processo passo a passo de instalação de plugins do WordPress usando três métodos diferentes.

No final deste artigo, também incluiremos algumas dicas que você pode seguir ao procurar novos plugins do WordPress para melhorar seu site.

Mas antes de começarmos, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog 

Então, voltemos ao porquê de estarmos aqui.

Como instalar plugins do WordPress a partir do diretório oficial de plugins

A maneira mais fácil de instalar plugins do WordPress é acessar o diretório oficial de plugins através da sua área de administração do WordPress. No entanto, este diretório de plugins do WordPress é limitado apenas a opções de plugins gratuitos.

Faça login no painel do WordPress e navegue até Extensões->Adicionar. Prossiga para procurar o plug-in no barra de pesquisa. Você também pode navegar por plugins em destaque, populares ou recomendados clicando nas guias fornecidas à esquerda.

como instalar plugins wordpress

Por exemplo, se você estiver procurando pelo plugin MonsterInsights, você o verá como o primeiro resultado. Clique no botão Installer agora para começar a instalar o plugin.

Aguarde a conclusão do processo e clique no botão ativar para começar a usar este plugin WordPress.

Depois de ativar o plugin, verifique e configure o configurações do plugin indo para Extensões -> Plugins instalados. 

Como instalar plugins do WordPress manualmente

Outra maneira de instalar plugins do WordPress é carregar manualmente os arquivos do plugin através do painel do WordPress.

Este método permite que você instale um plugin que pode não estar no diretório oficial do WordPress, mas disponível em mercados de terceiros, como CodeCanyon et Codester.

Antes de iniciar o processo de instalação do plugin, você deve primeiro baixar o arquivo ZIP do plugin da fonte de sua escolha.

Em seguida, navegue até a área de administração do WordPress e clique em Extensões -> Adicionar. Depois localizar o botão Tlevantar uma extensão no canto superior esquerdo da página.

como instalar plugins wordpress

Selecione o arquivo em seu computador ZIP plugin que deseja baixar e clique em instalar agora.

como instalar plugins wordpress

Aguarde a conclusão da instalação do plugin e toque em Ativar extensão.

como instalar plugins wordpress

Usando um cliente FTP para instalar plugins do WordPress

Existem vários plugins premium e personalizados do WordPress que exigem que você os instale manualmente usando um cliente FTP. Para um iniciante, o processo pode ser um pouco mais complicado, pois primeiro você precisa aprender a configurar um cliente FTP.

Não se preocupe, o guia a seguir irá guiá-lo passo a passo. Tudo o que você precisa fazer é seguir os passos.

Em primeiro lugar, extrair o arquivo ZIP do plugin e salve-o em uma pasta em seu computador. Tenha em mente que a pasta do arquivo de plugin extraído será aquela que você precisa carregar através do cliente FTP.

Em seguida, conecte seu site ao servidor FTP. Para fazer isso, encontre os detalhes de FTP do seu provedor de hospedagem.

Uma vez logado, navegue até o seu cliente FTP – para este exemplo estamos usando FileZilla. Lá, insira suas credenciais de login e pressione o botão Conexão rápida. Então vá para o painel local remoto e pesquise a pasta wp-content / plugins /.

No painel site local, carregue a pasta do plugin extraída do seu computador para a pasta wp-content/plugins/ do seu servidor.

como instalar plugins wordpress

Quando a transferência for concluída, o plugin WordPress será instalado em seu site.

Para ativar o plugin, você precisa acessar seu painel do WordPress. Navegue até a seção Extensões-> Plugins instalados, localize o plug-in e clique em ativar.

O que lembrar ao selecionar um plugin do WordPress?

Existem muitos plugins no diretório de plugins do WordPress e ainda mais disponíveis em sites de terceiros. Esse número de opções pode parecer esmagador, especialmente para iniciantes tentando descobrir o que é certo para seu site.

As seções a seguir mostrarão algumas coisas essenciais a serem consideradas ao selecionar um plug-in para seu site.

Atualizações regulares.

O WordPress lança atualizações regulares para manter seu sistema atualizado. É assim que eles melhoram o desempenho, mantêm a segurança, corrigem problemas de bugs e adicionam novos recursos.

Portanto, antes de instalar qualquer plugin, considere estes pontos:

Certifique-se de que ele está certo para o trabalho

  • Última atualização. Escolher um plugin do WordPress que seja atualizado com frequência pode evitar violações de segurança. Também mostra que os desenvolvedores ainda estão mantendo e melhorando ativamente o plugin.
  • Número de instalações. Este número mostra o quão popular é o plugin WordPress. Geralmente, quanto mais instalações ativas um plugin tiver, melhor será sua qualidade.
  • Público. Revisões e comentários de usuários podem ajudá-lo a pesar os prós e contras de um plug-in específico. Isso fornece informações sobre o desempenho do plug-in em situações em tempo real.
  • Compatibilidade. Um plugin que recebe atualizações regulares de seus desenvolvedores geralmente é compatível com a versão mais recente do WordPress. Sempre verifique a guia de descrição para ver qual versão do WordPress é necessária para executar o plugin.

Antes de baixar e instalar qualquer plugin em seu site WordPress, certifique-se de verificar as reivindicações feitas pelos desenvolvedores. Leia a documentação do plug-in, confira os fóruns de suporte do plug-in e leia as revisões.

Pesquisar em postagens de blog também é uma boa prática, pois muitos sites fornecem análises de plugins.

Na BlogPasCher, também revisamos e testamos plugins do WordPress com vários recursos, incluindo plugins de menuPlug-ins do Google Analytics et plugins de revisão.

...

Instale um plug-in de cada vez

Ao testar um plugin no WordPress, lembre-se de instalar e testar cada plugin individualmente. Dessa forma, você verá rapidamente se está causando problemas para o seu site e se pode corrigi-los.

Se você decidir testar vários plugins diferentes no WordPress, lembre-se de desativar o plugin anterior antes de tentar outro.

Além disso, quando você tem vários plugins inativos, é melhor removê-los, pois muitas instalações podem sobrecarregar seu site WordPress e afetar seu desempenho.

Use apenas um plugin para cada recurso

Embora os plugins do WordPress adicionem novos recursos e melhorem a funcionalidade do seu site, instalar muitos deles pode deixar seu site lento.

De fato, cada vez que você instala plugins do WordPress, você adiciona um novo código ao seu site. Quando usados ​​excessivamente, os plug-ins enviarão muitas solicitações HTTP para carregar seus recursos, como folhas de estilo CSS, arquivos JavaScript e imagens, o que diminuirá a velocidade de carregamento do seu site.

Além disso, a instalação de plugins do WordPress que executam funcionalidades semelhantes pode causar conflitos, potencialmente quebrando um ou ambos os plugins. Portanto, a melhor prática é instalar um plugin do WordPress para cada recurso.

Por exemplo, Yoast SEO et AISEO têm conjuntos de recursos semelhantes - basta escolher um para evitar conflitos de plug-in.

Esperamos que este tutorial tenha ajudado você a aprender como instalar plugins do WordPress em seu blog ou site. Agora você tem a oportunidade de melhorar a funcionalidade do seu site, mesmo que não tenha conhecimentos ou habilidades técnicas anteriores.

Se você não tiver certeza de qual plug-in começar, considere o que está faltando no seu site atual. Em seguida, revise os plug-ins disponíveis e compare fatores importantes como compatibilidade, revisões e atualização mais recente.

Aqui estão alguns dos nossos plugins WordPress essenciais recomendados para você começar:

  • Yoast SEOEste plug-in ajuda a melhorar sua postagem de blog WordPress e SEO de página por meio de otimização de palavras-chave e meta descrições
  • Elementor ou Beaver Builder. Ajuda você a construir seu site, fornecendo uma interface de arrastar e soltar fácil de usar.
  • W3 Total Cache ou WP Super CacheAumenta o desempenho do seu site e reduz o tempo de carregamento com cache e integração com CDNs.
  • Mapas de site XML do Google. Gera automaticamente sitemaps XML para melhor otimização do mecanismo de pesquisa.
  • AkismetEste plug-in detecta e filtra spam em seus comentários e envios de formulários de contato para evitar ataques maliciosos.

Outros recursos recomendados

Também convidamos você a consultar os recursos abaixo para aprofundar o controle e controle do seu site e blog.

Conclusão

É isso para este guia que mostra como instalar plugins do WordPress. Se você tiver alguma dúvida ou sugestão, informe-nos dentro de Comentários.

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.

En attendant, compartilhe este artigo em suas diferentes redes sociais.   

...  

Como adicionar fontes personalizadas a um site WordPress

Como adicionar fontes personalizadas a um site WordPress

Gostaria de aprender como adicionar fontes personalizadas a um site WordPress?

Por que tornar seu blog chato usando fontes padrão? Deixe seu blog falar sobre sua personalidade vibrante e os tópicos que você aborda com uma ampla variedade de fontes personalizadas. As fontes personalizadas são um recurso interessante que faz com que seu blog pareça preferível a outros.

Vamos encarar; todos nós amamos blogs e sites com as fontes certas. Eles não apenas decoram o site, mas também ajudam a atrair o usuário para o seu conteúdo. No entanto, a escolha de fontes padrão do WordPress é limitada e depende do tema que você está usando. A boa notícia é que você pode adicioná-los manualmente ou com plugins especializados do WordPress.

E aqui surgem duas questões: onde obter fontes personalizadas para WordPress e como instalar fontes personalizadas no seu site.

Vamos descobrir.

Por que devo usar fontes personalizadas?

Foi-se o tempo em que Times New Roman e Georgia eram considerados os únicos tipos de letra para texto em sites. Nos últimos anos, o espaço da fonte mudou completamente com o advento de fontes como Google Fonts e outros.

Hoje, existem centenas de fontes gratuitas, informações e auxílios de treinamento e recursos de design disponíveis na Internet. Ao contrário do Adobe Illustrator, Photoshop e outros aplicativos clássicos, o WordPress não oferece controle total sobre as fontes padrão. Apenas alguns temas do WordPress optam por oferecer suporte e usar fontes personalizadas.

Portanto, neste artigo, você aprenderá como encontrar fontes personalizadas adequadas e usá-las em seu site WordPress.

A importância de usar fontes personalizadas

Por que alterar fontes, recuo da palavra, espaçamento entre linhas, espaçamento entre letras ou saturação da fonte, você pergunta? No entanto, alguns estudos mostram que tipografia melhora a compreensão da leitura.

Muito depende da construção das fontes. Em um nível consciente e subconsciente – todos avaliam o conteúdo de uma página da web por design.

O design da fonte afeta os leitores, mesmo que eles não prestem atenção a isso. Desistir do design da fonte significa desistir do próprio desenvolvimento! O humor do leitor depende disso. A fonte facilita a leitura ou força os usuários a sair da página.

Todos os navegadores da Web incluem um conjunto de fontes padrão. Isso significa que se a fonte não for especificada no CSS da página, a versão padrão será usada. Você ainda pode usar as fontes padrão, mas elas tornam mais difícil para os usuários. É por isso que é essencial usar uma fonte personalizada. Se o seu tema do WordPress não oferece opções para alterar a fonte, existem muitos sites e ferramentas que podem ajudar.

Alternativas de fontes do Google

adicionar fontes personalizadas

Muitos de vocês conhecem o Fontes do Google. Existem muitos outros sites onde você pode encontrar fontes bonitas. Alguns deles são gratuitos para uso pessoal. Se você precisar de uso comercial, precisará de uma licença. O Google Fonts e o Adobe Edge Fonts são gratuitos. É por isso que eles não são tão únicos.

Aqui estão alguns outros recursos para encontrar fontes para uso gratuito e comercial:

  1. TemplateMonster — No site da TemplateMonster você encontra tudo o que precisa para web design. Existem também muitas fontes e pacotes de fontes para uso pessoal por um preço pequeno. Além disso, para ajudá-lo a escolher, todas as fontes apresentadas em brochuras ou molduras. Cada fonte também é apresentada com uma licença comercial.
  2. MyFonts — MyFonts oferece atualmente a maior seleção de fontes do mundo. No entanto, os preços aqui também estão no segmento superior. Então, se você estiver com um orçamento apertado, isso pode não ser para você.
  3. FontSpring — Fontspring vende fontes inovadoras para uso comercial. Mas em quase todas as famílias, 1-2 fontes gratuitas que podem ser usadas para uso pessoal. Além disso, há uma seção separada com fontes gratuitas. A coleção é vibrante. Mas você precisará estudar cuidadosamente as informações de licenciamento de uma fonte específica antes de fazer o download.
  4. Cufonfons — É também uma enorme coleção de fontes diferentes. Selecione qualquer um e você verá uma página com informações detalhadas sobre ele. Existem muitas fontes gratuitas e elas são divididas em seções individuais. O sistema de classificação do CufonFonts é bastante flexível e conveniente. Além disso, o suporte a Webfont está incluído.
  5. Dafont — Outra coleção acessível de 3 fontes gratuitas. A maioria deles são projetados apenas para uso pessoal. Um recurso legal do DaFont é um sistema de categorias. Você pode selecionar fontes no estilo de quadrinhos, videogames, vintage etc….

A escolha das fontes é muito tentadora porque todas são lindas. Mas você não deve escolher muito. Não use mais de duas fontes em um site rede. Então a aparência do seu site será consistente. Depois de escolher suas fontes, certifique-se de enviar os arquivos para cada estilo que você usará (regular, negrito, itálico etc.).

Agora que você selecionou a fonte apropriada para o seu site, vamos descobrir como adicioná-la.

Como adicionar fontes personalizadas ao WordPress

Existem várias maneiras de adicionar fontes a um site WordPress:

  1. Plugins : neste caso, diferentes plugins do WordPress são usados ​​para facilitar o processo.
  2. manualmente : usando este método, você precisa baixar a fonte do site e modificar o arquivo CSS.
  3. Temas: muitos temas populares têm opções internas para personalizar suas fontes (observação – não abordaremos essa opção, pois o processo varia de acordo com o tema que você está usando.

Opção 1 – Alterar fontes do WordPress com plugins

Se não nos importamos com as mudanças globais, podemos instalar plugins do WordPress que alterarão as fontes do seu site.

Recursos de plugins de fontes personalizadas

O software de código aberto tem uma vantagem para o interesse da comunidade, e o WordPress também tem essa vantagem. Vários plugins do WordPress permitem adicionar fontes personalizadas. Como escolher um plugin apropriado quando há tantos? Quais são os recursos dos plugins WordPress de fonte personalizada?

Aqui estão alguns pontos a serem considerados:

  • Capacidade de usar uma fonte personalizada
  • Capacidade de usar várias fontes
  • Cabeçalhos e componentes de destino
  • Bônus: a capacidade de alterar as configurações de fonte do editor visual

Isso é tudo. A primeira característica da lista é muito importante. Você ainda pode baixar fontes de sites como DaFont, Font Squirrel, etc., mas precisa ser capaz de carregá-las no WordPress.

Vejamos alguns plugins para WordPress que permitem fazer upload de fontes personalizadas.

1. Melhor Fonte Incrível

Este plugin do WordPress permitirá que seus usuários combinem automaticamente a versão mais recente das fontes Better Font Awesome com o CSS, códigos de acesso e muito mais. Além disso, este plugin do WordPress é atualizado automaticamente.

Melhor fonte incrível - melhores plugins de tipografia WordPress

Você encontrará como funcionalidades: atualizações regulares, gerador de shortcodes, compatibilidade com outros plugins WordPress, etc ...

Descarregar | Demo | hospedagem na web

2. Fontes do Google para WordPress

Este plugin do WordPress consiste em fontes especiais 877, que permitem o uso de todas as fontes nos sites do WordPress. Graças à sua visualização em tempo real, ele permite que você veja a aparência do seu site depois que a fonte for aplicada. 

Fontes do Google - melhores plugins de tipografia do WordPress

Além disso, você poderá salvá-lo e editá-lo no front-end quando encontrar a combinação que poderá desfrutar.

Suas características incluem: uma visualização em tempo real, um SEO bastante avançado, suporte multilíngue, suporte para mais fontes do Google 870 +, atualizações fáceis e muito mais.

Descarregar | Demo | hospedagem na web

3. Plugin de Fontes

Fonts Plugin é um plugin WordPress gratuito que permite aos usuários acessar as bibliotecas do Google Fonts e Adobe Fonts. Com este plug-in do WordPress, você pode escolher entre mais de 1000 fontes do Google e Adobe, usar várias fontes em seu site e testar diferentes opções com o recurso de visualização em tempo real do plug-in no personalizador do WordPress.

melhores plugins de tipografia wordpress

Para mais maneiras de personalizar a tipografia do seu site, como tamanho da fonte, espaçamento entre letras e altura da linha, você pode atualizar para a versão premium, Fontes Plugin Pro.Descarregar | Demo | hospedagem na web

4. Fontes do Google fáceis

Easy Google Fonts é um dos melhores plugins do WordPress para personalizar a tipografia do seu site. Assim como o Fonts Plugin, ele permite que você escolha entre centenas de Google Fonts e visualize-as no Personalizador antes de adicioná-las ao seu site.

10 plugins de tipografia WordPress para o seu blog

Embora forneça acesso a um número menor de Google Fonts, é único, pois permite criar controles e regras de fonte personalizados na área de administração, que aparecerão imediatamente no personalizador do WordPress.

Descarregar | Demo | hospedagem na web

Opção 2 – Instalar manualmente as fontes personalizadas do WordPress

Usando a diretiva @font-face, você pode conectar uma ou mais fontes ao seu site. Mas este método tem seus prós e contras.

benefícios:

  • Graças ao CSS, você pode conectar fontes de qualquer formato: ttf, otf, woff, svg.
  • Os arquivos de fonte estarão localizados em seu servidor – você não dependerá de serviços de terceiros.

desvantagens :

  • Para a conexão de fonte correta para cada estilo, você deve registrar um código separado.
  • Sem saber CSS, você pode ficar facilmente confuso.

Mas não é um problema real se você puder basta copiar um código finalizado e onde você precisa especificar seus valores.

Observação : Antes de começar, certifique-se de criar um tema infantil para o seu site. Dessa forma, você pode fazer todas as alterações no seu tema filho, deixando o tema principal para poder atualizá-lo facilmente, se necessário no futuro.

Passo 1: Crie uma pasta “fontes”

No seu tema filho, crie uma nova pasta “fontes” em: wp-content/themes/your-child-theme/fonts

Etapa 2. Faça o upload dos arquivos de fonte baixados para o seu site

Isso pode ser feito através do seu painel de controle de hospedagem ou via FTP.

Adicione todos os arquivos de fonte à pasta de fontes recém-adicionada: wp-content/themes/ No seu tema filho, crie uma nova pasta “fontes” em: wp-content/themes/your-child-theme/fonts que você criou.

Etapa 3. Importar fontes por meio da folha de estilo do tema filho

Abra o arquivo style.css do seu tema filho e adicione o seguinte código no início do arquivo CSS (após o comentário do tema filho):

@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont.eot');
src: url('fonts/WebFont.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont.woff') format('woff'),
url('fonts/WebFont.ttf') format('truetype'),
url('fonts/WebFont.svg#svgwebfont') format('svg');
font-weight: normal;
font-style: normal;
}

onde MyWebFont é o nome da fonte e o valor da propriedade src (os dados entre parênteses entre aspas) é sua localização (links relativos). Precisamos especificar cada estilo separadamente.

Como conectamos o estilo normal primeiro, definimos as propriedades font-weight e font-style como normal.

Etapa 4. Ao adicionar itálico, escreva o seguinte:

@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont-Italic.eot');
src: url('fonts/WebFont-Italic.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont-Italic.woff') format('woff'),
url('fonts/WebFont-Italic.ttf') format('truetype'),
url('fonts/WebFont-Italic.svg#svgwebfont') format('svg');
font-weight: normal;
font-style: italic;
}

Quando tudo é igual, somos os únicos a anexar a propriedade de estilo de fonte ao itálico.

Etapa 5. Para adicionar a fonte em negrito, adicione o seguinte código:

@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont-Bold.eot');
src: url('fonts/WebFont-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont-Bold.woff') format('woff'),
url('fonts/WebFont-Bold.ttf') format('truetype'),
url('fonts/WebFont-Bold.svg#svgwebfont') format('svg');
font-weight: bold;
font-style: normal;
}

Onde definimos a propriedade font-weight como negrito.

Lembre-se de especificar a localização correta dos arquivos de fonte para cada estilo.

Etapa 6. Para conectar itálico em negrito, digite o seguinte:

@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont-Italic-Bold.eot');
src: url('fonts/WebFont-Italic-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont-Italic-Bold.woff') format('woff'),
url('fonts/WebFont-Italic-Bold.ttf') format('truetype'),
url('fonts/WebFont-Italic-Bold.svg#svgwebfont') format('svg');
font-weight: bold;
font-style: italic;
}

Bem, é isso. Agora que você conectou quatro estilos de fonte ao seu site.

Mas há uma observação: essa conexão de fonte não será exibida corretamente no Internet Explorer 8. O consolo é que há muito poucas pessoas ainda usando o IE8.

Outros recursos recomendados

Também convidamos você a consultar os recursos abaixo para aprofundar o controle e controle do seu site e blog.

Conclusão

Qual é a primeira coisa que os usuários percebem quando visitam seu site? Isso mesmo, seu design! A maior parte do design depende do uso adequado de fontes bonitas. Então, você precisa cuidar do design da fonte do seu site. Adicione código ou use um dos plugins mencionados acima para incorporar um novo estilo de fonte. Como você escolhe é com você.

Certifique-se de não usar mais de duas fontes no mesmo site. Como quanto mais fontes personalizadas você adicionar ao site, mais a velocidade do site diminuirá.

É isso neste artigo que mostra como adicionar fontes personalizadas a um site WordPress. Convidamos você a experimentar. Se você tiver alguma dúvida ou sugestão, informe-nos dentro de Comentários.

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.

En attendant, compartilhe este artigo em suas diferentes redes sociais.   

...