Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


WordPress

Temps d’accès

9 mars 2021

Hourglass_Empty

person_outline

Domantas G.

Il existe des tonnes de façons de rendre votre site WordPress plus attrayant. L’un d’eux consiste à ajouter des polices personnalisées à votre site Web WordPress.

Cependant, le choix des polices WordPress peut être limité et soumis à un thème. Cet article vous montre comment ajouter des polices personnalisées à WordPress à la fois manuellement et à l’aide de plugins.

Où puis-je télécharger des polices pour WordPress?

Il existe de nombreux sites Web sur lesquels vous pouvez trouver des polices Web gratuites, et Écureuil de police Est l’un d’eux. Vous pouvez facilement trouver des polices gratuites sous licence pour un travail commercial. Par ailleurs, Google Fonts a plus de 900 familles de polices et Polices Web Edge, propose une vaste collection de polices Web d’Adobe.

Si vous recherchez quelque chose de mieux pour un usage personnel, consultez des sites Web tels que Fonts.com, DaFont, et 1001 polices gratuites.

Conversion de polices dans un format convivial pour le Web

Il convient de noter que tous les navigateurs Web ne prennent pas en charge toutes les polices personnalisées. Même si la police que vous choisissez n’est pas prise en charge, vous pouvez toujours la convertir dans un format compatible.

Avant de convertir des polices d’un format à un autre, examinons rapidement différents formats de police:

  • Polices de caractères ouvertes (OTF) – les polices Web les plus couramment utilisées et sont une marque déposée de Microsoft. Ce format fonctionne bien avec presque tous les navigateurs courants.
  • Polices True Type (TTF) – Développé par Microsoft et Apple en 1980. Largement utilisé pour Windows et MacOS.
  • Format de police Web ouvert (WOFF) – Format largement utilisé pour les sites Web et recommandé par le World Wide Web Consortium (W3C).
  • WOFF 2.0 – comme une meilleure option que WOFF 1.0 grâce à de meilleures capacités de compression. Ce format n’est pas pris en charge par Safari et Internet Explorer, mais fonctionne bien avec Google Chrome, Firefox ou Opera.
  • Polices OpenType intégrées (EOF) – des polices OTF plus compactes utilisées comme polices intégrées sur les pages Web. Tous les navigateurs courants prennent en charge EOF.

Si vous n’êtes pas sûr que votre police soit compatible avec votre navigateur par défaut, utilisez le Générateur de polices Web. Vous pouvez facilement convertir presque toutes les polices dans un format Web avec cet outil:

  1. Aller à Générateur de polices Web.
  2. appuyez sur la Télécharger des polices Cliquez sur le bouton et choisissez une police que vous souhaitez convertir.
  3. Cochez la case dans le approbation Cette section indique que vos polices sont éligibles pour l’intégration Web.
  4. appuyez sur la Téléchargez votre kit Bouton et enregistrez le Code postal Archivez sur votre ordinateur.
    Convertissez les polices en un format convivial pour le Web avec Webfont Generator
  5. Dans l’archive, vous trouverez des polices dans WOFF et WOFF 2.0 Formater avec Fichiers CSS et démo Page HTML.

Comment ajouter des polices personnalisées à WordPress?

Voici comment ajouter des polices personnalisées à WordPress en les ajoutant manuellement ou en utilisant des plugins.

Ajouter manuellement des polices à WordPress

