Deseja adicionar fontes personalizadas ao WordPress?
Acredite, a polícia também um papel muito importante a desempenhar no seu blog e você ganhará muito adicionando uma fonte adaptada não apenas ao contexto do seu blog, mas também ao seu tema WordPress.
Neste tutorial, mostrarei como adicionar fontes personalizadas ao seu blog WordPress usando Google Fonts, Typekit e CSS3.
O uso de fontes personalizadas em Temas do WordPress tornou-se comum. Na verdade, existem vários Temas do WordPress que oferecem várias fontes para escolher. No entanto, carregar todas essas fontes ao mesmo tempo pode retardar consideravelmente o carregamento de uma página.
E se o seu blog é lento, eu sugiro que você Algumas soluções para problemas de desempenho em WordPress
Esse é um dos motivos pelos quais faremos isso da maneira certa, enviando apenas a fonte personalizada que queremos usar no blog.
Mas antes de tudo, é importante saber como pesquisar as fontes, ao mesmo tempo que consulta o 7 WordPress plugins para ter em mãos a tipografia do seu blog
Como encontrar fontes e como usar WordPress
As fontes não são tão escaláveis como costumavam ser. No entanto, existem várias fontes onde você pode encontrar fontes como " Google Fonts "," Typekit "," FontSquirrel "E" Fonts.com ".
Como adicionar um Google Fonts Font WordPress
O Google Fonts é uma biblioteca muito grande de fontes gratuitas que você pode usar em vários projetos.
Você simplesmente precisa acessar " Google Fonts E selecione a fonte de sua escolha. Depois clique em " selecione esta fonte »Uma guia é exibida no canto inferior direito da tela.
Clique nesta guia que se expande como na imagem acima. Você poderá personalizar o estilo da fonte a incluir clicando em Personalizar. Você só precisa selecionar o estilo que deseja ver no seu blog.
Você deve então rolar para baixo até o " Embutir ". Você precisará copiar o código localizado na seção " PADRÃO " É este código que você pode adicionar no " cabeçalho Do seu tema filho.
Isso é tudo o que há para adicionar uma nova fonte do Google ao seu blog WordPress.
Como adicionar uma fonte usando Typekit
Typekit é outro serviço gratuito e premium que oferece fontes que você também pode usar em seus diferentes projetos. Eles oferecem assinaturas premium e gratuitas.
Você só precisa ter uma conta Typekit e criar um novo " de emergência ".
Em seguida, você precisará selecionar a fonte da biblioteca Typekit e adicioná-la ao seu projeto. Depois disso, pegue o código do seu kit e adicione-o a partir do painel.
Para adicioná-lo ao seu painel, você simplesmente precisa instalar e ativar o plugin " Fontes Typekit para WordPress ".
Após sua ativação, basta acessar o " Configurações> Fontes Typekit E cole o código do seu kit no " regras CSS personalizado ".
A fonte pode então ser usada da mesma forma, ou seja, especificando o nome da família para elementos específicos ou para todo o documento.
Como adicionar uma fonte usando o CSS3 (@ font-face)
A maneira mais direta de incorporar uma fonte em seu blog é adicioná-la usando "font-faces" via CSS3. Este método permite que você adicione qualquer tipo de fonte que desejar em seu blog.
A primeira coisa a fazer é baixar a fonte de sua escolha no formato da web. Se você não tiver essa fonte no formato da web, poderá convertê-la gratuitamente em " FontSquirrel Generator Webfont ".
Depois de ter os arquivos no formato " web », Você terá que enviá-los diretamente para o seu servidor. Eu recomendo fortemente que você adicione ao " fontes Do seu tema filho usando um cliente FTP (FileZilla é a minha recomendação).
Se você quiser ir mais longe neste procedimento, consulte nosso tutorial em Como usar o FTP no Windows 10
Vamos voltar ao nosso objetivo.
Uma vez feito isso, você pode integrar a fonte assim:
Para usá-lo em qualquer lugar, você simplesmente precisa definir o nome da fonte conforme especificado no " face inferior »Anterior (veja o valor do atributo font-family ).
Isso é tudo que você precisa saber sobre como usar o código CSS3. No entanto, devo especificar que o método com a funcionalidade "font-face" é mais adequado para desenvolvedores.
Outras soluções e ferramentas também são usadas e recomendadas para gerenciar ou manipular as fontes em seu site.
Descubra também alguns plugins premium do WordPress
Você pode usar outro WordPress plugins para dar uma aparência moderna e otimizar o manuseio do seu blog ou site.
Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.
1. CommentPress
O CommentPress é um poderoso plugin compacto do WordPress que permite inserir, editar e excluir comentários de forma rápida e fácil. O CommentPress usa Ajax, jQuery e PHP para oferecer aos visitantes a capacidade de inserir comentários sem precisar recarregar a página.
Este plugin tem muitas opções de personalização, para dar a aparência e aparência que você deseja. Possui um captcha para bloquear spam e dá mais segurança à sua seção de comentários.
Suas principais características são: a fácil inserção de comentários, a possibilidade de os usuários responderem a comentários específicos, a paginação de comentários, o gerenciamento completo da administração da seção de comentários, botões para fácil inserção de imagens, vídeos e links, um layout totalmente responsivo, um Captcha para proteger o formulário e evite spam e muito mais.
Descarregar | Demo | hospedagem na web
2. Galeria Everest
Como o próprio nome sugere, é o ápice da WordPress plugins galeria de fotos premium. Esta ferramenta ultra-personalizável permitirá que você crie galerias de qualquer estilo em apenas alguns minutos.
A Galeria Everest pode ser usada para exibir artigos, tipos de postagem personalizados, taxonomias/categorias personalizadas, Produtos WooCommerce, produtos personalizados, galerias de imagens e anexos, vídeos, recursos do produto, vitrine do cliente, portfólios, membros da equipe, capturas de tela, etc ..., totalmente responsivo.
O Everest Gallery vem com documentação completa e mais de opções 30 para personalizar completamente o visual da galeria. Com as opções de personalização disponíveis, você pode usar este WordPress Plugin para apresentar qualquer coisa de forma fácil e eficaz.
Descarregar | Demo | hospedagem na web
3. WP Media Manager
WP Media Manager é um dos melhores e mais poderosos WordPress plugins gerenciamento de biblioteca de mídia. É ótimo para gerenciar pastas e sua facilidade de uso permite que você organize seus milhares de arquivos de mídia.
Basta usar o método de arrastar e soltar para inserir os arquivos de mídia em pastas / subpastas. Essa capacidade não apenas permite que ele melhore o gerenciamento de arquivos, mas também permite que ele gerencie pastas. O que geralmente é obrigatório para usuários novatos.
Ce WordPress Plugin possui funcionalidades como criação de pastas, filtragem destas, 3 magníficas galerias responsivas, possibilidade de duplicação de arquivos, criação de uma hierarquia ilimitada e muitas outras…
Descarregar | Demo | hospedagem na web
Outros recursos recomendados
Vá além no uso de fontes personalizadas no WordPress, consultando também os links ou recursos recomendados abaixo.
- Como adicionar palavras-chave e meta descrições no WordPress
- Como adicionar uma tipografia impressionante, com Typekit
- 7 WordPress plugins para adicionar um controle deslizante para um blog
- 8 plugins do WordPress para adicionar um sistema de tradução em um blog
- Outros recursos:
- Lista de itens essenciais para começar um blog
- 14 WordPress Plugins Elementor pode substituir
- Elementor Pro Price 2023: qual plano é o mais lucrativo para você?
- Como criar e exibir pop-up por tag de postagem no WordPress
- Melhores complementos gratuitos do Elementor em 2023
- Como criar uma fonte personalizada para o seu blog WordPress
Conclusão
Então ! É isso para este tutorial sobre a melhor maneira de adicionar fontes personalizadas ao WordPress. Se você tiver sugestões ou comentários, eles serão bem-vindos.
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.
N'' não hesite em compartilhá-lo em seus diferentes redes sociais. Se você tem Comentários ou sugestões, não hesite em nos informar na seção reservada para eles.
...