de_DE.json als zentrale SVG-Icon Bibliothek nutzen

Nutzen Sie die de_DE.json Sprachdatei als Ablageort für SVG-Icons im Template. Der Beitrag zeigt Ihnen, wie Sie diese Icons aus dem Template laden und anzeigen

CMS Workbench Bludit Pico WordPress Smarty Twig Automad PHP
Wordpress 5

Wordpress 5 - Erstellen Sie einen Blog oder eine Website - Mit WordPress können Sie ohne Programmierkenntnisse ein Blog oder eine responsive Website erstellen. In diesem Buch lernen Sie alles, was erforderlich ist. Praxisszenarien für typische Einsatzzwecke unterstützen Sie. Der Rohling steht, nun folgt der Feinschliff - Mithilfe von SEO, Online-Marketing und gutem Content bringen Sie Ihr Projekt auf Kurs. (*

kaufen...
Inhaltsverzeichnis

    Einen praktischeren Einsatz für die Verwendung der Language-Datei de_DE.json ist die Nutzung als Icon-Bibliothek. Legen Sie beispielsweise eine Liste von SVG-Icons dort ab die Sie in Ihren Templates zentral nutzen möchten.

    001  {
    002      "theme-data":
    003      {
    004          "name": "Theme Name",
    005          "description": "Theme Beschreibung"
    006      },
    007      "icon_tags":"<svg...  ...</svg>",
    008      "icon_user":"<svg... ...</svg>",
    009      "icon_date":"<svg... ...</svg>",
    010      "icon_comments":"<svg... ...</svg>",
    011      "icon_share":"<svg... ...</svg>"
    012  }

    Binden Sie das SVG-Icon in Ihrem Template mit dem folgenden Aufruf ein:

    ...
    <?php $L->get('icon_tags'); ?>
    ...

    Einenen Großteil der SVG-Icons können Sie aus dem Bootstrap-CSS nutzen und vor dort die gewünschten SVG-Daten zusammentragen und in der de_DE.json sammeln bzw. einbinden.

    Hinweis: Der große Vorteil dieser Variante der Icon-Sammlung liegt darin, das Sie diese nicht als SVG, JPG oder PNG separat im Image-Verzeichnis IMG des Themes liegen haben müssen. Greifen Sie einfach über den Namen auf das Icon zu - ganz einfach. Zudem das $L-Objekt bereits geladen ist, muss es nicht mit global referenziert werden und Sie können die Methode get() sofort nutzen.


    SVG Icon json
    13.02.2022
    Oliver Lohse

    Es wurden noch keine Kommentare verfasst, sei der erste!

    Weitere passende Artikel

    _____

    Nutzen Sie die Plugin-DB db.php, um individuelle Daten Ihres Plugins zu speichern und lesen diese für die spätere Verarbeitung durch das CMS Bludit aus.
    Nutzen Sie die de_DE.json Sprachdatei im Theme für die Anzeige von CTA, Affiliate, Textbausteinen oder konstanten Inhalten im Bludit CMS oder Template.
    Legen Sie ein Array in der Sprachdatei de_DE.json des Templates an und greifen aus dem Template auf einzelne Key Value Paare zu um Affiliate Links zu erzeugen
    Wie können Sie Programm Kommentare in json Dateien und Files vornehmen? Gibt es einen Kommentar-Token oder einen anderen Trick um in json zu kommentieren?
    Laden Sie Themengebundene Logos und Bilder mit Hilfe der Helper Klasse Theme oder der Konstante DOMAIN_THEME des CMS Bludits. Das ist die bevorzugte Variante.
    Was ist die Bludit API und zu was kann sie verwendet werden. So rufen Sie Content aus dem CMS Bludit für die Darstellung in anderen Webseiten auf.
    GRAV CMS ist ein kostenloses Content Management System (kurz CMS), welches ohne Datenbank auskommt. Der Webinhalt wird in reinen ASCII-Files gespeichert.
    Mit diesem Trick legen Sie neue Datenbank-Felder in der JSON-Datenbank des WonderCMS vollkommen automatisiert an - mit nur einer Codezeile im WonderCMS Theme.
    WordPress Easy - Redaktion

    About me

    Mein Name ist Oliver Lohse. Ich bin diplomierter Wirtschafts-Informatiker und Organisations-Programmierer in verschiedenen Programmier-Sprachen und Markup-Dialekten, z.B. Java, JEE, COBOL, PHP, Python, MySQL, HTML, CSS, ANSI C, Lisp, Rexx, JavaScript, Scheme, ActionScript 2.0, Maschinensprache, Assembler und JCL. Seit mehr als 24 Jahren arbeite ich als Entwickler in einem großen Softwareunternehmen für Versicherungen in Hannover Niedersachsen und seit etwa 37 Jahren im EDV-Sektor mit wechselnden Aufgaben.