Si vous ne souhaitez pas surcharger votre WordPress avec des plugins, vous pouvez ajouter manuellement des polices à votre site Web. Vous devrez télécharger votre police sur votre compte d’hébergement et modifier le fichier CSS de votre thème.

  1. Téléchargez la police que vous souhaitez utiliser sur votre ordinateur et extrayez le Code postal L’archivage est nécessaire.
  2. Téléchargez votre fichier de police sur wp-content / topics / your-topic / fonts Annuaire. Créez un Polices Dossier si vous n’en avez pas déjà un. Vous pouvez utiliser un client FTP comme FileZilla ou Hostinger Gestionnaire de fichiers pour cette tâche. Dans notre exemple, nous avons téléchargé AquafinaScript-Regular.ttf Police avec le gestionnaire de fichiers dans hPanel.
    Téléchargement manuel des polices à l'aide du gestionnaire de fichiers Hostinger
  3. Accédez à la zone d’administration de WordPress. Ensuite aller à Apparence -> thème éditeur. Vous serez présenté avec le style.css Déposer. Faites défiler vers le bas et ajoutez le code suivant.
    @font-face { 
    font-family: Aguafina Script-Regular; 
    src: url(http://test-site.com/wp-content/themes/twentynineteen/fonts/AguafinaScript-Regular.ttf); 
    font-weight: normal; 
    }

    N’oubliez pas de changer Famille de polices et URL Des valeurs qui correspondent à votre police.

    Mettez à jour le fichier style.css à l'aide de l'éditeur de thème de WordPress

  4. appuyez sur la Fichier de mise à jour Bouton pour enregistrer vos modifications.

Souviens-toi que visage Le code charge la police chaque fois qu’un visiteur visite votre site Web. Cependant, la police n’est pas encore appliquée à un élément.

Pour attribuer la police à un élément particulier, vous devez modifier le même style.css Déposer. Par exemple, le code suivant s’appliquerait Police Aguafina Police pour le titre de notre site Web.

.site-title { 
font-family: "Aguafina Script-Regular", Arial, sans-serif; 
}

Voici la ligne du bas:

Exemple de police Aguafina Script dans WordPress

Comment ajouter des polices dans WordPress à l’aide de plugins

L’utilisation de plugins est probablement le moyen le plus simple pour cette tâche. Voici quelques-unes des options les plus populaires:

Polices WP Google

WP Google Fonts vous donne la liberté d’utiliser des polices personnalisées et de les appliquer à des éléments CSS spécifiques.

Installez le plugin WP Google Fonts depuis WordPress Répertoire des plugins et ouvrez le Panneau de configuration des polices Google via votre tableau de bord WordPress. Ici, vous pouvez sélectionner des polices et modifier divers paramètres tels que le style de police, les éléments attribués, etc.

Utilisation du plugin WP Google Fonts

Polices google simples

Easy Google Fonts vous permet d’utiliser n’importe quel thème et de prévisualiser n’importe quelle police en temps réel. Il est également facile à utiliser car aucune compétence en programmation n’est requise.

Une fois que vous avez installé et activé le plugin, vous pouvez modifier et gérer les paramètres de police en accédant à Paramètres -> Google Fonts. Si vous souhaitez personnaliser instantanément la typographie de votre sujet, saisissez la vôtre Personnalisateur WordPress Lorsque vous cliquez sur Apparence -> Personnaliser. Vous pouvez maintenant commencer la personnalisation dans le typographie Section où vous pouvez gérer les polices sur n’importe quelle partie de votre site Web.

Utilisez n’importe quelle police

Use Any Font est un autre excellent plugin qui vous permet d’ajouter plusieurs polices à votre site Web WordPress. Une fois installé, créez une clé API gratuite et appuyez sur le bouton Vérifier Bouton.

Une fois la vérification terminée, vous pouvez télécharger des polices sur TTF, OTF, et WOFF Formats. Vous pouvez également attribuer des polices à des éléments personnalisés en utilisant une police différente.

Utilisation du plugin

Conclusion

Vous avez appris à télécharger des polices et à les convertir dans un format Web. Vous avez également découvert deux façons d’ajouter des polices personnalisées à WordPress. Quelles que soient les polices que vous choisissez, assurez-vous qu’elles correspondent au thème et au style de votre site Web.

Si vous avez des questions sur l’ajout de polices à WordPress, partagez vos réflexions dans la section commentaires ci-dessous!



Source link

Recent Posts