Die Weblog-Software WordPress zeichnet sich durch eine Trennung von Design und Programmkern aus. Sogenannte Themes ermöglichen es, die Frontend-Darstellung von Website-Inhalten anzupassen, ohne das Programm selbst zu verändern. Grundsätzlich stellt ein WordPress-Theme Quellcode bereit, der beschreibt, wie auf einem Server gespeicherte Inhalte abgerufen und zusammengestellt werden sollen, damit aus diesen im Falle eines Seitenaufrufs eine dynamische Webpage erstellt und an einen anfragenden Webbrowser ausgeliefert werden kann. Für Webseitenbetreiber bieten Themes somit die Möglichkeit, Design und Layout einer WordPress-Website inklusive aller Unterseiten im Rahmen der zur Verfügung stehenden Möglichkeiten frei zu gestalten.
Im Grundaufbau besteht ein WordPress-Theme aus diversen PHP-Quelldateien, die Template-Files genannt werden, Stylesheets und Lokalisierungsdaten sowie optionalen JavaScript-Dateien und Grafiken. Wir zeigen Ihnen, welche WordPress-Theme-Bestandteile Sie kennen sollten, welche Funktion diese Bausteine erfüllen und wie die einzelnen Grundelemente zusammenarbeiten.
Während eine statische Webpage im Wesentlichen auf einem einzelnen HTML-Dokument basiert, das sämtliche Inhalte sowie JavaScript-Elemente und CSS-Einbettungen enthält, setzt sich ein WordPress-Theme aus mehreren Template-Files zusammen. Diese werden durch Include-Tags miteinander verknüpft und beschreiben mithilfe von Template-Tags, wie Inhalte aus Datenbanken auf dem Server in eine Webpage eingebunden und im Webbrowser dargestellt werden. Soll diese Darstellung an bestimmte Bedingungen geknüpft werden, kommen sogenannte Conditional-Tags zum Einsatz. Darüber hinaus lassen sich über Template-Hooks Plug-ins einbinden. Verwaltet wird die Ausgabe von Inhalten durch einen Mechanismus, der in der WordPress-Terminologie als Loop bezeichnet wird.
Das WordPress-Theme mit all seinen Grundelementen kann als eine Art Bauplan für eine Website betrachtet werden, der verschiedene Zustände abdeckt. Die dynamisch erzeugte Webpage, die an den Browser ausgeliefert wird, setzt sich aus einem speziell auf die Anfrage zugeschnittenen Satz aus Grundbausteinen zusammen – je nachdem, ob ein Internetnutzer die Übersichtsseite Ihres WordPress-Blogs, die Einzelansicht eines Artikels oder einen Kommentar aufruft. Die Grundbausteine werden Template-Files genannt. Dabei handelt es sich um PHP-Quelldateien, die eine Mischung aus HTML, PHP-Code und Template-Tags beinhalten und jeweils genau definierte Aufgaben erfüllen.
Grundsätzlich gilt ein WordPress-Theme als funktionsfähig, wenn es die Template-Files index.php und style.css enthält. In der Regel findet sich in einem WordPress-Theme jedoch eine Vielzahl verschiedener Template-Files, die diverse Arten von Inhalten darstellen können und so das volle Funktionsspektrum der beliebten Blog-Software ausschöpfen. Folgende Liste zeigt grundlegende Template-Files, die sich in fast jedem WordPress-Theme finden:
Um die einzelnen Bausteine einer WordPress-Seite miteinander zu verknüpfen und Inhalte aus den Datenbanken auf dem Server zu laden, kommen innerhalb der Template-Files Funktionen zum Einsatz, die in der WordPress-Terminologie Template-Tags genannt werden.
Bei Template-Tags handelt es sich um Funktionen, die innerhalb eines Template-File verwendet werden, um Inhalte aus der Datenbank abzurufen. Während diese bei statischen Websites direkt im HTML-Quelltext gespeichert werden, beinhalten WordPress-Templates lediglich Anweisungen, welche Inhalte aus der Datenbank eingebunden werden sollen. Template-Tags ermöglichen es der Blog-Software, jede Webpage zum Zeitpunkt des Seitenaufrufs dynamisch zu erzeugen. Welchen Vorteil ein solches Website-Konzept hat, zeigt folgendes Beispiel:
In der Regel verfügt ein Onlineprojekt über einen Namen, der auf jeder Unterseite des Projekts dargestellt wird. Um diesen in ein beliebiges Template-File zu integrieren, kommt bei WordPress folgendes Template-Tag zum Einsatz:
bloginfo('name')Sinnvoll nutzen lässt sich dieses Tag beispielsweise, um den Website-Titel automatisch zu auszugeben.
<title><?php bloginfo('name'); ?> |<?php wp_title(); ?></title>Während die Funktion bloginfo('name') als Platzhalter für den Namen der Website fungiert, gibt wp_title() den Titel der aktuellen Unterseite aus. Welche Inhalte anstelle der Platzhalter bei einem Seitenaufruf tatsächlich ausgegeben werden müssen, entnimmt die Software der Datenbank auf dem Server. Anschließend erstellt sie einen Title nach folgendem Schema:
Name des Blogs | Titel der UnterseiteBei einer statischen Website hingegen müssen Sie den Seitentitel im tatsächlichen Wortlaut auf jeder einzelnen HTML-Seite Ihres Webprojekts hinterlegen:
<title>Name des Blogs | Titel der Unterseite</title>Doch was, wenn Sie den Namen Ihres Blogs ändern möchten? Bei einem statischen Website-Projekt müssten Sie in diesem Fall die HTML-Dokumente jeder einzelnen Unterseite im Editor öffnen und die Anpassung manuell vornehmen. Bei einem dynamischen Website-Konzept hingegen gestalten sich Aktualisierungen dieser Art deutlich komfortabler: Änderungen, die alle Webseiten betreffen, können Sie an einer einzigen Stelle in der Datenbank vornehmen, da sie dort einmalig vorliegen und durch Template-Tags in jede beliebige Webseite geladen werden können.
Nach dem gleichen Schema werden auch Überschriften, Post-Inhalte oder Metadaten in die dafür vorgesehenen Template-Files geladen:
the_title()
the_content()
the_author()
the_time()
the_category()
the_tags() Eine Übersicht aller Template-Tags finden Sie im Codex auf WordPress.org.
Eine Sonderform der WordPress-Template-Tags sind sogenannte Include-Tags, die innerhalb eines Themes verwendet werden, um Template-Files wie die header.php, die footer.php oder die sidebar.php zu laden. Auch bei Include-Tags handelt es sich um WordPress-interne Funktionen, die in folgender Form in grundlegende Template-Files wie die index.php, die single.php oder eine page.php integriert werden:
get_header()
get_footer()
get_sidebar() Auch hier zeigt sich der oben angesprochene Vorteil: Wird der Code für den Header, den Footer und die Sidebar einer Website aus speziell dafür vorgesehenen Template-Files geladen, werden Änderungen, die an diesen drei Template-Files vorgenommen werden, automatisch für alle Unterseiten übernommen, die auf diese Inhalte über Include-Tags zugreifen.
Bei Template-Hooks (auch „Action-Hooks“; dt. „Haken“) handelt es sich um Schnittstellen, die das Theme mit individuellen Funktionen oder Plug-ins der Weblog-Software verbinden. Die meisten dieser Schnittstellen sind bereits im WordPress-Kern angelegt. So kann ein Theme-Entwickler oder ein Nutzer eine Aktion festlegen, bevor beispielsweise die Ausgabe beginnt oder nachdem eine Datenbankabfrage abgeschlossen wurde. So lassen sich beispielsweise spezielle Informationen direkt im Header, Footer oder in der Sidebar einbinden. Darüber hinaus können Entwickler eigene Hooks in ihre Themes integrieren.
Bei den Conditional-Tags handelt es sich PHP-Statements wie if, else oder while, die es in Kombination mit WordPress-Funktionen ermöglichen, die Darstellung bestimmter Inhalte an Bedingungen zu knüpfen. Das kann beispielsweise ein spezieller Willkommensgruß für registrierte Nutzer sein:
if ( is_user_logged_in() ):
echo 'Welcome, registered user!';
else:
echo 'Welcome, visitor!';
endif;Als Loop wird der Mechanismus innerhalb der WordPress-Software bezeichnet, der für die Ausgabe von Inhalten zuständig ist. Grundsätzlich handelt es sich dabei um diverse WordPress-Funktionen, die durch Conditional-Tags miteinander verknüpft sind. Folgendes Beispiel zeigt den Grundaufbau eines WordPress-Loops:
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h2><?php the_title(); ?></h2>
<div class="entry">
<?php the_excerpt(); ?>
</div>
<?php endwhile; endif; ?>Der Codeabschnitt if (have_post()) in Zeile 1 weist WordPress an zu prüfen, ob Blogbeiträge vorliegen. Finden sich Beiträge in der Datenbank, veranlasst der Codeabschnitt while (have_posts()) : the_post() die Software dazu, nachfolgende Funktionen im Loop auszuführen, bis have_posts() nicht mehr wahr ist – sprich: bis keine Posts mehr vorhanden sind.
Der Loop umfasst somit alle Funktionen bis zum PHP-Statementendwhile in Zeile 6 – in diesem Beispiel die Funktion the_title(), die der Ausgabe der Artikelüberschrift dient, und die Funktion the_exerpt(), die die Software anweist, einen Auszug des Beitrags aus der Datenbank zu laden. Für die Darstellung der Inhalte wird definiert, dass der Beitragstitel im Überschriftformat h2 und die Artikelvorschau innerhalb einer Div-Box mit dem CSS-Klassennamen entry ausgegeben wird.
Auf der Startseite eines WordPress-Blogs führt ein einfacher Loop dieser Art dazu, dass Titel und Textvorschau von Beiträgen untereinander ausgegeben werden, beginnend mit dem aktuellsten Inhalt. Die Anzahl der angezeigten Beiträge lässt sich im Adminbereich konfigurieren. Üblich sind jedoch komplexere WordPress-Loops, die neben diversen Metadaten wie Autor, Datum, Kategorie und Tags auch einen Link auf die Einzelansicht des Beitrags enthalten.
WordPress ist vor allem deswegen beliebt, weil damit auch Einsteiger schnell einen voll funktionsfähigen Blog oder eine Website auf die Beine stellen können. Doch auch wer das CMS für die Realisierung komplexerer Webprojekte nutzen will, kommt ganz auf seine Kosten: Mit den passenden WordPress-Plugins lässt sich die Plattform unkompliziert an die eigenen Bedürfnisse anpassen und um praktische...
Themes eignen sich hervorragend dazu, Ihrem WordPress-Projekt schnell und einfach ein besonderes Aussehen zu verleihen und spezielle Funktionen hinzuzufügen. Ausgeprägte Programmierkenntnisse benötigen Sie dazu eher selten. Basis vieler käuflicher Layout-Vorlagen sind spezielle Themes, die Layout-Editoren und Grundfunktionen enthalten und ähnlich wie ein Homepage-Baukasten aufgebaut sind. Solche...
WordPress ist schon lange weit mehr als eine einfache Weblog-Software und längst auch als CMS-Lösung für Websites und Onlineshops etabliert. Durch unzählige Plug-ins lässt sich die beliebte Open-Source-Software um unterschiedlichste Features erweitern, ob Umfrage- oder Statistikfunktionen, Anbindungen an soziale Netzwerke oder E-Commerce-Elemente. Doch wie kann man ein solches WordPress-Plug-in...
Neben dem richtigen Content muss vor allem das Design Ihrer Website passen: Das CMS WordPress ist dafür bekannt, dass man das Aussehen der Website mit nur wenigen Klicks ändern kann. Noch einfacher wird dies, mit den richtigen WordPress-Themes. Die Vielfalt der an Templates oder Vorlagen ist jedoch riesig. Wir stellen die besten WordPress-Themes vor!
Der Look einer WordPress-Seite sollte zu den Inhalten passen und sich bei einer Neuorientierung Ihres Onlineauftritts entsprechend verändern. Dazu zählt auch das Design Ihres Themes. Sollte ein Theme veraltet oder überflüssig sein, stellt sich die Frage, wie sich ein WordPress-Theme löschen lässt. Helfen können hierbei das Dashboard, WP-CLI oder FTP. Wir zeigen, wie es geht.
Nur für kurze Zeit: So erhalten Sie zwei Gratis-Domains!
Kaufen Sie eine .de-Domain und erhalten Sie eine .com und .info Domain gratis dazu.
Sie empfehlen unsere Produkte über unseren Partner Aklamio weiter. Wir bedanken uns mit einer Geldprämie.
Weiterempfehlen
Professionell: 100% werbefrei