Dokumentation WordPressFür WordPress-Entwickler

Für WordPress-Entwickler

Ergänze ein transjt-Theme mit custom.css und custom.js um dein eigenes CSS und JavaScript. Beide Dateien bleiben erhalten, wenn du erneut exportierst.

Wohin deine Änderungen gehören

Jedes transjt-Theme bringt zwei Dateien mit, die für deinen eigenen Code reserviert sind:

custom.css für Styles
custom.js für Skripte

Sie werden nach allem geladen, was transjt generiert, sodass sich deine Regeln in den meisten Fällen durchsetzen.

Sicher beim erneuten Export. Wenn du dein Projekt erneut exportierst, lässt transjt custom.css und custom.js unverändert. Generierte Templates und Blöcke können ersetzt werden, also gehören deine Anpassungen in diese beiden Dateien und nicht in die generierten.

Die Dateien finden

Der Theme-Ordner trägt den Namen deines Projekts in transjt. Die Dateien liegen hier:

wp-content/themes/<your-project>/assets/css/custom.css
wp-content/themes/<your-project>/assets/js/custom.js

Option 1: in WordPress bearbeiten

Geh zu Appearance > Theme File Editor.
Wähle oben rechts im Dropdown dein transjt-Theme aus.
Öffne assets/css/custom.css oder assets/js/custom.js in der Dateiliste, füge deinen Code hinzu und klicke auf Update File.

Kein Theme File Editor? Dann hat dein Hoster oder ein Sicherheits-Plugin ihn abgeschaltet. Nutze Option 2.

Option 2: per SFTP oder im Dateimanager deines Hosters bearbeiten

Verbinde dich per SFTP mit deinem Server oder öffne den Dateimanager deines Hosters.
Geh zu wp-content/themes/<your-project>/assets/.
Bearbeite css/custom.css oder js/custom.js und speichere.

Leere danach den Cache deines Caching-Plugins oder CDNs, damit die Änderung sichtbar wird.

Beispiel: einen Block anpassen

Untersuche das Element in deinem Browser, um die Klasse des Blocks zu finden, den du ändern willst, und sprich sie dann in custom.css an:

/* Example: more space above the footer */
.site-footer { margin-top: 4rem; }

Der Klassenname oben ist nur ein Beispiel. Verwende die Klasse, die du in deinem eigenen Theme findest.

Empfehlungen

Halte alle Anpassungen in custom.css und custom.js. Änderungen an generierten Dateien können beim erneuten Export verloren gehen.
Beschränke deine Regeln auf eine Block-Klasse, damit sie keine anderen Teile der Website beeinflussen.
Teste zuerst auf einer Staging-Website, wenn du eine hast.