So sehen Sie, welche Dateien Sie in WordPress bearbeiten sollten

Einer von vielen Gründen, warum WordPress die beliebteste Plattform ist, ist seine Vielseitigkeit. Es steht Personen mit unterschiedlichen Programmierkenntnissen sowie absoluten Anfängern offen. Wenn Sie sich jedoch mit WordPress vertraut machen, besteht die Notwendigkeit einer Anpassung. Auch wenn Sie immer versuchen können, ein geeignetes Plugin für Ihre Bedürfnisse zu finden, ist es manchmal am besten, Ihre Website selbst anzupassen, indem Sie die entsprechenden Theme- oder Plugin-Dateien bearbeiten und benutzerdefinierten Code hinzufügen. Dies liegt daran, dass zusätzliche Plugins Ihre Anforderungen möglicherweise nur teilweise erfüllen oder mit Ihrem aktuellen Thema und den anderen von Ihnen verwendeten Plugins völlig inkompatibel sind. Abhängig von Ihren Programmierkenntnissen und dem Umfang, in dem Sie die Dateien ändern möchten, variiert der Bearbeitungsprozess erheblich. Aber in den meisten Fällen ist die größte Hürde die anfängliche – zu wissen, welche Datei oder welche Dateien Sie bearbeiten sollten, um Ihre beabsichtigte Anpassung zu erreichen. In diesem Artikel erklären wir, wie Sie relativ einfach und effizient feststellen können, um welche Dateien es sich handelt.

So sehen Sie, welche WordPress-Datei Sie bearbeiten sollten

Eine Voraussetzung, um zu verstehen, welche Vorlagendatei zu bearbeiten ist, ist die Kenntnis der grundlegenden WordPress-Vorlagenhierarchie. Dies reicht jedoch oft nicht aus, da Theme-Autoren dazu neigen, neue Vorlagen und komplizierte Datei- und Ordnerstrukturen zu erstellen. Daher kann es ziemlich schwierig sein, herauszufinden, welche Dateien bearbeitet werden müssen. Das gleiche kann gesagt werden, wenn Sie versuchen herauszufinden, welche Plugin-Dateien Sie bearbeiten müssen.

Wenn Sie einen Fehler beheben, der entweder durch Ihr Theme oder Plugin verursacht wird, ist der im Fehlerprotokoll vorgeschlagene Dateipfad oft ein guter Ausgangspunkt. Wenn Sie jedoch eine Funktion hinzufügen oder entfernen möchten, müssen Sie die Dateien sorgfältig analysieren, um herauszufinden, welche bearbeitet werden müssen. Es gibt zwei verschiedene Ansätze – Sie können alle Vorlagendateien hinter einer Seite finden oder versuchen, eine bestimmte Datei zu lokalisieren.

Einerseits erfordert die Verwendung des ersten Ansatzes, dass Sie die Verbindung zwischen diesen Dateien analysieren und die erforderlichen Änderungen vornehmen, möglicherweise sogar in mehreren Dateien. Daher ist diese Methode eher für umfangreiche Bearbeitungen geeignet. Auf der anderen Seite ist letzterer Ansatz besser geeignet, um kleine einzelne Features oder Funktionalitäten zu bearbeiten, da ihr Code eher auf eine einzelne Datei beschränkt ist. Im Folgenden zeigen wir beide Methoden. Je nach Bedarf können Sie eines oder beides verwenden.

So finden Sie alle WordPress-Theme-Vorlagendateien hinter einer bestimmten Seite

Das Plugin, das wir für diesen Zweck am nützlichsten fanden, ist das Aktuelles Template-Plugin anzeigen. Nach der Installation und Aktivierung Navigieren Sie zu Benutzer > Ihr Profil und stelle sicher, dass die Option Symbolleiste beim Anzeigen der Website anzeigen wird geprüft, da dies für den Prüfprozess erforderlich ist. Wenn es nicht aktiviert ist, aktivieren Sie das Kontrollkästchen neben der Option, scrollen Sie zum Ende der Seite und drücken Sie die Profil aktualisieren Taste.

Nachher, öffne eine deiner Seiten, um sie im Frontend anzuzeigen. Suchen Sie im Abschnitt der Admin-Symbolleiste die Option, die mit beginnt Schablone—es gehört zum zuvor installierten Plugin. Diese Option zeigt an, welche Vorlage auf Ihrer Seite aktiv ist, und wenn Sie mit der Maus darüber fahren, werden zusätzliche Informationen angezeigt. Diese Informationen umfassen den relativen Pfad der Hauptvorlage hinter der Seite, das Thema, das Sie derzeit verwenden, sowie die anderen Vorlagendateien, die auf der Seite enthalten sind.

So finden Sie eine bestimmte WordPress-Datei, die für einen Teil der Seite verantwortlich ist

Während das oben erwähnte Plugin seine Verwendung hat, hat es auch zwei klare Nachteile. Abhängig von der Ordner- und Dateistruktur des verwendeten Themes kann die Liste der enthaltenen Vorlagendateien recht lang sein. Daher ist es nicht sehr hilfreich, wenn Sie nur nach einer bestimmten Datei suchen. Darüber hinaus erstreckt sich die Liste der angezeigten Vorlagendateien nur auf das von Ihnen verwendete Theme und nicht auf Ihre Plugins. Aus diesem Grund können Sie ein alternatives Plugin in Betracht ziehen.

Glücklicherweise finden Sie aufgrund der Fülle an nützlichen WordPress-Plugins diejenigen, die beide Probleme lösen. Wir haben ein Plugin namens . verwendet String-Locator zu diesem Zweck. Es ist etwas entwicklerfreundlicher als das durchschnittliche Plugin. Es funktioniert, indem Sie Ihre Dateien basierend auf einem bestimmten Label durchsuchen oder Muster für reguläre Ausdrücke.

Nach Installieren und aktivieren Sie das Plugin, navigieren Sie zu Tools > String Locator. Sie können das Verzeichnis eingeben, in dem Sie suchen möchten, und einen Suchbegriff eingeben, nach dem Sie suchen möchten. Die Abfrage dauert weniger Zeit und die Ergebnisse werden genauer, wenn Sie den Suchbereich auf ein einzelnes Thema oder Plugin eingrenzen. Wenn Sie sich jedoch nicht sicher sind, wonach Sie suchen sollen, können Sie jederzeit auswählen Alles unter wp-content, das alle Ihre Themes und Plugins durchsucht. Oder verwenden Sie Das ganze WordPress-Verzeichnis, die alle Dateien und Ordner im Verzeichnis public_html durchsucht. Sie können nach einem Muster anstelle einer genauen Zeichenfolge suchen, indem Sie das Kontrollkästchen neben dem RegEx-Suche Möglichkeit. Nachdem Sie alle Optionen entsprechend ausgefüllt haben, brauchen Sie nur noch die Taste . zu drücken Suche klicken und warten, bis eine Liste mit Dateien generiert wird, die Ihrer Abfrage entsprechen.

So einfach dies auf den ersten Blick erscheinen mag, Sie müssen viel mehr verstehen, um mit diesem Plugin effiziente Suchen durchführen zu können. Aus diesem Grund haben wir im Folgenden einige Tipps zusammengestellt.

Erstens, wenn Sie eine bestimmte Themenfunktion haben, die Sie bearbeiten möchten, Es ist immer am besten, den HTML-Code hinter der Seite zu überprüfen und dann nach einer bestimmten Klasse oder ID des HTML-Elements zu suchen, das diese Funktion umschließt.

Wenn Sie beispielsweise die Beitragsnavigation am unteren Rand Ihres Blogbeitrags bearbeiten möchten, müssen Sie dies tun rechtsklick drauf (entweder im vorherigen oder nächsten Beitrag) und wählen Sie das Prüfen Option in der Dropdown-Liste.

