WordPress Theme Spickzettel für Anfänger

Suchen Sie nach einem WordPress-Theme-Spickzettel, um Ihr Design schnell zu ändern oder ein neues benutzerdefiniertes Design zu erstellen? WordPress verfügt über viele integrierte Vorlagen-Tags, mit denen Sie einen Vorsprung erzielen können. In diesem Artikel stellen wir ein WordPress-Theme-Spickzettel für Anfänger zur Verfügung.

Bevor Sie loslegen

WordPress verfügt über eine leistungsstarke Templating-Engine, mit der Designentwickler wunderschöne Designs für WordPress-basierte Websites erstellen können. Es gibt sowohl Premium- als auch kostenlose WordPress-Themes, die Sie auf Ihrer Website installieren können.

Jedes WordPress-Theme bietet eine Reihe von Anpassungsoptionen. Mit diesen Optionen können Sie Farben ändern, Kopfzeilenbilder hinzufügen, Navigationsmenüs einrichten und vieles mehr.

Sie sind jedoch immer noch darauf beschränkt, welche Funktionen Ihr Thema unterstützt. Manchmal möchten Sie möglicherweise geringfügige Änderungen an Ihrem WordPress-Design vornehmen, für die ein Code erforderlich ist. Dazu benötigen Sie einige grundlegende PHP-, HTML- und CSS-Kenntnisse.

Zuerst sollten Sie sich mit der Funktionsweise von WordPress und den WordPress-Theme-Vorlagen vertraut machen.

Danach gibt es einige Best Practices, denen Sie folgen möchten. Erstellen Sie beispielsweise ein untergeordnetes Design, anstatt Ihre Änderungen direkt in den Designdateien vorzunehmen.

Sie können Ihr Thema auch üben, indem Sie WordPress auf Ihrem Computer installieren.

Lassen Sie uns an dieser Stelle in unser WordPress-Design-Spickzettel für Anfänger eintauchen.

Grundlegende WordPress-Theme-Vorlagen

Jedes WordPress-Design besteht aus verschiedenen Dateien, die als Vorlagen bezeichnet werden. Alle WordPress-Designs müssen über ein Stylesheet und eine Indexdatei verfügen, normalerweise werden jedoch viele andere Dateien angezeigt.

Im Folgenden finden Sie eine Liste der Basisdateien, die jedes Thema enthält:

• style.css
• header.php
• index.php
• sidebar.php
• footer.php
• single.php
• page.php
• comments.php
• 404.php
• Functions.php
• Archiv.php
• searchform.php
• search.php

Wenn Sie ein eigenes Thema erstellen, können Sie mit einem der WordPress-Starter-Designs beginnen. Diese Themes werden mit gebrauchsfertigen WordPress-Vorlagendateien und CSS geliefert, die Ihnen ein Framework bieten, auf dem Sie aufbauen können.

Vorlagen-Tags in der Kopfzeile

WordPress verfügt über eine Reihe praktischer Funktionen, mit denen Sie verschiedene Themen in Ihrem Thema ausgeben können. Diese Funktionen werden als Template-Tags bezeichnet.

Die erste und wahrscheinlich wichtigste Funktion, die in allen standardkonformen WordPress-Themes erforderlich ist, heißt wp_head und sieht folgendermaßen aus:

Dieser Code ruft alle wichtigen HTML-Elemente ab, die WordPress hinzufügen muss Abschnitt jeder Seite auf Ihrer Website. Es ist auch wichtig, dass viele WordPress-Plugins ordnungsgemäß auf Ihrer Website funktionieren.

Nachfolgend finden Sie eine Liste mit Vorlagen-Tags, die Sie häufig in der Datei header.php Ihres Themes finden und verwenden werden. Sie können jedoch auch an anderer Stelle in Ihrem Thema verwendet werden, wenn Sie sie benötigen.

 // Titel des Blogs oder des Blognamens // Titel einer bestimmten Seite // Genaue URL für die Website // Beschreibung der Website // Speicherort der Designdatei der Website // Link zum Speicherort von Style.css // RSS-Feed-URL für die Website // Pingback-URL für die Website // WordPress-Versionsnummer  

In anderen Design-Dateien verwendete Vorlagen-Tags

Lassen Sie uns nun einige andere häufig verwendete Vorlagen-Tags und ihre Funktionen anschauen.

Die folgenden Vorlagen-Tags werden zum Aufrufen und Einschließen anderer Vorlagen verwendet. In der Datei index.php Ihres Themas werden sie beispielsweise verwendet, um Kopf-, Fußzeile, Inhalt, Kommentare und Seitenleistenvorlagen einzubeziehen.

 // Zeigt den Inhalt der Header.php-Datei an // Zeigt den Inhalt der Footer.php-Datei an // Zeigt den Inhalt der Sidebar.php-Datei an // Zeigt den Inhalt der Comment.php-Datei an  

Die folgenden Vorlagen-Tags werden in der WordPress-Schleife verwendet, um Inhalte, Ausschnitte und Metadaten aus Ihren Posts anzuzeigen.

 // Zeigt den Inhalt des Beitrags an // Zeigt den Auszug an, der in Beiträgen verwendet wird // Titel des spezifischen Beitrags // Link des spezifischen Beitrags // Kategorie eines bestimmten Beitrags // Autor des spezifischen Beitrags // ID von ein bestimmter Beitrag // Bearbeitungslink für einen Beitrag // Nur für angemeldete Benutzer mit Bearbeitungsberechtigungen sichtbar // URL der nächsten Seite // URL der vorherigen Seite  

WordPress-Themes enthalten Widget-bereite Bereiche, die als Sidebars bezeichnet werden. Hierbei handelt es sich um Orte in Ihren Designdateien, an die Benutzer WordPress-Widgets ziehen und ablegen können. Häufig hat ein Thema mehrere Standorte, an denen Benutzer Widgets hinzufügen können.

Am häufigsten befinden sich diese Widgetbereiche jedoch in der rechten oder linken Seitenleiste des Designlayouts. Weitere Informationen finden Sie in unserem Handbuch zum Hinzufügen dynamischer Widget-Seitenleisten in Ihrem WordPress-Design.

Hier ist der Code, der zum Anzeigen einer Seitenleiste in Ihrem Design verwendet wird.

Sie müssen die Sidebar-1 durch den Namen ersetzen, der von Ihrem Design für den jeweiligen Widget-Ready-Bereich oder die Sidebar definiert wurde.

Vorlagen-Tags zum Anzeigen von Navigationsmenüs

WordPress verfügt über ein leistungsstarkes Menüverwaltungssystem, mit dem Benutzer Navigationsmenüs für ihre Website erstellen können. Ein WordPress-Theme kann mehrere Navigationsmenüpositionen haben.

In unserem Handbuch erfahren Sie, wie Sie in einem WordPress-Theme eigene Navigationsmenüs erstellen.

Nachfolgend finden Sie den Code, der in Ihrem Design zum Anzeigen eines Navigationsmenüs verwendet wird.

  'my-custom-menu', 'container_class' => 'custom-menu-class')); ?> 

Die Position des Themas hängt von dem Namen ab, mit dem Ihr Theme das Navigationsmenü registriert hat. Die CSS-Containerklasse kann beliebig aufgerufen werden. Es wird Ihr Navigationsmenü umgeben, sodass Sie es entsprechend anpassen können.

Verschiedene Vorlagen-Tags

Im Folgenden sind einige der Tags aufgeführt, die Sie normalerweise in Ihrem WordPress-Design verwenden.

 // Zeigt das Datum an, an dem der aktuelle Beitrag geschrieben wurde. // Zeigt an, wann das letzte Mal ein Beitrag geändert wurde. Get_the_modified_time // Zeigt den letzten Änderungszeitpunkt für einen Beitrag an. // Zeigt das Miniaturbild oder das hervorgehobene Bild an // Zeigt den Gravatar eines Benutzers aus der E-Mail-Adresse an. // Bei 32 Pixel handelt es sich um die Größe. Sie können die Größe ändern. // Zeigt den Gravatar des Autors des aktuellen Beitrags an  

Bedingte Tags in WordPress-Themes

Bedingte Tags sind Funktionen, die Ergebnisse in "True" oder "False" zurückgeben. Diese bedingten Tags können in Ihrem Theme oder Plugin verwendet werden, um zu prüfen, ob bestimmte Bedingungen erfüllt sind, und Sie können entsprechend etwas tun.

Zum Beispiel, wenn der aktuelle Beitrag ein gekennzeichnetes Bild hat oder nicht. Wenn das Bild nicht über ein gekennzeichnetes Bild verfügt, können Sie stattdessen ein standardmäßig angezeigtes Bild anzeigen.

 '; ?> 

Im Folgenden sind einige weitere bedingte Tags aufgeführt, die Sie verwenden können.

 // Überprüft, ob ein einzelner Beitrag angezeigt wird. Is_single () // Überprüft, ob eine Seite angezeigt wird. Is_page () // Überprüft, ob die Hauptseite des Blogs angezeigt wird. Is_home () // Überprüft, ob eine statische Startseite angezeigt wird is_front_page ( ) // Überprüft, ob der aktuelle Viewer in is_user_logged_in () angemeldet ist. 

Es gibt viele weitere bedingte Tags, die Sie verwenden können. Die vollständige Liste der bedingten Tags finden Sie auf der WordPress-Codex-Seite zu den bedingten Tags.

Die WordPress-Schleife

Die Schleife oder die WordPress-Schleife ist der Code, der zum Abrufen und Anzeigen von Beiträgen in WordPress verwendet wird. Viele WordPress-Vorlagen-Tags funktionieren möglicherweise nur innerhalb der Schleife, da sie den post- oder post_type-Objekten zugeordnet sind.

Das folgende Beispiel zeigt eine einfache WordPress-Schleife.

   
Geschrieben von 
  
Gespeichert in: | Tagged: | Bemerkungen
  
Verzeihung, keine Artikel passen auf deine Kriterien.
  

Weitere Informationen zur Schleife finden Sie unter Was ist eine Schleife in WordPress (Infografik)?.

Wir hoffen, dieser Artikel hilft Ihnen als grundlegendes WordPress-Theme-Spickzettel für Anfänger. Möglicherweise möchten Sie auch unsere Liste der nützlichsten Tricks für die WordPress-Funktionsdatei anzeigen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unsere Video-Tutorials für unseren YouTube-Kanal für WordPress. Sie finden uns auch auf Twitter und Facebook.