Was die meisten Webdesigner an der WordPress-Themenhierarchie falsch gemacht haben

Was die meisten Webdesigner an der WordPress-Themenhierarchie falsch gemacht haben

Was die meisten Webdesigner an der WordPress-Themenhierarchie falsch gemacht haben
СОДЕРЖАНИЕ
02 июня 2020

Das Design von WordPress-Themes kann auf den ersten Blick ziemlich entmutigend wirken. auch für erfahrene Webdesigner. Das einfachste Thema scheint aus mehreren Dateien zu bestehen, die irgendwie miteinander verbunden sind.


Aber die gute Nachricht ist: Hinter der Verwirrung steckt ein logisches System. Wenn Sie bereit sind, die Ärmel hochzukrempeln und ein wenig PHP zu lernen, können Sie Ihre statischen HTML-Designs in dynamische WordPress-Websites verwandeln.

Sie können natürlich auch unsere Dienste nutzen, aber wir geben Ihnen gerne eine Auswahl!

In diesem Artikel möchte ich mich zunächst auf den Hauptfehler konzentrieren, den die meisten angehenden WordPress-Theme-Designer bei der Arbeit mit der Hierarchie der WordPress-Theme-Vorlagen machen, und Ihnen anschließend einen umfassenden Überblick darüber geben, wie WordPress-Themes zusammenkommen sollten.

Das größte Geheimnis über die Entwicklung von WordPress-Themes

Trotz aller offensichtlichen Komplikationen bei der Entwicklung von WordPress-Designs kann das Erstellen eines eigenen WordPress-Designs so einfach sein, wie Sie es möchten.

Was wäre, wenn ich Ihnen sagen würde, dass Sie mit nur zwei Dateien ein einfaches WordPress-Theme erstellen können??

Diese beiden Dateien sind index.php und style.css. Sie werden letztendlich nicht alles sein, was Sie wollen, aber sie sind alles, was Sie brauchen.

Wenn Sie bereits ein statisches Design mit einer Datei index.html und style.css erstellt haben, können Sie den Inhalt jeder Datei buchstäblich kopieren und in eine neue Datei index.php und style.css einfügen, einige zusätzliche Informationen hinzufügen und die Dateien komprimieren in einem Ordner und laden Sie es auf WordPress. Hey Presto – dein erstes WordPress-Theme!

Lassen Sie uns genau das tun, um meinen Standpunkt zu beweisen. Wir beginnen mit unserer index.php-Datei:

Mein erstes WordPress-Theme

Hallo Welt!

Wie Sie sehen, verwenden wir denselben grundlegenden HTML-Code wie normalerweise, ohne dass PHP in Sicht ist. Theoretisch ist PHP optional, wenn es um die Entwicklung von Themen geht, obwohl Sie sicherlich die Notwendigkeit dafür finden werden, wenn Sie vollwertige WordPress-Websites entwerfen möchten. Das Weglassen von PHP in Ihren Themendateien macht WordPress im Wesentlichen überflüssig.

In Bezug auf Ihre style.css-Datei muss nur eines funktionieren: ein Stylesheet-Header. Dies besteht aus einigen Informationen, mit denen WordPress Ihr Thema identifizieren kann.

Hier ist ein einfaches Beispiel, das als Kommentar in Ihre style.css-Datei eingefügt werden sollte:

/ *

Themenname: Mein erstes WordPress-Theme
Autor: Mein Name
Beschreibung: Mein erstes WordPress-Theme!
Version: 1.0

* /

Es gibt viele andere Header-Elemente, die in Ihr Stylesheet aufgenommen werden können, aber nur eine Handvoll sind obligatorisch. Hier ist die vollständige Liste:

  • Themenname.
  • Themen-URI. Wenn Ihr Thema eine Homepage hat, fügen Sie diese hier hinzu.
  • Autor. Sei nicht schüchtern!
  • Autoren-URI. Wenn Sie eine persönliche / Portfolio-Website haben, können Sie hier darauf verlinken.
  • Beschreibung.
  • Ausführung.
  • Lizenz. Klick hier um mehr über WordPress zu erfahren, lizenzieren Sie sie.
  • Lizenz-URI. Es wird empfohlen, einen Link zu der Lizenz einzufügen, die Sie für Ihr Thema ausgewählt haben.
  • Stichworte. Diese Tags werden in WordPress.org verwendet, um Ihr Thema nach bestimmten Merkmalen (z. "einspaltig", "benutzerdefinierter Header").
  • Textdomäne. Dies wird für Internationalisierungs- / Übersetzungszwecke verwendet.

(Bitte beachten Sie, dass der Name Ihres Themas eindeutig sein muss. Wenn Sie einen bereits vorhandenen Namen auswählen, entsteht in WordPress ein Konflikt.)

