So entwickeln Sie WordPress-Themes

Freigeben: 2019-07-19 16:59:23
Original
6287 Leute haben es durchsucht

So entwickeln Sie WordPress-Themes

Obwohl es mittlerweile überall kostenlose WordPress-Themes gibt, haben Sie als Geek jemals darüber nachgedacht, ein eigenes WordPress-Theme zu schreiben? In diesem Artikel erfahren Sie, wie Sie von Grund auf ein WordPress-Theme erstellen.

Struktur der Theme-Datei:

Bevor Sie schreiben, müssen Sie zunächst die Struktur des WordPress-Themes verstehen.

Das WordPress-Theme wird unter wp-content/themes/ abgelegt und existiert als unabhängiger Ordner. Der Name des Ordners ist beliebig, aber verwenden Sie keine reinen Zahlen, da das Theme sonst nicht richtig in der Theme-Liste angezeigt wird. Der Theme-Ordner enthält alle Style-Dateien, Vorlagendateien, Funktionsdateien, JavaScript-Skriptdateien, statischen Dateien usw., die für das Theme erforderlich sind.

Ein minimales Theme besteht normalerweise aus drei Arten von Dateien:

Stylesheet-Datei style.css

Funktionsdatei Functions.php (optional)

Vorlagendateien

Beachten Sie, dass die Namen dieser Dateien festgelegt sind und nicht nach Belieben geändert werden können.

Sehen wir uns die Funktionen jeder Datei einzeln an.

Style-Datei:

style.css ist eine erforderliche Datei für ein Theme, da sie beschreibende Informationen für das Theme enthält. Die Header-Informationen einer style.css lauten wie folgt:

/* Theme Name: 主题名称(必选)
Theme URI: 主题的地址,可选,格式为一个URL,如http://wordpress.org/
Description: 对主题的描述,会显示在主题列表中。
Author: 作者 
Version: 版本,如1.0 Tags: 给主题加的一些标签,可选,一般是为了让用户更方便搜索到这个主题。 
*/
Nach dem Login kopieren

Es ist zu beachten, dass jedes Theme einen eigenen Theme-Namen (Theme Name) haben sollte, damit es in der Theme-Liste unterschieden werden kann.

Funktionsdatei:

Sofern Sie kein rein statisches Theme erstellen, werden Sie auf jeden Fall die WordPress-API aufrufen. Die von diesen Themes verwendeten Funktionen sind in der Datei „functions.php“ geschrieben. Sie können die Funktionsdatei im WordPress-Theme als Referenz verwenden.

Vorlagendatei:

Vorlagendatei ist keine Datei, sondern eine Art PHP-Datei. Sie bestimmen die endgültige Anzeige jeder Ihrer Seiten. Für Vorlagendateien gelten bestimmte Benennungsregeln. Im Folgenden werden der Name und der Zweck jeder Vorlage aufgeführt.

Beschreibung der Vorlagendatei:

index.php

Master-Vorlage. Wenn Ihr Theme eigene Templates verwendet, ist index.php erforderlich.

comments.php

Kommentarvorlage.

front-page.php

Homepage-Vorlage, wird nur verwendet, wenn die statische Homepage aktiviert ist.

home.php

Homepage-Vorlage, die Standard-Homepage. Wenn Sie die statische Startseite aktivieren, handelt es sich um eine Vorlagenseite, auf der die neuesten Artikel angezeigt werden.

single.php

Einzelseitige Vorlage. Wird bei der Anzeige eines einzelnen Artikels aufgerufen. Für diese und andere Anfragevorlagen wird index.php verwendet, wenn die Vorlage nicht existiert.

single-.php

Passen Sie eine einzelne Seitenvorlage an. Beispielsweise zeigt single-books.php Artikel mit einem benutzerdefinierten Artikeltyp von Büchern an. Wenn der Artikeltyp nicht festgelegt ist, wird index.php verwendet.

page.php

Seitenvorlage, unabhängiger Seitenaufruf.

category.php

Kategorievorlage, Kategorieseitenaufruf.

tag.php

Tag-Vorlage, Tag-Seitenaufruf.

taxonomy.php

Begriffsvorlage, die beim Anfordern von Begriffen für eine benutzerdefinierte Taxonomie verwendet wird.

author.php

Autorenvorlage, aufgerufen von der Autorenseite.

date.php

Datums-/Uhrzeitvorlage, die Vorlage, die bei der Abfrage nach Zeit verwendet wird.

archive.php

Archivvorlage, die Vorlage, die bei der Abfrage von Kategorien, Autoren oder Daten verwendet wird. Es ist zu beachten, dass diese Vorlage jeweils durch „category.php“, „author.php“ und „date.php“ (sofern vorhanden) überschrieben wird.

search.php

Suchergebnisvorlage, die Vorlage, die beim Anzeigen von Suchergebnissen verwendet wird.

attachment.php

Anhangsvorlage, die Vorlage, die beim Anzeigen eines einzelnen Anhangs verwendet wird.

image.php

Vorlage für Bildanhänge. Diese Vorlage wird aufgerufen, wenn ein einzelnes Bild in WordPress angezeigt wird. Wenn diese Vorlage nicht vorhanden ist, wird die Vorlage attachment.php aufgerufen.

404.php

404-Fehlerseitenvorlage, wird verwendet, wenn WordPress kein Protokoll oder keine Seite finden kann, die der Abfrage entspricht. Die Datei 404.php wird verwendet.

Es gibt keine besonderen Mengenanforderungen. Sie können sogar nur eine Datei index.php als Vorlagendatei verwenden. In den meisten Fällen verfügen Sie über mehrere Vorlagen, um verschiedene Seiten anzuzeigen. Die spezifische Aufrufsequenz der Vorlage kann sich auf die folgende Abbildung beziehen:

So entwickeln Sie WordPress-Themes

Ein einfachstes Thema:

Kennen Sie das Obige danach Schauen wir uns dazu ein Beispiel des einfachsten Themas an. Dieses Theme enthält zunächst die folgenden Dateien:

style.css

index.php

single.php

header.php

sidebar.php

footer.php

Der Inhalt von style.css wurde oben erwähnt, Sie müssen nur das benötigte CSS hinzufügen.

Die Kategorien header.php, sidebar.php, footer.php sind der obere Teil, die Seitenleiste und der hintere Teil der Seite. Artikel verwenden single.php als Vorlage und andere Seiten (z. B. die Homepage) verwenden index.php als Vorlage. Der Inhalt von

index.php lautet:

<?php get_header(); ?> 
<?php get_sidebar(); ?>
 <?php get_footer(); ?>
Nach dem Login kopieren

Die Artikelseitenvorlage single.php lautet:

<?php get_header(); ?>
 <h1><?php the_title(); ?></h1>
 <div><?php the_content(); ?></div>
 <?php get_sidebar(); ?> 
<?php get_footer(); ?>
Nach dem Login kopieren

这样,我们一个最简单的模板就完成了。剩下的就是你自己根据你的需要为其添加样式和内容了。另外在模板中所有你可能用到的Wordpress函数在这里都可以找到:Wordpress Function Reference。

更多wordpress相关技术文章,请访问wordpress教程栏目进行学习!

Das obige ist der detaillierte Inhalt vonSo entwickeln Sie WordPress-Themes. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage