{"id":5911,"date":"2022-01-30T19:14:13","date_gmt":"2022-01-30T19:14:13","guid":{"rendered":"https:\/\/outstandingthemes.com\/comment-utiliser-les-glyphicons-en-css-avec-et-sans-bootstrap\/"},"modified":"2024-11-21T14:52:16","modified_gmt":"2024-11-21T14:52:16","slug":"comment-utiliser-les-glyphicons-en-css-avec-et-sans-bootstrap","status":"publish","type":"post","link":"https:\/\/outstandingthemes.com\/fr\/comment-utiliser-les-glyphicons-en-css-avec-et-sans-bootstrap\/","title":{"rendered":"Comment utiliser les glyphicons en CSS avec et sans Bootstrap"},"content":{"rendered":"\n

Les projets web peuvent \u00eatre difficiles \u00e0 comprendre, surtout lorsqu’il n’y a pas d’ic\u00f4nes pour distinguer les commandes. C’est pourquoi les glyphicons ont une grande influence sur les sites web et ne doivent pas \u00eatre oubli\u00e9s. <\/p>\n\n

\n Aussi simple que cela puisse para\u00eetre, l’utilisation des glyphicons dans les feuilles de style en cascade (CSS) est une toute autre histoire. Avant de pouvoir \u00eatre utilis\u00e9s, les glyphicons doivent d’abord \u00eatre cod\u00e9s et test\u00e9s pour s’assurer qu’ils fonctionnent correctement. Nous avons pratiqu\u00e9 cela \u00e0 plusieurs reprises sur de nombreux sites, comme ici sur Marjoe.dk<\/a> \n<\/p>\n\n

\n Au cas o\u00f9 vous vous demanderiez comment l’utiliser en CSS, avec ou sans Bootstrap, nous avons inclus un petit guide pour vous permettre de vous y r\u00e9f\u00e9rer. Mais tout d’abord, essayons de mieux comprendre ce que sont les glyphicons. \n<\/p>\n\n

Les glyphicons et leurs applications<\/strong>\n<\/p>\n\n

\n Les glyphicons sont une collection de symboles graphiques, d’ic\u00f4nes et de polices de caract\u00e8res utilis\u00e9s dans les projets web. Les sites web et les logiciels sont les endroits les plus courants o\u00f9 vous les verrez et les utiliserez. Parmi les exemples de glyphicons, citons l’ic\u00f4ne d’accueil, l’ic\u00f4ne de profil, l’ic\u00f4ne de connexion et d’autres ic\u00f4nes de m\u00eame nature. \n<\/p>\n\n

\n Les glyphes fonctionnent de la m\u00eame mani\u00e8re que les documents hyperli\u00e9s, \u00e0 la seule diff\u00e9rence qu’ils sont repr\u00e9sent\u00e9s par des ic\u00f4nes plut\u00f4t que par des mots. Voici les utilisations les plus courantes des glyphicons, ainsi que les raisons pour lesquelles les mod\u00e9rateurs les emploient : \n<\/p>\n\n

1. Mieux comprendre le projet web<\/em><\/strong>\n<\/h2>\n\n

\n Les ic\u00f4nes graphiques sont utilis\u00e9es pour aider les individus \u00e0 identifier diff\u00e9rents sujets en leur donnant des rep\u00e8res visuels. C’est pr\u00e9cis\u00e9ment pour cette raison que les ic\u00f4nes de chaque plateforme sont identiques. Les gens se sentiront plus \u00e0 l’aise avec le projet et le comprendront mieux. \n<\/p>\n\n

2. Faciliter la navigation et la redirection.<\/em><\/strong>\n<\/h2>\n\n

\n Il est possible de naviguer plus facilement dans un projet web puisque les glyphicons contiennent des liens personnalis\u00e9s vers leurs identit\u00e9s respectives (par exemple, cliquer sur l’ic\u00f4ne Accueil redirigera les visiteurs vers la page d’accueil). Les internautes ne seront pas d\u00e9sorient\u00e9s lorsqu’ils essaieront de localiser une page sp\u00e9cifique de cette mani\u00e8re. En outre, la navigation d’un site web \u00e0 l’autre s’en trouve simplifi\u00e9e. \n<\/p>\n\n

3. Pour une apparence plus authentique et plus efficace<\/em><\/strong>\n<\/h2>\n\n

\n Non seulement les glyphes remplissent leur fonction, mais ils am\u00e9liorent \u00e9galement l’aspect g\u00e9n\u00e9ral d’un projet web. D’un point de vue technique, les ic\u00f4nes mettent un terme \u00e0 l’authenticit\u00e9 d’un site web ou d’un logiciel. \n<\/p>\n\n

4. Pour une identification plus facile<\/em><\/strong>\n<\/h2>\n\n

\n L’identification des fonctions de chaque commande peut \u00eatre difficile \u00e0 d\u00e9chiffrer s’il n’y a pas de symboles ou d’ic\u00f4nes pour vous aider. L’utilisation de graphiques tels que les glyphicons, par exemple, am\u00e9liore naturellement la clart\u00e9 et la reconnaissance des s\u00e9quences de commandes. Pour illustrer la page d’accueil, par exemple, au lieu d’entrer un long terme pour la d\u00e9crire, vous pouvez simplement en fournir une illustration. \n<\/p>\n\n

Comment utiliser les glyphicons en CSS avec Bootstrap<\/strong>\n<\/h2>\n\n

\n Bootstrap est le moyen le plus courant et le plus facile d’appliquer les glyphicons dans les projets web. Les Glyphicons Halfling Sets contiennent la plupart des ic\u00f4nes dont tout site web a besoin. Ainsi, l’utilisation de Bootstrap devient facile, car il vous suffit d’identifier les informations de classe dans votre HTML. \n<\/p>\n\n

Pour sp\u00e9cifier des ic\u00f4nes dans votre HTML, vous pouvez utiliser cette demande :<\/em>\n<\/p>\n\n

\n