P-TAGS Integration in WordPress

Einbindung der Skripts

Speziell die Einbindung der Skripts in die <head>-Tags unterscheidet sich bei einer WordPress-Seite. Nachfolgend ist Schritt für Schritt dokumentiert, wie die Integration funktioniert.

image-title-here

(1) Navigieren Sie zu den Plugins
(2) Suchen Sie in der Suchleiste nach “insert headers and footers”
(3) Wenn Sie das entsprechende Plugin gefunden haben, klicken Sie auf “Jetzt Installieren”

image-title-here

(4) Klicken Sie anschliessend auf “Aktivieren”

image-title-here (5) Navigieren Sie zu den Einstellungen
(6) Wählen Sie dort “Insert Headers and Footers”
(7) Fügen Sie nun folgenden Code hinzu:

    <script type="module" src="https://unpkg.com/p-tag_v1@latest/dist/p-tags/p-tags.esm.js"></script>
    <script nomodule="" src="https://unpkg.com/p-tag_v1@latest/dist/p-tags/p-tags.js"></script>

(8) Speichern Sie Ihre neuen Einstellungen

Verwendung der P-Tags

Nun können die P-Tags wie normale HMTL-Tags verwendet werden. Die Dokumentation für die Verwendung finden Sie hier.