So erstellen Sie eine Vorlagendatei in WordPress

Veröffentlicht: 2022-10-23

Es gibt zwei Möglichkeiten, eine Vorlagendatei in WordPress zu erstellen. Eine besteht darin, eine PHP-Datei zu erstellen und sie im Ordner Ihres Designs zu speichern. Die andere Möglichkeit besteht darin, eine WordPress-Seitenvorlage zu erstellen. Das Erstellen einer PHP-Datei ist die üblichere Methode zum Erstellen einer Vorlagendatei. Sie können einen Texteditor wie Notepad oder TextEdit verwenden, um eine PHP-Datei zu erstellen. Speichern Sie die Datei dann im Ordner Ihres Designs. Der Dateiname sollte etwa so lauten wie „template-file.php“. Um eine WordPress-Seitenvorlage zu erstellen, müssen Sie eine PHP-Datei erstellen und im Ordner Ihres Themes speichern. Der Dateiname sollte etwa so lauten wie „page-template.php“. In der Datei müssen Sie Code hinzufügen, um WordPress mitzuteilen, dass dies eine Seitenvorlage ist. Der Code sollte ungefähr so ​​aussehen: /* Vorlagenname: Seitenvorlage */ ? > Nachdem Sie die Datei gespeichert haben, können Sie im WordPress-Adminbereich zum Abschnitt „Seiten“ gehen. Sie sehen ein Dropdown-Menü „Seitenvorlage“. Wählen Sie die soeben erstellte Vorlage aus dem Dropdown-Menü aus.

Viele Websites haben Zielseiten, die sich stark vom Rest der Website unterscheiden. Wenn Sie eine benutzerdefinierte Seitenvorlage für WordPress wählen, können Sie ganz einfach Ihre eigenen Seiten entwerfen und gestalten. Eine Plug-in-Installation ist einfacher als eine Plug-in-Installation, da viel Handarbeit erforderlich ist. Wenn Sie einen eigenständigen FTP-Client verwenden, benötigen Sie einen FTP-Client, um Dateien auf Ihre WordPress-Website hochzuladen. Durch das Kopieren der Vorlage können wir uns die Navigation auf unserer Website erleichtern. Es gibt kein Skript in der Vorlagendatei, das WordPress mitteilt, wie eine Seite angezeigt werden soll. Als Ergebnis verwenden wir dies als Grundlage für unsere eigene Vorlage.

Sobald der Inhalt von page.php kopiert wurde, fügen Sie ihn in Ihre benutzerdefinierte Vorlagendatei ein. Da unsere benutzerdefinierte Vorlage bereits einen Header-Abschnitt hat, werden wir ihn entfernen. Eine leere Seite auf einer Website, die die neue Vorlage verwendet, wird nicht mehr angezeigt; Stattdessen wird eine aktualisierte Seite angezeigt. Wir begannen damit, die Themenseitenvorlage als Ausgangspunkt zu verwenden. Eine benutzerdefinierte Seitenvorlage ist vorteilhaft, da sie vollständig von den übrigen Beiträgen und Seiten getrennt ist. Welche Fehler sollten Sie bei der Verwendung einer benutzerdefinierten Seitenvorlage vermeiden? Mit Hilfe einfacher Programmier- und HTML-Kenntnisse können Sie mit WordPress alles erstellen, was Sie wollen.

Durch Öffnen der Präsentation können Sie diese als Vorlage speichern. Klicken Sie auf der Registerkarte Datei auf Als Vorlage speichern, um die Vorlage als Datei zu speichern. Geben Sie im Feld Speichern unter den Namen der neuen Vorlage ein. Es kann eine Option für (optional) geben. Das Feld Wo muss ausgefüllt und die Vorlage dort gespeichert werden.

