Installez Google Fonts dans WordPress, c'est un bon moyen de améliorer la conception de votre site Web et rendre le contenu plus lisible. Dans ce tutoriel, nous vous expliquons comment.
Qu'est-ce que Google Fonts?
Google Fonts est un service de Google qui, depuis 2010, est en charge de faciliter l'accès à un bon nombre de polices Web (plus de huit cents polices) gratuitement.
Qu'est-ce que c'est que les polices Web?
La typographie d'un site Web fait référence à:
- Les lettres (a, b, c, d, e ...)
- Les chiffres (1, 2, 3, 4, 5, 6, 7, 8, 9, 0)
- Et les caractères spéciaux (@, #, €, &, =, ¿, * ...)
Qui font partie de contenu sous forme de texte sur une page. Ces articles lorsqu'ils appartiennent à la même famille, ou à la même type de police, avoir une relation étroite et correspondance esthétique.
Au début, la typographie dépendait exclusivement de la le navigateur (navigateur Web). De telle manière que les designers et webmasters ils ne pouvaient pas influencer dans la choix de la police.
C'est pourquoi la plupart des textes sur les pages Web ont été affichés dans:
- Times New Roman
- Arial
- Géorgie
- Garamond.
Et certains internautes ayant une bonne mémoire se souviendront même des textes de certains sites Web Comic Sans (oui, l'ennemi du designers).
De telle manière que dans ces années, le options ils étaient limités.
Parce que pour qu'une police ou une police soit déployé dans le navigateur il devait être installé sur l'ordinateur.
CSS2 apparaît
Avec l'arrivée de CSS2 la gamme d'options a été ouverte. Navigateurs Web autorisés par CSS2 télécharger des polices dans le navigateur. Éliminant ainsi la condition préalable de:
Une police ou une police ne s'affiche dans le navigateur que lorsqu'elle est déjà installée sur l'ordinateur.
Pourquoi installer Google Fonts dans WordPress
Dans certains cas, le apparence générale d'un site Web dépend en grande partie de la typographie.
Aussi incroyable que cela puisse paraître. Au-delà des autres éléments de conception qui sont importants. Dans certains cas spécifiques, comme sur les sites Web où la majeure partie du contenu est consommée via le texte, la typographie peut faire de vrais miracles.
De telle manière qu'avec Google Fonts nous pouvons nous rapprocher de cette conception que nous avons dans notre tête. Et que malgré le fait d'avoir tourné mille fois avec lui constructeur de page, à ce jour, nous n'avons pas encore pu nous rapprocher.
Une source appropriée en même temps peut améliorer la lisibilité de nos textes. Cela augmente la rétention et améliore nos chiffres pour Google et le SEO.
Comment installer Google Fonts dans WordPress
Pour installer Google Fonts ou une police hébergée sur ce service, il existe de nombreuses méthodes.
Mais avant d'installer une police Web via Google Fonts Vous devez choisir une police qui fait briller vos textes. En d'autres termes, une police attrayante et facile à lire.
Une fois la police choisie, nous nous mettons au travail.
1. Installation de Google Fonts sans plugins ni outils
Une fois que nous avons choisi notre police dans Google Fonts, nous copions le code Web de cette police.
Nous travaillerons avec Raleway. Et voici votre code:
Donc, dans notre tableau de bord WordPress, nous suivons l'itinéraire suivant:
Apparence> Editeur> En-tête *
* Le nom de notre entête ou l'en-tête dans l'éditeur peut varier en fonction du sujet.
Avertissement:
N'oubliez pas que modifier le code de notre installation WordPress peut être nuisible. Avant de modifier quelque chose, souvenez-vous créer une sauvegarde.
Nous copions donc le code source de Google Fonts et nous le collons entre le Étiquettes: y
Ici, vous collez le code de la police Google FontsVous gardez changements et presque terminé.
Il ne vous reste plus qu'à invoquer le police que vous venez d'installer.
Pour ce faire, suivez l'itinéraire suivant:
Apparence> Personnaliser> CSS supplémentaire
Collez le code suivant:
html * {font-family: 'Raleway'! important; }
N'oubliez pas que le nom du famille de polices Cela variera en fonction du type de police que vous installez.
Vous gardez changements et voila.
Nous avons déjà une nouvelle police installée via Google Fonts.
2. Installation de Google Fonts à l'aide de plugins
Le moyen le plus simple d'installer des polices Google Fonts Dans WordPress (et dans certains cas le plus recommandé), utilise des plugins.
Dans cette section, les options sont variées car il existe d'innombrables plugins chargés d'importer les sources depuis Google Fonts sur votre site Web WordPress.
L'un des plus utilisés est Polices Google faciles.
Bien que les autres plugins utilisent le même principe.
- Vous installez le plugin
- Vous suivez le chemin suivant: Apparence> Personnaliser
- Un apparaîtra option typographie
- Sélectionner la source comme vous le souhaitez.
- Enregistrez les modifications et le tour est joué.
Maintenant, vous avez des polices personnalisées via Google Fonts sur votre site Web WordPress.
Avez-vous aimé le tutoriel?
Voulez-vous continuer à apprendre sur WordPress?
Eh bien, vous avez de la chance.
Si vous voulez être un expert dans le développement web et tout ce qui concerne le monde de WordPress s'inscrire pour meilleur cours en ligne en espagnol du meilleur gestionnaire de contenu: WordPress.org
