{"id":5909,"date":"2022-01-30T19:14:13","date_gmt":"2022-01-30T19:14:13","guid":{"rendered":"https:\/\/outstandingthemes.com\/wie-man-glyphen-in-css-mit-und-ohne-bootstrap-verwendet\/"},"modified":"2024-11-21T14:52:01","modified_gmt":"2024-11-21T14:52:01","slug":"wie-man-glyphen-in-css-mit-und-ohne-bootstrap-verwendet","status":"publish","type":"post","link":"https:\/\/outstandingthemes.com\/de\/wie-man-glyphen-in-css-mit-und-ohne-bootstrap-verwendet\/","title":{"rendered":"Wie man Glyphen in CSS mit und ohne Bootstrap verwendet"},"content":{"rendered":"\n

Webprojekte k\u00f6nnen schwer zu verstehen sein, vor allem, wenn es keine Symbole zur Unterscheidung der Steuerelemente gibt. Aus diesem Grund sind Glyphen auf Websites sehr einflussreich und sollten nicht vergessen werden. <\/p>\n\n

\n So einfach es auch erscheinen mag, die Verwendung von Glyphicons in Cascading Style Sheets (CSS) ist eine ganz andere Geschichte. Bevor Glyphicons verwendet werden k\u00f6nnen, m\u00fcssen sie zun\u00e4chst kodiert und getestet werden, um sicherzustellen, dass sie korrekt funktionieren. Wir haben dies auf vielen Websites wie hier auf Marjoe.dk<\/a> mehrfach praktiziert \n<\/p>\n\n

\n F\u00fcr den Fall, dass Sie sich fragen, wie Sie sie in CSS verwenden k\u00f6nnen, sowohl mit als auch ohne Bootstrap, haben wir eine kurze Anleitung f\u00fcr Sie zusammengestellt. Doch zun\u00e4chst sollten Sie Glyphicons besser verstehen. \n<\/p>\n\n

Glyphicons und seine Anwendungen<\/strong>\n<\/p>\n\n

\n Die Glyphen sind eine Sammlung von grafischen Symbolen, Icons und Schriftarten, die in Webprojekten verwendet werden. Websites und Software sind die h\u00e4ufigsten Orte, an denen Sie sie sehen und verwenden werden. Einige Beispiele daf\u00fcr sind das Home-Symbol, das Profil-Symbol, das Login-Symbol und andere Symbole der gleichen Art. \n<\/p>\n\n

\n Die Glyphen funktionieren auf die gleiche Weise wie Hyperlinks in Dokumenten, mit dem einzigen Unterschied, dass sie aus Symbolen und nicht aus W\u00f6rtern bestehen. Hier finden Sie die typischsten Verwendungszwecke f\u00fcr Glyphen sowie die Gr\u00fcnde, warum Moderatoren sie verwenden: \n<\/p>\n\n

1. Um ein besseres Verst\u00e4ndnis f\u00fcr Webprojekte zu erlangen<\/em><\/strong>\n<\/h2>\n\n

\n Grafiksymbole werden verwendet, um Einzelpersonen dabei zu helfen, verschiedene Themen zu identifizieren, indem sie ihnen visuelle Hinweise geben. Genau aus diesem Grund sind die Symbole f\u00fcr jede Plattform identisch. Die Menschen werden sich mit dem Projekt wohler f\u00fchlen und es dadurch besser verstehen. \n<\/p>\n\n

2. Zur Erleichterung der Navigation und Weiterleitung.<\/em><\/strong>\n<\/h2>\n\n

\n Es ist m\u00f6glich, einfacher durch ein Webprojekt zu navigieren, da die Glyphen angepasste Links zu ihren jeweiligen Identit\u00e4ten enthalten (wenn Sie z.B. auf das Home-Symbol klicken, wird der Betrachter auf die Startseite weitergeleitet). Auf diese Weise verliert man nicht die Orientierung, wenn man versucht, eine bestimmte Seite zu finden. Au\u00dferdem ist es einfacher, von einer Website zur anderen zu navigieren. \n<\/p>\n\n

3. F\u00fcr einen authentischeren und wirkungsvolleren Auftritt<\/em><\/strong>\n<\/h2>\n\n

\n Glyphen erf\u00fcllen nicht nur die ihnen zugedachte Aufgabe, sondern verbessern auch das Gesamtbild eines Webprojekts. In einem technischen Sinne bringen Icons die Authentizit\u00e4t einer Website oder Software zum Abschluss. \n<\/p>\n\n

4. F\u00fcr eine leichtere Identifizierung<\/em><\/strong>\n<\/h2>\n\n

\n Die Funktionen der einzelnen Steuerelemente zu entziffern, kann schwierig sein, wenn es keine Symbole oder Icons gibt, die Ihnen helfen. Die Verwendung von Grafiken wie z.B. Glyphen verbessert nat\u00fcrlich die Klarheit und Erkennbarkeit von Befehlsfolgen. Zur Veranschaulichung der Startseite zum Beispiel k\u00f6nnen Sie statt eines langen Begriffs zu ihrer Beschreibung einfach eine Illustration der Seite einf\u00fcgen. \n<\/p>\n\n

Wie man Glyphen in CSS mit Bootstrap verwendet<\/strong>\n<\/h2>\n\n

\n Bootstrap ist die g\u00e4ngigste und einfachste Art, Glyphicons in Webprojekten einzusetzen. Die Glyphicons Halfling Sets enthalten die meisten Icons, die jede Website ben\u00f6tigt. So wird die Verwendung von Bootstrap m\u00fchelos, da Sie nur die Klasseninformationen in Ihrem HTML-Code angeben m\u00fcssen. \n<\/p>\n\n

Um Icons in Ihrem HTML-Code anzugeben, k\u00f6nnen Sie diese Anforderung verwenden:<\/em>\n<\/p>\n\n

\n