Wählen Sie das Themenverzeichnis aus dem Dropdown-Menü Ihrer Vorlage aus. Das folgende Thema wurde zuvor im Abschnitt „WordPress Appearance“ vorgestellt. Durch Auswahl der zu bearbeitenden Datei und Klicken auf „Bearbeiten“ kann auf den Dateimanager-Editor zugegriffen werden. Nachdem Sie die gewünschte Bearbeitungsmethode ausgewählt haben, wird ein neues Fenster angezeigt.

Die Struktur der Darstellung Ihrer Inhalte wird durch WordPress-Templates vorgegeben. Diese Datei wird von Ihrem WordPress-Theme generiert und kann auf bestimmte Beiträge oder Seiten angewendet werden, um sie spezifischer erscheinen zu lassen. Es gibt Vorlagen für jede Art von Thema.

Wie erstelle ich eine neue Vorlage in WordPress?

Bildnachweis: memberfix.rocks

Um eine neue Vorlage in WordPress zu erstellen, müssen Sie eine neue Datei erstellen und sie entsprechend der Vorlage benennen, die Sie erstellen möchten. Wenn Sie beispielsweise eine Vorlage für einen bestimmten Beitragstyp erstellen möchten, würden Sie die Datei template-{post-type}.php nennen.

Es kann für eine Vielzahl von Zwecken verwendet werden, einschließlich benutzerdefinierter WordPress-Seiten. Jede Seite und jeder Beitrag auf einer WordPress-Website wird von einer Vorlagendatei namens page.php verwaltet. Für die Entwicklung oder Bearbeitung einer benutzerdefinierten Seitenvorlage in WordPress sind Grundkenntnisse in HTML, CSS und PHP erforderlich. Seiten, die die Datei page.php in /wp-contents/themes/YOUR THEME/ haben, sollten normal erscheinen. Um den Inhalt der Seite anzuzeigen, müssen Sie nun einige Zeilen codieren. In dieser Demo zeige ich Ihnen, wie Sie die standardmäßige Seitenvorlage Twenty Sixteen anpassen. Es ist klar, dass die an einer page.php-Datei vorgenommenen Änderungen auf jeder Seite der Website sichtbar sind. Darüber hinaus können Sie Benutzern bestimmte Berechtigungen zuweisen, indem Sie eine benutzerdefinierte Benutzerrolle in WordPress erstellen. In der kostenlosen Testphase bei Cloudways können Sie sehen, wie WordPress-Hosting von Cloudways Ihre Website beschleunigen kann.

Was sind WordPress-Vorlagendateien?

Bildnachweis: Pinterest

WordPress- Vorlagendateien sind für das Erscheinungsbild Ihrer WordPress-Website verantwortlich. Sie werden normalerweise in Ihrem WordPress-Theme-Ordner gespeichert. Vorlagendateien bestehen aus Code und Markup, die WordPress mitteilen, wie Inhalte auf Ihrer Website angezeigt werden sollen.

Theme-Vorlagen werden für WordPress-Themes verwendet. WordPress lädt eine Vorlage basierend auf der Anfrage des Benutzers, wenn er eine Seite Ihrer Website besucht. Der Index ist neben den anderen die wichtigste Vorlagendatei. Ein Vorlagenteil ist ein Codestück, das in einer anderen Vorlage enthalten ist, z. B. dem Website-Header. Unabhängig von den Einstellungen auf der Admin-Seite wird die Startseitenvorlage immer als Startseite der Website verwendet, sofern vorhanden. Diese Vorlage wird verwendet, um die neuesten Beiträge anzuzeigen, wenn WordPress dies nicht zulässt. Das Skript archive-books.php kann verwendet werden, um ein Archiv mit Beiträgen eines benutzerdefinierten Beitragstyps namens Bücher anzuzeigen.

Die Vorlage für Bildanhänge ist eine neuere Version von attachment.php, die verwendet wird, wenn ein einzelner Bildanhang angezeigt wird. Eine Suchergebnisvorlage zeigt die Ergebnisse der Suche eines Besuchers an. Blöcke werden eher in Blockdesigns als in Vorlagen verwendet. Sie können eine Fußzeilen- oder Kopfzeilenvorlage einschließen, indem Sie Block-Markup in den Vorlagenteil einfügen.