Speichern Sie Ihre index.php- und style.css-Datei in einem Ordner und geben Sie ihr einen eindeutigen Namen. Verwenden Sie Bindestriche anstelle von Leerzeichen. Wenn Sie fertig sind, komprimieren Sie die Datei.

Navigieren Sie als Nächstes zu Darstellung > Themen aus Ihrer WordPress-Installation und klicken Sie auf die Schaltfläche Neu hinzufügen. Auf dem daraufhin angezeigten Bildschirm können Sie Ihr neues Thema hochladen und aktivieren.

Sobald Sie dies getan haben, navigieren Sie zu Ihrer Homepage und Sie sehen Ihr erstes WordPress-Thema:

Ihre erste WordPress-Website

Um zu bestätigen, dass dies in WordPress als Thema erkannt wurde, navigieren Sie einfach zurück zu Darstellung > Themen. Sie finden Ihr Thema unter allen anderen Themen, die Sie auf Ihrer Website installiert haben, und Sie können sogar darauf klicken, um weitere Details anzuzeigen, die Sie in die Kopfzeile Ihres Stylesheets aufgenommen haben:

WordPress Theme Details

Zugegeben, Ihr Thema ist zu diesem Zeitpunkt noch nicht besonders aussagekräftig, aber das obige Beispiel zeigt, wie einfach das Design von WordPress-Themen sein kann.

Es enthüllt auch das große Geheimnis, das ich oben erwähnt habe: index.php repräsentiert nicht nur die Homepage Ihrer Website (obwohl dies möglich ist), sondern ist auch die Grundlage für alles im WordPress-Design.

Kennenlernen der Hierarchie der index.php- und WordPress-Themenvorlagen

Es wird Ihnen verziehen, wenn Sie davon ausgehen, dass index.php die Homepage Ihrer WordPress-Website sein soll. Nun, das ist es nicht. Es ist viel wichtiger.

Ich habe oben gesagt, dass Sie ein WordPress-Theme mit nur zwei Dateien erstellen können, von denen eine index.php ist. Nun, ich meinte das in jeder Hinsicht – nicht nur in Bezug auf die Schaffung eines einfachen "Hallo Welt!" Beispiel.

Sie sehen, die Hierarchie der Themenvorlagen von WordPress funktioniert so, dass, wenn eine spezifischere Vorlagendatei nicht vorhanden ist, standardmäßig die nächsthöhere Datei verwendet wird. Und raten Sie mal, was die älteste Datei ist; Was ist WordPress standardmäßig? Das ist richtig: index.php.

Um Ihnen eine bessere Vorstellung davon zu geben, was ich meine, finden Sie hier eine visuelle Darstellung der Hierarchie der WordPress-Themenvorlagen:

Hierarchie der WordPress-Themenvorlagen

Wie Sie sehen können, gibt es eine große Anzahl von Vorlagendateien, mit denen ein WordPress-Theme erstellt werden kann – von einer einzelnen Blogpost-Seite (single-post.php) bis zu einer 404-Fehlerseite (404.php). Das Wichtigste ist jedoch Folgendes: Wenn WordPress die spezifischste Datei nicht findet, wird standardmäßig die nächstälteste Datei verwendet.

Letztendlich führt das zurück zu index.php: den Daddy of WordPress-Theme-Vorlagendateien.

Index.php ist also überhaupt nicht die Homepage – im Idealfall sucht WordPress zuerst nach front-page.php oder anschließend nach home.php. Index.php ist ein letzter Ausweg.

Wohin gehst du von hier aus??

Wir haben in diesem Artikel nur die Oberfläche der WordPress-Theme-Entwicklung zerkratzt, aber jetzt sollten Sie wissen, dass sich jede Vorlagendatei in einem WordPress-Theme auf einen bestimmten Seitentyp bezieht, den Sie im Frontend sehen würden. Beispielsweise wird ein einzelner Blog-Beitrag am spezifischsten durch single-post.php, single.php und index.php dargestellt.

WordPress arbeitet so lange rückwärts, bis es etwas findet, an dem es seinen Hut hängen kann. Die spezifischeren Themendateien bieten Ihnen jedoch die Möglichkeit, benutzerdefinierte Designs und Layouts für die verschiedenen Seiten Ihrer Website zu erstellen.

Sobald Sie das verstanden haben, können Sie von einer einfachen Position (d. H. Index.php) ausgehen und Ihr Design von dort aus konkretisieren. Wie ich sagte; Sie können ein WordPress-Design mit nur zwei Dateien erstellen. In Wirklichkeit möchten Sie jedoch das Beste aus dem Angebot von WordPress herausholen und die Hierarchie der Designvorlagen besser nutzen.

Wenn Sie die Hierarchie der WordPress-Designvorlagen genauer untersuchen möchten, empfehle ich die folgenden zwei Ressourcen:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector