WordPress
Wordpress-Theme und Child-Theme-Entwicklung
Suche…
Einführung
Wordpress ist ein weit verbreitetes CMS zum Erstellen einfacher Informationswebsites, aber auch zum Erstellen anspruchsvollerer Websites und sogar kleiner Webshops.
Wordpress verwendet Themen. Diese Themen werden zum Erstellen der Layout- und Inhaltsfunktionalität einer Wordpress-Website verwendet. Die Themen sind überall im Internet zu finden.
Jeder hat seine eigenen Funktionen und sein eigenes Layout, aber manchmal ist es schwierig, das richtige Thema für eine Website zu finden. Glücklicherweise können wir auch ein eigenes Thema erstellen.
Entwickeln Sie Ihr eigenes Thema
Ein WordPress-Theme besteht aus zwei Arten von Dateien. Die grundlegenden Dateien, die jedes Thema enthält, und die Dateien, die das Layout und die Funktionalität des Themas definieren. Diese zweite Gruppe werde ich die themenspezifischen Dateien nennen.
Die grundlegenden Designdateien
Die grundlegenden Designdateien sind die Dateien, die zum Einrichten und Registrieren eines Designs verwendet werden. In der folgenden Liste werde ich jede Datei und ihre Verwendung kurz beschreiben. Später füge ich die grundlegendsten Beispieldateien hinzu, die zum Einrichten Ihres eigenen WordPress-Themas erforderlich sind.
-
functions.php
: Mit der Datei functions.php werden alle Funktionen, Seitenleisten, Skripts und Include-Elemente des Designs registriert. In diese Datei können Sie zum Beispiel CSS-Dateien, JS-Dateien usw. aufnehmen. - Kopf-
Header and footer
: Die Kopf- und Fußzeilendateien (header.php und footer.php) sind die Dateien, die zum Aufrufen der Kopf- und Fußzeile verwendet werden. Die Header- und Footer-Datei enthält beispielsweise die Verknüpfung zum WordPress-Backend-System. -
index.php
: Die Datei index.php ist die Datei, die die Standardseitenvorlage erstellt. In dieser Datei können Sie Teile dieses Layouts für Standardvorlagen anzeigen, bearbeiten und entfernen. -
single.php
: Die single.php-Datei ist die Datei, mit der die Seite mit den einzelnen Posts erstellt wird. Genau wie die Default-Vorlage für die Seiten, aber jetzt für die einzelnen Postseiten. -
format.php
Die format.php-Datei ist die Datei, die die Inhaltstextvorlage aus einer Seite erstellt. Wenn Sie also eine Homepage hätten und diese vom Backend aus bearbeiten würden, indem Sie einen Text hinzufügen. Diese Datei erstellt die Standardauszeichnung dieses Textes. -
404.php
Die Datei 404.php erstellt die 404-Vorlage. Diese Datei besteht aus dem Grundlayout dieser Seite. -
archive.php
Die Datei archive.php erstellt das Layout der Archivseite. -
style.css
Die grundlegende Stylesheet-Datei.
In dieser Liste können Sie also alle erforderlichen Dateien für die Einrichtung Ihres eigenen Wordpress-Designs sehen. Schauen wir uns nun einige Dateien an, die Sie erstellen können, wenn Sie möchten, aber keine Dateien für ein WordPress-Design sind. Bei diesen Dateien handelt es sich meistens um Vorlagendateien und andere Funktionserweiterungen.
Benutzerdefinierte Seitenvorlagen
page-<your own name>.php
: In einem Wordpress- page-<your own name>.php
Sie mehrere Seitenvorlagen erstellen. indem Sie neue Seitenvorlagendateien erstellen. Eine Standardseitenvorlagendatei besteht aus den folgenden Namensattributen. page
name of the template
und .php
Wenn Sie beispielsweise eine neue Seitenvorlage für Ihre .php
erstellen möchten, können Sie sie als page-blog.php
Wordpress liest die Datei automatisch und fügt sie dem page-blog.php
hinzu. Stellen Sie sicher, dass Sie mindestens die Funktionen get_header()
und get_footer()
. Stellen Sie außerdem sicher, dass Sie Ihre Vorlage in einem Kommentar oben in der Datei benennen, indem Sie das folgende Beispiel hinzufügen.
<?php
/*
* Template Name: Homepage Template
*/
get_header();
?>
Individuelle Post-Seitenvorlagen
single-<your own name>.php
: In einem Wordpress- single-<your own name>.php
ebenso wie die oben beschriebene Seitenvorlage Ihre eigenen Seitenvorlagen für einzelne Posts erstellen. Genau wie die Seitenvorlage besteht die Datei aus drei Teilen single
für die Erklärung , es ist eine einzelne Post - Seite <your name of the template>
und die Dateiendung .php
. Genau wie die Mindestanforderungen für die Seitenvorlage, um sicherzustellen, dass Wordpress die neue Vorlage liest, fügen Sie die Funktionen get_header()
und get_footer()
. Und natürlich fügen Sie auch Ihren Vorlagennamen hinzu, wie im Beispiel unten
<?php
/*
* Template Name: Post Portfolio
* Template Post Type: post, page
*/
?>
Wir geben auch den Template post type:
der Template post type:
, der für die Art der Vorlage steht, in diesem Fall Post und Seite.
Individuelle Posttextvorlagen
format -<your own name>.php
: In einem Wordpress- format -<your own name>.php
Sie auch Post-Output-Vorlagen erstellen. Diese Formatvorlagen sind das Layout und der Inhalt eines Beitrags. Wenn Sie beispielsweise möchten, dass der Beitrag nur den Inhalt oder den Titel des Beitrags anzeigt, können Sie diese Vorlagen verwenden, um diese Art von Anpassungen zu erstellen. Da diese Vorlagen nur den Post-Back- get_header()
-Inhalt formatieren, der von einem Benutzer erstellt wurde, müssen get_header()
und get_footer()
nicht get_footer()
da diese bereits in den Seitenvorlagen definiert sind. Stellen Sie sicher, dass Ihre Vorlage einen Beitrag anhand des folgenden grundlegenden Beispiels erkennen kann.
<div>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
</article>
</div>
Nun, da wir etwas über die grundlegenden Dateien und einige der vielen vorlagenspezifischen Dateien wissen, ist es an der Zeit, sich mit Seitenleisten und Widgets zu beschäftigen. In der Zukunft wird dies zusammen mit einem Schritt-für-Schritt-Tutorial zum Erstellen eines eigenen Wordpress-Designs hinzugefügt.