Das Tag „Vorlage“ gibt Ihnen die Kontrolle darüber, wie Ihre Seite aussieht und sich verhält. Dieses Programm kann zum Erstellen von Seitenvorlagen verwendet werden, mit denen Seiten schneller erstellt werden können. Dieses Tool ist auch nützlich, um benutzerdefinierte Seitentypen zu erstellen. Das Template>-Tag kann verwendet werden, um das Layout und den Inhalt einer Seite zu definieren. Dieses Programm kann verwendet werden, um Vorlagen zu erstellen, die zum Erstellen anderer Seiten verwendet werden können. Es ist auch eine gute Idee, benutzerdefinierte Seitentypen mit dem *template]-Tag zu erstellen. Sie können damit Seitentypen erstellen, die zum Erstellen anderer Seitentypen verwendet werden können. Sie können mit diesem Programm auch benutzerdefinierte Beitragstypen erstellen.

Wie speichere ich eine WordPress-Seite als Vorlage?

Bildnachweis: code.tutsplus.com

Um eine WordPress-Seite als Vorlage zu speichern, müssen Sie zunächst eine neue Seitenvorlagendatei erstellen . Sie können dies tun, indem Sie eine neue Datei im Verzeichnis Ihres Themas erstellen und sie page-{slug}.php nennen. In die Datei müssen Sie den folgenden Code einfügen: /* Vorlagenname: {Name der Vorlage} */ // Der Rest des Vorlagencodes gehört hierher… Nachdem Sie die Datei erstellt haben, können Sie zu den Seitenattributen gehen Abschnitt beim Bearbeiten einer Seite und wählen Sie die Vorlage aus dem Dropdown-Menü aus.

Wenn Sie eine benutzerdefinierte Vorlage für Ihre Website erstellen, haben Sie mehr Kontrolle über deren Aussehen. Dadurch müssen Sie nicht mehr jede Seite Ihrer Website manuell aktualisieren. Mit benutzerdefinierten Seitenvorlagen können Sie auch Zeit und Mühe sparen. WordPress kann zum Erstellen von Seitenvorlagen auf zwei Arten verwendet werden. Wenn Sie bereits mit der Erstellung von WordPress-Themes vertraut sind, möchten Sie vielleicht die manuelle Methode wählen. Es erfordert ein wenig Programmierkenntnisse, ermöglicht es Ihnen aber auch, es schnell und einfach zu ändern. In diesem Tutorial laden wir eine Vorlagendatei in Ihr aktuelles Design hoch.

So erstellen Sie eine grundlegende WordPress-Seitenvorlage mit Elementor oder Beaver Builder. Eine Elementor-Seite kann mit dem Drag-and-Drop-Editor von WordPress erstellt und angepasst werden. Um auf einen Block oder eine komplette Seite zuzugreifen, klicken Sie einfach auf das Ordnersymbol und wählen Sie es aus. Jedes Element auf Ihrer Seite kann dann mit Einstellungen konfiguriert werden. Das Page Builder-Plugin enthält einen Drag-and-Drop-Editor sowie eine Vielzahl von Moduloptionen. Das Erstellen einer benutzerdefinierten WordPress-Seitenvorlage ist der erste Schritt zum Erstellen eines Blogs oder einer Website. Sie können dies auf zwei Arten tun: entweder durch Importieren Ihrer vorhandenen Software oder durch Konfigurieren, damit Sie sie anpassen können. WordPress bietet eine Vielzahl von Layouts, aus denen Sie wählen können, einschließlich Vorlagen für einzelne Posts. Der Prozess ermöglicht es Ihnen auch, das Design Ihrer Website ganz einfach an Ihre spezifischen Bedürfnisse anzupassen.

Wo finde ich WordPress-Vorlagendateien?

