Eigene CSS- und JavaScript-Snippets

Nur im Pro-Paket. Custom CSS & JavaScript gehört nicht zum kostenlosen Plugin oder zur WordPress.org-Version. Es steht in der Baza-Helper-Gruppe „Entwickler“.

Der Tab Eigenes CSS & JavaScript (Baza Helper > Eigenes CSS & JavaScript) hält kleine Code-Stücke aus Ihrem Theme heraus, sodass ein Theme-Update sie nicht verliert.

Ein Snippet hinzufügen

1. Klicken Sie auf Snippet hinzufügen.
2. Geben Sie ihm einen Name und schalten Sie Snippet aktivieren ein. Ein neues Snippet ist ausgeschaltet, bis Sie es einschalten.
3. Wählen Sie den Code-Typ: CSS oder JavaScript. Für JavaScript wählen Sie außerdem die Ort, Head oder Footer.
4. Fügen Sie den Code ohne script- oder style-Tags ein, ohne HTML- oder PHP-Tags.
5. Klicken Sie in der Leiste auf Änderungen speichern (oder Strg+S, Cmd+S auf dem Mac). Ohne Änderung steht dort „Keine Änderungen zu speichern“. Änderungen werden nicht von selbst gespeichert.

Optionen

• Ausführen, wenn das DOM bereit ist umschließt das JavaScript, sodass es startet, wenn die Seite geparst ist.
• jQuery von WordPress laden fügt jQuery als Abhängigkeit hinzu.
• Zielgruppe: Alle, Gäste oder Angemeldete Benutzer.
• Priorität (niedrigere Werte laufen zuerst) legt die Reihenfolge zwischen Snippets fest.
• Notizen sind für Sie und werden nie auf der Website ausgegeben.

Der Editor ist der Code-Editor von WordPress mit Hervorhebung und Zeilennummern. Haben Sie die Syntaxhervorhebung in Ihrem Profil ausgeschaltet, bleibt ein einfaches Textfeld. CSS kommt in den Head. JavaScript kommt in den Head oder den Footer.

Anzeigeregeln

Öffnen Sie Anzeigen auf, um zu wählen, wo ein Snippet lädt: Gesamte Website, Startseite, Beiträge und Seiten oder Ausgewählte Seiten-/Beitrags-IDs mit einer Einschluss- oder Ausschlussliste. Ein Snippet für ausgewählte Seiten braucht mindestens eine ID.

Grenzen und Sicherheit

• Höchstens 50 Snippets, 64 KB pro Snippet und 512 KB insgesamt.
• Zum Speichern sind die Berechtigungen manage_options und unfiltered_html nötig. Code wird im Editor nie ausgeführt.
• Wurde ein Snippet in einer anderen Sitzung geändert, werden Sie vor dem Speichern gebeten, neu zu laden.
• Aktiviertes JavaScript läuft mit Zugriff auf die öffentliche Seite, verwenden Sie daher nur vertrauenswürdigen Code. Snippets ersetzen keine einwilligungsbasierte Analyse, nutzen Sie dafür „Analyse und Website-Verifizierung“.
• Das Löschen eines Snippets gilt nach dem Speichern.

Um sich von fehlerhaftem Code zu erholen, setzen Sie in der wp-config.php die Konstante BAZA_HELPER_DISABLE_CUSTOM_CODE auf true. Der Editor bleibt verfügbar. Die Action baza_helper_code_snippets_saved läuft nach dem Speichern.

Was der Editor ablehnt

Der Editor lehnt Code ab, der sich versteckt (verschleierten Code oder Code, der mit eval oder Function aus Text gebaut wird), Code, der andere Skripte, Frames oder Dateien nachlädt, Krypto-Miner, Weiterleitungen auf eine andere Website und Code, der Cookies, Speicher, Schlüssel oder Passwörter liest und Daten nach außen sendet. In CSS lehnt er @import, expression() und javascript:-Adressen ab. Ein abgelehntes Snippet wird nicht gespeichert, und die Meldung nennt, was gefunden wurde.

Gespeicherte Snippets sind signiert. Ändert etwas sie ohne diesen Editor in der Datenbank, läuft keines davon, und der Tab zeigt einen roten Hinweis, bis ein Administrator erneut speichert. Es gibt kein PHP, und im Admin läuft nichts. Seiten-Caches werden beim Speichern geleert. Ein externes CDN braucht eventuell eine eigene Leerung. Halten Sie das Tracking im Analytics-Werkzeug, das die Einwilligung beachtet.

In einer Multisite schränkt WordPress unfiltered HTML ein, daher können nur Benutzer Snippets lesen oder ändern, die sowohl manage_options als auch unfiltered_html haben.