Comment ajouter des polices Google à WordPress? Quatre façons simples!

Voulez – vous personnaliser la typographie du site? Tu es au bon endroit. Dans ce guide, nous allons progressivement vous montrer plusieurs façons d’ajouter des polices Google au site WordPress. Par défaut, les thèmes WordPress contiennent des caractères spécifiques qui apparaissent en première ligne lorsque vous publiez du contenu. Cependant, parfois, vous voudrez peut – être utiliser une police personnalisée sur votre site Web pour qu’elle corresponde parfaitement à votre marque. C’est pourquoi nous allons vous montrer aujourd’hui comment inclure les polices Google sur votre site! Pourquoi ajouter des polices Google à WordPress? Les polices que vous utilisez ont une grande influence sur votre site. D’une part, cela affecte la conception et l’apparence du site. Le rôle est l’une des premières choses que les visiteurs voient lorsqu’ils visitent votre site Web, de sorte qu’il doit correspondre à votre style d’entreprise. D’autre part, il a également un impact sur l’expérience utilisateur. Par exemple, si les polices sont difficiles à lire, vos visiteurs auront du mal à trouver ce qu’ils veulent et quitteront votre site Web. Par conséquent, avoir le bon rôle peut améliorer non seulement l’apparence du site, mais aussi l’expérience utilisateur.
C’est pourquoi nous recommandons fortement l’utilisation de polices intuitives pour communiquer la nature de l’entreprise. Adobe offre une variété de services de police, tels que typekit et friconix. La meilleure solution, cependant, est Google font, un service gratuit avec des milliers de séries de polices qui peuvent être intégrées à votre site. Le meilleur, c’est que l’ajout de polices Google à WordPress est très simple et ne prend que 5 minutes. Il existe de nombreuses façons de le faire. Comment ajouter des polices Google à un site WordPress il y a plusieurs façons d’inclure des polices Google dans WordPress:
Utilisez le plug – in pour modifier la fonctionnalité du fichier. Style PHP. CSS Edit header file. Toutes ces options PHP font le travail, donc scegl
Je suis la meilleure personne pour vos compétences et vos besoins. Avant d’examiner attentivement ces méthodes, vous devriez vérifier si votre sujet est intégré aux polices Google. Vérifiez l’intégration des polices Google la plupart des thèmes WordPress ont des panneaux thématiques dédiés. De là, les utilisateurs peuvent personnaliser l’ensemble du sujet sans écrire de code. Certains sujets, comme generatepress, ont un support intégré pour les polices Google. Cela signifie que vous n’avez pas besoin d’un plug – in ou d’un code personnalisé pour intégrer des caractères. Cela permet d’économiser du temps et de simplifier les choses.
Si vous utilisez Google font pour intégrer les thèmes inclus, vous pouvez modifier la typographie du site à partir du panneau de thème ou des personnalisations WordPress. Par conséquent, avant de commencer à inclure des polices Google dans votre site, nous vous recommandons de vérifier si votre sujet contient déjà des polices Google. Regardons maintenant chacune des façons d’ajouter des polices Google au site WordPress. 1) l’une des façons les plus simples d’ajouter des polices Google à WordPress en utilisant le plugin est d’utiliser le plugin. L’une des meilleures méthodes est la typographie Google. Il s’agit d’un outil gratuit pour vous aider à inclure des polices Google dans votre site sans avoir à écrire une seule ligne de code.
Tout d’abord, installez et activez le plug – in sur votre site Web. Ensuite, allez au plug – in et vérifiez les paramètres du plug – in. Lorsque vous cliquez dessus, vous serez redirigé vers les personnalisations WordPress. De là, vous pouvez contrôler la typographie du site. Vous verrez quatre configurations principales: Basic settings Advanced settings Load role debugging regardons ce que Basic et Advanced settings offrent. Paramètres de base À partir de la section typographie de base, vous pouvez sélectionner la série carats
Ri par défaut pour le corps, le titre et les champs d’entrée. Dans le menu déroulant sous chaque section famille de polices, vous pouvez choisir parmi des centaines de polices Google. Si vous connaissez la police souhaitée, tapez – la simplement en utilisant la fonction de recherche. Dans ce tutoriel, nous utiliserons la police work sans. Lorsque vous sélectionnez une police dans le menu déroulant, les modifications sont immédiatement reflétées et vous verrez un aperçu en direct de l’utilisation de la nouvelle police. Vous pouvez également spécifier un style de police personnalisé et une épaisseur. Une fois terminé, publier les modifications. Dans les paramètres avancés, vous pouvez sélectionner une famille de polices pour la marque, la navigation, le contenu, la barre latérale et le pied de page. C’est une bonne fonctionnalité si vous prévoyez utiliser différentes polices dans différentes parties du site. Publier les modifications après avoir sélectionné un rôle dans la liste déroulante. La version gratuite de Google font comprend des fonctionnalités limitées, mais il y a aussi une version Premium qui commence à 29 $pour un site Web. Cette version pro vous aidera à configurer la taille de police, la couleur, l’optimisation et les éléments personnalisés. Si vous voulez contrôler toutes les options typographiques, c’est un bon choix. D’autre part, si vous ne voulez pas dépenser de l’argent pour cela, vous pouvez utiliser certains css pour effectuer ces changements.
Modifier la fonction de fichier. Une autre option de PHP pour ajouter des polices Google à un site WordPress est d’éditer un fichier de fonctions. Php. Assurez – vous d’utiliser le Sous – thème avant de continuer avec cette méthode. Si vous ne savez pas comment le faire, vous pouvez lire comment créer un sous – thème ou utiliser un plug – in de sous – thème. Pour cette méthode, vous pouvez modifier directement le fichier de fonction. Php ou plug – in. Si vous êtes un débutant, nous vous recommandons d’ajouter du code personnalisé à votre site en utilisant le plug – in de fragment de code
– Oui. Dans ce guide, nous utiliserons des fragments de code. Remarque: il est important de noter que si vous utilisez des fragments de code, vous n’avez pas besoin de créer des sous – thèmes. Cependant, nous vous recommandons toujours d’en avoir un.
Donc, changez la fonction. Php utilise un fragment de code pour installer et activer d’abord le plug – in. Ensuite, allez aux paramètres du plug – in. De là, vous pouvez ajouter un nouveau fragment de code au site. Dans le nouvel onglet, ouvrez les polices Google et sélectionnez la famille de polices à utiliser sur le site. Vous pouvez utiliser la fonction de recherche de polices sur le site Web ou simplement parcourir. Dans notre cas, nous utiliserons la série lato. Lorsque vous sélectionnez un rôle, vous allez à la page rôles. Vous verrez les options d’aperçu où vous pouvez tester les polices avant de les ajouter au site. Ensuite, sélectionnez le style à utiliser. Par exemple, nous choisissons des styles réguliers et gras. Vous pouvez voir vos sélections dans le panneau de droite. Après avoir ajouté des styles, vous pouvez les intégrer dans WordPress. Pour ce faire, copiez le lien famille de caractères de l’onglet intégration. Maintenant, copiez le fragment de code suivant et collez – le dans le plug – in du fragment de code. Assurez – vous que l’URL de police est remplacée par le caractère sélectionné. Ensuite, sauvegardez le fragment de code et activez – le. Vous avez ajouté avec succès des polices Google au site WordPress! Si vous ne voulez pas utiliser le plug – in pour cette tâche, il suffit de coller le code ci – dessus dans le fichier de fonction. Utilisez le client FTP pour créer PHP pour le Sous – thème. Appliquer de nouveaux caractères ensuite, vous pouvez appliquer de nouveaux caractères en utilisant un peu de CSS. Par exemple, pour modifier la police du corps, vous pouvez ajouter le code suivant à la section CSS supplémentaire de votre programme personnalisé. Carrosserie
Série de polices: \
} Après avoir publié les modifications, vous verrez
Prenons par exemple les caractéristiques du corps. Puisque vous utilisez un programme personnalisé, vous verrez les changements dans la section aperçu immédiatement. Si vous devez modifier un autre élément du site, vous devez modifier le code ci – dessus et spécifier les éléments et les familles de polices à modifier. Par exemple, si vous changez tous les titres H3 en nouveaux caractères, écrivez ce qui suit: H3 {
Série de polices: \
De cette façon, vous pouvez ajouter une gamme illimitée de polices Google et personnaliser votre site WordPress. Style personnalisé. CSS (@ import) Une autre façon d’ajouter des polices Google à WordPress est via des styles de fichiers. CSS. Cette fois, vous changerez de style au lieu d’utiliser le Code PHP. Ajouter un css pour le site Web de la nouvelle famille de polices. Tout d’abord, allez sur Google font et sélectionnez la police que vous souhaitez utiliser sur le site. Dans la section intégration, sélectionnez @ mode d’importation. Maintenant que vous ajoutez des polices au site, le panneau affiche un code CSS unique. Il suffit de copier le Code et de le coller dans un autre CSS dans le tableau de bord WordPress. Ensuite, appuyez sur le bouton publier. Appliquer de nouveaux caractères ensuite, vous pouvez décider où appliquer de nouveaux caractères. Par exemple, nous avons sélectionné la police kufam en italique, donc pour changer la police du corps, utilisez le code CSS suivant: body
Série de caractères: \
} comme vous pouvez le voir, la section aperçu en direct met automatiquement à jour et affiche les modifications. De même, si vous voulez appliquer la nouvelle police à tous les en – têtes H2, le Code que vous devez utiliser est: h2 {
Série de caractères: \
} c’est une autre méthode très simple que les débutants peuvent également utiliser. Tu n’as pas besoin de plugins. Modifier le fichier d’en – tête. La quatrième façon pour PHP d’ajouter des polices Google à t
Caractères sur le serveur local. Dans ce cas, vous n’avez pas besoin d’envoyer une demande externe supplémentaire. Cependant, gardez à l’esprit que cela peut nécessiter des ressources du serveur. Activer le précharge dns la plupart des plug – ins de cache WordPress ont une fonctionnalité appelée précharge dns. L’idée est que lorsque vous envoyez une demande http externe, votre site Web devient plus lent. Pour résoudre ce problème, vous pouvez utiliser la fonction de précharge DNS, qui vous permet d’entrer une URL externe qui peut être récupérée pour réduire les requêtes externes. Voici un exemple de la Section de présélection DNS du plug – in WP Rocket. Tout ce que nous avons à faire est de taper le champ Google font dans la section URL pour précharger et enregistrer les modifications. Limiter les poids de police les polices personnalisées importantes peuvent utiliser des poids de police. Il existe de nombreuses options d’épaisseur de police, telles que Skinny Extra Light Regulator Media semi – Bold extra bold bold bold bold Bold Black En général, les sites Web utilisent des polices ordinaires en gras et en gras comme titres. Par conséquent, lorsque vous sélectionnez un style, sélectionnez seulement le style que vous souhaitez utiliser. Sinon, l’ajout de poids supplémentaires aux serveurs inutilisés augmentera les requêtes http. En résumé, si vous ajoutez des polices Google à WordPress, vous serez en mesure de personnaliser la typographie de votre site. Non seulement votre site sera – t – il meilleur, mais il offrira également une meilleure expérience à vos clients. Nous avons vu plusieurs façons de le faire: utiliser des plug – ins via des fonctions de fichier. Style PHP. CSS Edit header file. Php, quelle méthode devriez – vous utiliser? Tout le monde fera le travail, donc ça dépend de vos compétences et de vos préférences. Si vous n’êtes pas satisfait de l’encodage, une méthode plug – in est recommandée. La typographie Google font est très facile à utiliser et sera un excellent ajout à votre site. Titavi