Es gibt einige Orte, an denen Sie nach WordPress-Vorlagen suchen können. Einer ist der WordPress Codex, der eine Liste einiger beliebter Themen enthält. Ein weiterer großartiger Ort zum Suchen ist die Google-Suche. Sie können auch viele Theme-Entwickler finden, die Themes auf ihren eigenen Websites verkaufen. Schließlich können Sie auch Premium-Themes von vielen verschiedenen Orten online kaufen.

WordPress-Themes, auch bekannt als WordPress-Vorlagen, sind eine Sammlung von WordPress-Vorlagen, die alle aus WordPress-Vorlagen-Tags bestehen. In jedem Thema finden Sie mindestens fünf Vorlagen. Im Theme-Ordner von Twenty Thirteen (/WP-content/themes/twentythirteen) finden Sie die Vorlagendateien. Indem Sie Aussehen auswählen, können Sie sich die Vorlagendateien in einem Design auf Ihrem WordPress-Dashboard ansehen. Die Seite „Designs bearbeiten“ zeigt eine Liste der verschiedenen Vorlagen des aktiven Designs an. Navigieren Sie zur rechten Seite der Seite und wählen Sie den Vorlagennamen in der Liste unten aus, um die Vorlage anzuzeigen und zu bearbeiten.

So erstellen Sie eine benutzerdefinierte Seitenvorlage in WordPress

Eine benutzerdefinierte Seitenvorlage ist eine großartige Möglichkeit, Ihrer Website ein einzigartiges Aussehen zu verleihen. Sie können eine benutzerdefinierte Seitenvorlage verwenden, um eine Zielseite, eine Info-Seite oder eine Kontaktseite zu erstellen.
Um eine benutzerdefinierte Seitenvorlage zu erstellen, müssen Sie eine neue Datei in Ihrem WordPress-Design erstellen. Die neue Datei sollte als page-{slug}.php gespeichert werden, wobei {slug} der Name Ihrer Seitenvorlage ist.
Nachdem Sie die neue Datei erstellt haben, müssen Sie den folgenden Code am Anfang der Datei hinzufügen:
/*
Vorlagenname: {Name der Seitenvorlage}
*/
Der obige Code weist WordPress an, diese Datei als Ihre benutzerdefinierte Seitenvorlage zu verwenden.
Nachdem Sie den Code am Anfang Ihrer neuen Datei hinzugefügt haben, können Sie der Datei Ihren HTML-, CSS- und PHP-Code hinzufügen. Auf diese Weise können Sie eine vollständig benutzerdefinierte Seitenvorlage erstellen.

Die Verwendung von Seitenvorlagen ist eine hervorragende Möglichkeit, Ihrer Website strukturelle Variationen oder hochgradig angepasste Funktionen hinzuzufügen. Sie sind für Anfänger einfach zu erstellen und haben das Potenzial, selbst erfahrene Profis zu beschäftigen, was sie zu einem einfachen Einstieg macht. Durch die Verwendung einer Seitenvorlage können Sie die Struktur Ihrer Website ändern und neue Funktionen hinzufügen. Ihre Seitenvorlagen bieten Ihnen Ihre eigene Kontrolle darüber. Rufen Sie bei Bedarf Kopfzeile, Fußzeile und andere Elemente der Seite auf. Lassen Sie uns eine Seitenvorlage erstellen, mit der Benutzer festlegen können, wie Beiträge auf der Seite platziert werden sollen. Advanced Custom Fields ist eines meiner Lieblings-Plugins und ich glaube, dass es sein volles Potenzial ausschöpfen kann.