Dies öffnet die Entwicklertools Ihres Browsers und positioniert Sie direkt auf dem Element, auf das Sie mit der rechten Maustaste geklickt haben. Navigieren Sie durch den HTML-Code, indem Sie eine Zeile nach der anderen nach oben gehen. Auf diese Weise sehen Sie Teile der Seite, die jeder hervorgehobenen Zeile entsprechen. Sobald Sie das HTML-Element gefunden haben, das den entsprechenden Abschnitt vollständig umschließt, kopieren Sie entweder die ID oder die Klasse dieses Elements, je nachdem, was vorhanden ist, und verwenden Sie es als Suchzeichenfolge. Wenn beides vorhanden ist, verwenden Sie die ID, da IDs im Allgemeinen weniger verwendet werden. Dies führt zu genaueren Suchergebnissen.

Nachdem Sie die Suche durchgeführt haben, müssen Sie die Suchergebnisse weiter untersuchen. Wenn Sie planen, Ihr Theme zu bearbeiten oder Funktionen hinzuzufügen, bedeutet dies in vielen Fällen, dass Sie nach einer .php-Datei suchen. Das heisst Sie können die Suche erheblich eingrenzen, indem Sie nur die .php-Dateien überprüfen, die in den Suchergebnissen aufgeführt sind. Dazu können Sie die Suchfunktion Ihres Browsers nutzen, während die Seite mit den Suchergebnissen noch geöffnet ist. Die Tastenkombination für die Suche ist Strg + F für Windows, während sie Cmd + F für MacOS ist. Suchen nach .php als Stichwort. Die übereinstimmenden Ergebnisse werden hervorgehoben, sodass die .php-Dateien leicht zu erkennen sind.

Untersuchen Sie die Dateien, die diese zusätzliche Suchebene durchlaufen haben, indem Sie sie in separaten Registerkarten öffnen. Vergleichen Sie dann den Code in den Dateien mit der HTML-Struktur, die Sie beim Untersuchen des ausgewählten Teils der Seite gefunden haben. Der Codevergleich wird sehr einfach sein. Nach dem Öffnen der Datei positioniert das Plugin Sie auf der Codezeile, die die gesuchte Zeichenfolge enthält, und hebt sie sogar hervor. Wenn Sie die gesuchte Datei gefunden haben, können Sie sie entsprechend Ihren Anforderungen bearbeiten. Sie können dies auch mit dem String Locator tun, da dieses Plugin die Bearbeitung von Dateien ermöglicht. Alternativ können Sie dies über FTP tun.

Wir werden unten zwei zusätzliche Tipps geben, damit Sie die spezifische Vorlagendatei finden können, die Sie benötigen.

Zusätzliche Tipps

Wenn ein HTML-Element über mehrere Klassen verfügt, wurden diese möglicherweise dynamisch mithilfe einer themenspezifischen Funktion erstellt. Aus diesem Grund ist es am besten, nicht alle zu kopieren und einzufügen, sondern nur eine einzige Klasse als Suchstring zu verwenden. Wenn Sie nach allen Klassen zusammen suchen, mit Leerzeichen dazwischen, ist es sehr unwahrscheinlich, dass Sie Ergebnisse erhalten.

Stattdessen ist es besser, mit einer einzelnen Klasse zu suchen und bei Bedarf die Suche mit einer anderen verfügbaren Klasse zu wiederholen, während Sie die Ergebnisse querverweisen.

Wenn Sie außerdem den Namen der Funktion als Suchzeichenfolge verwenden, kann sich die Verwendung von Leerzeichen negativ auf die Suchergebnisse auswirken. Auch wenn technisch gesehen die Funktionsname($variable) und Funktionsname( $variable ) gleich sind, erscheinen sie nicht in denselben Suchergebnissen. Leerzeichen können zum Code hinzugefügt werden, um seine Lesbarkeit zu verbessern, aber sie beeinflussen auch, wie Sie suchen müssen. Durch das Hinzufügen von Leerzeichen werden die beiden Zeichenfolgen nicht mehr als gleich angesehen, obwohl ihre Bedeutung äquivalent ist. Wenn Sie also nach function_name($variable) suchen, während Ihre Vorlagendateien function_name($variable) enthalten, oder umgekehrt, gibt die Suche null Treffer zurück. Um solche Fallstricke zu vermeiden, verwenden Sie bei der Suche nach einer Definition oder Verwendung einer bestimmten Funktion nur den vollständigen Namen als Suchzeichenfolge (die Funktionsname in unserem Beispiel).

