Das Schreiben von PHP, CSS und HTML5 zum Ändern einer WordPress-Site kann ziemlich frustrierend sein, aber eine gute Anleitung kann es einfacher machen. Dies ist nicht dieser Leitfaden. Hier geht es nur darum, wie Sie den Code zu Ihrer Website hinzufügen, wenn er bereits fertig ist. Aber keine Sorge – das ist genauso wichtig. Da es mehrere Möglichkeiten gibt, ist es hilfreich, die Unterschiede zwischen den verschiedenen Optionen zu kennen. Aber zuerst zwei Warnungen:
- Bevor Sie etwas ändern, sichern Sie es. Sichern Sie Ihre Arbeit während des gesamten Prozesses. Es ist auch hilfreich, eine separate Datei zu haben, in die verworfene oder bald verwendete Codeschnipsel eingefügt werden können.
- Wenn du das Theme einer anderen Person installiert hast, füge niemals Code zu deinem Theme hinzu Funktionen.php oder style.css Dateien. Wenn Sie dies tun, wird all Ihre harte Arbeit gelöscht, wenn das Thema aktualisiert wird.
Im weiteren Verlauf dieses Artikels werde ich einige Alternativen untersuchen, die von den einfachsten bis zu den komplexesten geordnet sind.
WordPress-Plugins
Genauso wie es mehrere Arten von Codeänderungen gibt, gibt es mehrere Arten von benutzerdefinierten Code-Plugins. Die 2 gängigsten Typen sind PHP und CSS. Wie Sie vielleicht wissen, regelt PHP die Architektur und Funktion von WordPress. Wenn Sie also versuchen, die Kernfunktionen Ihrer Website zu ändern, eine Funktion hinzuzufügen oder zu ändern, es gibt viele PHP-Plugins zum Download Ihnen dabei zu helfen.
Ebenso wissen Sie wahrscheinlich auch, was CSS tut – es verschönert die Dinge. Und wenn das alles ist, was Sie ändern möchten, a Benutzerdefiniertes CSS-Plug-in wird Ihnen dies mit minimalem Aufwand ermöglichen. Im Hintergrund lauert JavaScript, das eine komplexe Beziehung zu Plugins hat. Zur Verdeutlichung, es ist ein bisschen anders, es funktioniert perfekt, wenn Sie es in die Kopfzeile, die Fußzeile oder ein untergeordnetes Thema einfügen – aber um es in einem Beitrag zu verwenden, müssen Sie ein spezielles Plugin verwenden. Etwas wie CSS- und Javascript-Toolbox sollte den Trick machen. Als Randnotiz, aus Gründen der Geschwindigkeit Ihrer Seite ist es besser, sie in der Fußzeile zu platzieren.
Eigene Plugins schreiben
Es gibt eine Menge WordPress-Code-Snippets im Internet, um bestimmte Funktionen zu ändern, zu deaktivieren oder zu modifizieren. Für die Funktionalität ist es jedoch entscheidend zu wissen, wo sie platziert werden. Wenn Sie beispielsweise ein Snippet haben, das die Funktion eines Plugins modifiziert, möchten Sie, dass es unabhängig vom aktivierten Thema funktioniert. Dasselbe gilt für Snippets, die sich mit Site-weiten Änderungen befassen. In beiden Fällen kann es also eine gute Idee sein, ein neues Plugin für sie zu erstellen. Keine Sorge, es ist nicht so einschüchternd wie es aussieht.
Einer der Hauptvorteile der Erstellung eines Plugins besteht darin, dass Sie das Plugin bei Bedarf aktivieren oder deaktivieren können. Es ermöglicht auch die Anzeige von Kontextinformationen über das Plugin auf Plugin-Seiten. Der einzige große Nachteil ist, dass es von jedem anderen, der die Site ändern darf, versehentlich deaktiviert werden kann, aber eine ernste Warnung an sie sollte in der Lage sein, dies zu verhindern.
Als Randnotiz können Sie auch einen Ordner namens . erstellen Mu-Plugins in deinem wp-inhalt Mappe. Dort eingefügte PHP-Dateien werden immer ausgeführt und können nicht aktiviert oder deaktiviert werden. Dadurch wird benutzerdefinierter Code von Theme- und Plugin-Ordnern ferngehalten. Aber tun Sie dies nur mit Plugins, die Sie immer bequem im Hintergrund ausführen können.
Benutzerdefinierte CSS-Dateien
Wenn die Änderungen, die Sie planen, geringfügig sind, können Sie eine custom-style.css Datei. Wenn Sie Ihre Änderungen in der Vorschau anzeigen möchten, bevor Sie sie vornehmen, können Sie jederzeit verwenden DevTools wenn Sie Chrome oder eine ähnliche Anwendung ausführen. Eine andere Möglichkeit besteht darin, benutzerdefiniertes CSS über Ihr WordPress-Theme hinzuzufügen. Einige Premium-Themes, wie unsere Gesamtrahmen, fügen Sie eine Design-Panel-Option hinzu, um benutzerdefiniertes CSS hinzuzufügen, wo Sie es leicht finden und optimieren können. Wenn Sie Ihr Design aktualisieren, sollten Ihre Design-Panel-Einstellungen unverändert bleiben – damit Ihr benutzerdefiniertes CSS intakt bleibt.
Denken Sie daran, dass CSS in umgekehrter Reihenfolge kaskadiert, d. h. Regeln, die später erscheinen, haben immer Vorrang vor Regeln, die früher erscheinen. Jedes CSS, das auf ein separates Blatt angewendet wird, überschreibt also den Standardcode der Seite. Das gilt auch für CSS, das in…
WordPress Child-Themes
Für Uneingeweihte erbt ein Child-Theme die Funktionalität eines anderen Themes, sodass Sie Ihr Design nach Belieben ändern können (in unserem WordPress-Guide für Child-Themes erfahren Sie alles, was Sie wissen möchten). Sie wurden für den speziellen Zweck entwickelt, Ihnen die Möglichkeit zu geben, ein Thema zu ändern, ohne Ihre Änderungen beim Aktualisieren zu verlieren. Untergeordnete Themen spiegeln alle Änderungen wider, die Sie am äußeren oder „übergeordneten“ Thema vornehmen. Wie beim Anwenden eines Photoshop-Ebeneneffekts bearbeiten Sie den Inhalt also nicht wirklich; Sie können es jederzeit entfernen, um die Dinge wieder in den ursprünglichen Zustand zu versetzen.
Das Erstellen eines Child-Themes, wenn Sie Ihren Code ändern möchten, erspart Ihnen eine Menge Kopfschmerzen und es ist ziemlich einfach (wie WordPress-Änderungen gehen). Greifen Sie einfach per FTP auf Ihre Site zu und erstellen Sie einen Ordner, dann erstellen Sie einen style.css Datei, die diesem Ordner entspricht. Es ist gängige Praxis, es zu benennen Thema-Name-Kind. Danach brauchen Sie nur noch eine Zeile in Ihrem neuen style.css‘s-Header, um die Vorlage zu definieren. Aber es gibt auch ein paar Sachen, die es helfen kann – die auf der zu finden sind WordPress-Codex-Seite.
Nehmen Sie als Nächstes alle erforderlichen Änderungen am aktuellen Thema unter dem vor @importieren Linie. Der einzige Nachteil von Child-Themes ist die Menge an Recherchen, die Sie für das Parent-Theme machen müssen, bevor Sie es ändern können, ohne Konflikte oder seltsame Nebenwirkungen zu verursachen. Und denken Sie daran, dass Sie bei untergeordneten Themen nur angeben müssen, was sich vom ursprünglichen Thema unterscheidet. Um die Änderungen zu übernehmen, zippen Sie es einfach, laden Sie es über das Auftritte > Themen Seite in Ihrem WordPress-Dashboard und aktivieren Sie es über WordPress. Dies setzt natürlich voraus, dass Ihr übergeordnetes Thema ebenfalls hochgeladen wird.
Code anzeigen
Es gibt noch eine weitere Art des Hinzufügens von Code, die wir nicht behandelt haben: das Anzeigen. Wenn Sie ein Webdesigner sind und zeigen möchten, wie etwas gemacht wird, und es so präsentieren, dass die Zuschauer es kopieren und einfügen können, ist es wichtig, es richtig zu notieren. Die Art und Weise, wie Ihr Code von WordPress interpretiert wird, hängt davon ab, ob Sie den HTML-Bereich des Visual Post Editor verwenden. Wenn Sie es direkt in den visuellen Editor eingeben, wird es neutralisiert, aber es gibt keine Möglichkeit, es in die richtige Formatierung oder ein Codefeld einzufügen. Der visuelle Editor formatiert ihn einfach wie gewöhnlichen Text. Auf der anderen Seite verwandelt der HTML-Editor es in Code und ruiniert Ihre Website. Keine Sorge, das kannst du rückgängig machen.
Es gibt jedoch einen Kompromiss. Sie können Ihren Code markieren und in einen Block einfügen, indem Sie die und Tags, aber das verhindert nicht, dass der Code aktiviert wird. Alles, was es tun wird, ist, es in montoype-Schriftart in eine Box zu legen, um zu zeigen, dass es sich um einen offiziellen Code handelt. Um zu verhindern, dass es aktiviert wird, müssen Sie die aktiven Symbole in sogenanntes ändern lustige Charakterentitäten. Die gebräuchlichsten Versionen davon und diejenigen, die zum Neutralisieren des meisten Codes ausreichen, ändern < und > in < und >, bzw. (Sie können mehr über das Anzeigen von Code in unserem Beitrag zum Schreiben von benutzerdefiniertem Code in Ihren WordPress-Beiträgen erfahren).
Wie Sie sehen, gibt es viele Möglichkeiten, benutzerdefinierten Code zu WordPress hinzuzufügen, und ich ermutige Sie, zu experimentieren, mit ihnen herumzuspielen und zu sehen, welche für Sie geeignet sind. Gibt es zusätzliche Möglichkeiten, benutzerdefinierten Code hinzuzufügen, den ich übersehen habe? Lass es mich in den Kommentaren wissen.