Das Beste, was Sie tun können, ist, eine eigene Seitenvorlage zu erstellen. Sie können die Ablenkungen und zeitraubenden Prozesse beseitigen und gleichzeitig Zeit sparen, indem Sie das CustomPress-Plugin installieren. Die vollständigen Installations- und Konfigurationsinformationen finden Sie auf der CustomPress-Seite unter der Registerkarte „Nutzung“. Bevor Sie mit der Einrichtung beginnen, sollten Sie zunächst Ihre Seitenvorlage erstellen. Nur der Super-Admin kann benutzerdefinierte Seitenvorlagen oder benutzerdefinierte Beitragstypen erstellen, wenn Sie CustomPress im Netzwerk aktivieren. Wenn Sie es Site-by-Site aktivieren, kann jede Site, die über das Plugin verfügt, einen eigenen Beitragstyp und eine eigene Vorlage erstellen. Als Ergebnis erstellen Sie eine Beitragsvorlage basierend auf dem Fähigkeitstyp.

Durch Klicken auf die Schaltfläche „Beitragstyp hinzufügen“ auf der Registerkarte „Standard-Beitragstypen“ können Sie den Typ des Beitrags ändern. Als fiktives Plugin-Unternehmen möchte ich dem Editor einige Optionen hinzufügen können, z. B. die Plugin-Version. Im Abschnitt Benutzerdefinierte Felder hinzufügen kannst du angeben, welche Beitragstypen oder Seitenvorlagen im Editor angezeigt werden sollen, wenn benutzerdefinierte Felder verwendet werden. Unter Feldtyp können Sie ändern, wie Benutzer Informationen für diese Feldoption eingeben können. Der Editor zeigt Ihr benutzerdefiniertes Feld an, aber es wird nicht auf Ihrer Seite angezeigt, bis Sie ein Stück PHP-Code oder einen Shortcode darin einfügen. Um den Code zu finden, suchen Sie nach /wp-content/themes/your-theme/single-post_name.php. Wenn Sie möchten, fügen Sie den Shortcode einfach dort in den Seiteneditor ein, wo er erscheinen soll.

Mit CSS können Sie Ihre Felder so anzeigen lassen, wie Sie es möchten. Wenn Sie PHP-Einbettungscode generieren, schließen Sie ihn in benutzerdefinierte Code-Tags ein. Wenn Sie bereits einen Klassennamen für Ihr Design erstellt haben, gehen Sie zur Datei style.html und fügen Sie sie Ihrem Design hinzu. Mit dieser Funktionalität sowie benutzerdefiniertem CSS und Javascript kann eine Website atemberaubend sein.

So erstellen Sie eine benutzerdefinierte Blog-Vorlage in WordPress

Das Erstellen einer benutzerdefinierten Blog-Vorlage in WordPress ist ein ziemlich einfacher Vorgang. Zuerst müssen Sie eine neue Datei in Ihrem WordPress-Theme-Verzeichnis erstellen und sie „single.php“ nennen. Als nächstes müssen Sie den folgenden Code in Ihre neue Datei kopieren: /** * Das Template für die Anzeige aller einzelnen Posts. * * @package WordPress * @subpackage Twenty_Ten * @since Twenty Ten 1.0 */ get_header(); ? > Nachdem Sie Ihre neue Datei gespeichert haben, müssen Sie die „style.css“-Datei Ihres WordPress-Themes bearbeiten und unten den folgenden Code hinzufügen: .single { background: #fff; Rand: 1px solide #ddd; Polsterung: 20px; } Dieser Code fügt Ihrer neuen benutzerdefinierten Blog-Vorlage einige grundlegende Stile hinzu. Sie können diesen Code natürlich bearbeiten, um ihn besser an das Design Ihres WordPress-Themes anzupassen. Schließlich müssen Sie Ihre WordPress-Einstellungen „Einstellungen -> Lesen -> Startseitenanzeigen“ bearbeiten und „Eine statische Seite“ auswählen. Danach müssen Sie Ihre neue Vorlagendatei „single.php“ als Ihre „Posts-Seite“ auswählen.

WordPress-Standardvorlagendatei

Eine Standardvorlagendatei in WordPress ist eine Vorlagendatei, die als Ausgangspunkt für die Erstellung neuer Vorlagendateien in einem WordPress-Design verwendet wird. Standardvorlagendateien befinden sich im Verzeichnis /wp-content/themes/.