Wenn Sie diese Tipps zur effizienten Suche mit diesem Plugin befolgen, sind wir zuversichtlich, dass Sie die Datei oder die Dateien finden konnten, die Sie bearbeiten sollten. Bevor wir diesen Artikel abschließen, werden wir einige allgemeine, aber hilfreiche Bearbeitungshinweise hinzufügen.

Ratschläge zur Dateibearbeitung

Bevor Sie eine der Dateien bearbeiten, empfehlen wir dringend, eine Sicherungskopie Ihrer WordPress-Dateien zu erstellen. Prüfen Sie dann sorgfältig, ob eine Dateibearbeitung erforderlich ist. Manchmal erfordern zusätzliche Funktionen einfach ein wenig gezielten CSS-Code. Überprüfen Sie den Teil der Seite, den Sie wie oben beschrieben anpassen möchten, und versuchen Sie dann, wenn möglich, mit CSS das Gewünschte zu erreichen.

Wenn tatsächlich Dateiänderungen erforderlich sind, empfehlen wir, diese über FTP vorzunehmen. Wenn Sie manuelle Änderungen von Ihrem Dashboard aus über den Theme- oder Plugin-Editor vornehmen, kann Ihre Website beschädigt werden. Wenn Sie Änderungen am Theme vornehmen, empfehlen wir die Verwendung eines Child-Themes, da alle Änderungen an den Dateien des Parent-Themes bei Theme-Updates verloren gehen. Sie können Ihrer Website auch benutzerdefinierte Funktionen hinzufügen, indem Sie Ihren Code in ein Site-spezifisches Plugin einfügen.

Versuchen Sie außerdem, das bereits vorhandene Theme oder den Plugin-Code so wenig wie möglich zu bearbeiten. Suchen Sie stattdessen nach themenspezifisch oder Plugin-spezifisch Haken in den entsprechenden Dateien. Dann müssen Sie nur noch benutzerdefinierte Funktionen schreiben, die sich an einem dieser Themen- oder Plugin-Hooks „anhängen“, um das gewünschte Ergebnis zu erzielen. Sie können auch einige der Standard-WordPress-Hooks zu diesem Zweck.

Da das Schreiben von benutzerdefiniertem Code für die Anpassung Ihrer WordPress-Website oft umfangreiche Programmierkenntnisse erfordert, sollten Sie in Betracht ziehen, einen Programmierer einzustellen, wenn Sie sich der Aufgabe nicht gewachsen fühlen.

Abschließende Gedanken

Das Bearbeiten von Design- oder Plugin-Dateien ist manchmal erforderlich, um eine zusätzliche Funktion oder Funktionalität für Ihre Website bereitzustellen. Das Auffinden der genauen Dateien, die Sie bearbeiten müssen, ist oft der schwierigste Teil der Aufgabe. Aus diesem Grund haben wir darauf geachtet, den Untersuchungsprozess, den Sie verwenden sollten, umfassend zu erläutern. Und wir haben Beschreibungen der Verwendung von zwei recht hilfreichen WordPress-Plugins zu diesem Zweck hinzugefügt. Am Ende des Artikels finden Sie außerdem einige Vorschläge und Tipps, die Ihnen bei Ihrem Anpassungsprozess helfen. Jetzt müssen Sie nur noch entscheiden, welche Art von Feature oder Funktionalität Sie hinzufügen möchten, und mit dem Schreiben des Codes beginnen.