WordPress -Seiten -Design: Shortcodes v Seitenvorlagen

WordPress -Themenanpassung: Vergleich der Seitenvorlage und kurzer Code

WordPress hat eine dominante Position im Webdesign mit leistungsstarken Funktionen und Flexibilität. Viele erstaunliche Seitendesigns stammen aus WordPress -Themenanpassungsfunktionen, und Seitenvorlagen und Shortcodes spielen eine Schlüsselrolle. In diesem Artikel wird diese beiden Technologien eingehend untersucht, um Ihnen die Auswahl zu unterstützen, die Ihren Anforderungen am besten entspricht.

Kernpunkte

• WordPress implementiert hauptsächlich ein benutzerdefiniertes Seitendesign über Seitenvorlagen und Kurzcodes. Seitenvorlagen werden verwendet, um Kategorien, Artikel und Seiten im Standardthema wiederverwendbar anzuzeigen.
• Wenn Sie die gesamte Seite anpassen müssen, sollten Sie der Seitenvorlage Priorität geben.
• kurze Codes sind effizienter, wenn mehrere Seiten dieselbe Designvorlage erfordern. Durch das Hinzufügen von Shortcodes zum Plugin wird Vorlagen mit mehreren Themen kompatibel.
• Wählen Sie einen kurzen Code oder eine Seitenvorlage aus, hängt von Faktoren wie Wiederverwendbarkeit, Abhängigkeit, Portabilität und Benutzerfreundlichkeit ab. Kurzcodes sind für mehrere Zwecke geeignet, unabhängig von Themen.

wie man im benutzerdefinierten Design arbeitet

Jedes Thema hat seinen eigenen Mechanismus, um benutzerdefiniertes Seitendesign zu implementieren. Es gibt zwei Haupttechnologien:

Seitenvorlage

Das Standardthema enthält spezifische Seitentypen, die zur Anzeige von Kategorien, Artikeln und Seiten verwendet werden. Wir können unser eigenes Seitendesign mit WordPress -Seitenvorlagen hinzufügen. Definieren Sie einfach den Vorlagennamen oben auf der Seite. Der folgende Code enthält eine grundlegende Seitenvorlage:

<?php
/*
Template Name: 我的自定义模板
*/
get_header();
?>

    <!-- 内容 -->

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Nachdem Sie eine Vorlage definiert haben, können Sie sie der neu hinzugefügten Seite zuweisen, wie in der folgenden Abbildung gezeigt:

Kurzer Code

Kurzcodes sind wiederverwendbare Code -Snippets, die als Verknüpfungen fungieren, die komplexe Funktionen und Anzeigeoptionen bieten. In der Regel werden kurze Code -Design -Vorlagen in den Seiteneditor platziert, und Sie können die erforderlichen Daten hinzufügen oder ändern, um ein benutzerdefiniertes Design zu generieren. Das folgende Bild zeigt einen kurzen Code zum Erstellen eines Registerkartendesigns:

Die beiden Methoden haben ihre eigenen Vor- und Nachteile. Die Herausforderung für WordPress -Entwickler besteht darin, die richtige Methode für verschiedene Situationen auszuwählen. Unerfahrene Entwickler neigen dazu, beide Techniken zu missbrauchen. Daher müssen wir Folgendes berücksichtigen, bevor wir einen kurzen Code oder eine Seitenvorlage auswählen, um ein benutzerdefiniertes Design bereitzustellen.

Wie integriere ich benutzerdefiniertes Design in die Seite?

Eine normale WordPress-Seite enthält mehrere Sub-Template wie Header, Seitenleiste, Inhalt und Fußzeile. Schauen wir uns zunächst die Webseitenstruktur mit dem folgenden Bildschirm an:

Die Seite muss Header, Fußzeile und Inhalt enthalten. Die Seitenleiste ist optional und wir können sie nach unseren Vorlieben nach rechts oder links ausrichten. Lassen Sie uns nun sehen, wie benutzerdefinierte Designs, die mit Shortcodes und Seitenvorlagen erstellt wurden, in die obigen Seiten passen.

Kurzcodes können im Erstellungsbereich der Admin -Panel -Seite in den Inhaltseditor eingefügt werden. Daher gilt jedes aus dem kurze Code generierte Design nur für Seiteninhalte. Wenn wir die Vorlagendatei nicht anpassen, können wir keinen kurzen Code verwenden, um benutzerdefinierte Designs für Header, Fußzeile und Seitenleiste zu erstellen. Seitenvorlagen werden im Thema als separate Dateien platziert. Daher können wir die Seitenvorlagendatei anpassen und jedem der vier im obigen Bildschirm angezeigten Komponenten einen anderen Designtyp hinzufügen.

Schlussfolgerung

Wenn Sie die gesamte Seite anpassen müssen, sollten Sie die Seitenvorlage priorisieren. Kurzcodes eignen sich zum Hinzufügen von benutzerdefinierten Designs in den Hauptinhaltsbereich.

Füllen Sie Daten in benutzerdefiniertes Design

Füllen Sie Daten aus

Themenentwickler können nicht nur Vorlagen mit Beispieldaten erstellen und dann die Benutzer bitten, ihre eigenen Daten zu verwalten, indem sie die Quelldatei ändern. WordPress ist ein Content -Management -System, in dem Benutzer den Verwaltungsbereich verwenden sollten, um Daten in benutzerdefinierte Designs zu füllen. WordPress bietet die Möglichkeit, mit benutzerdefinierten Feldern dynamische Daten zu einer Seite hinzuzufügen. Nichttechnische Benutzer sind jedoch nicht mit dem Hinzufügen der erforderlichen Schlüssel und Werte zu benutzerdefinierten Feldern vertraut. Daher verwenden die meisten Themendesigner das Panel des Themas, um Daten in vordefinierte Seitenvorlagen zu füllen. Der Nachteil dieser Methode ist, dass jede Seitenvorlage nur eine Seite haben kann. Durch die Erlaubnis von Daten auf mehreren Seiten wird das Optionspanel sehr komplex und schwer zu handhaben. Hier finden Sie das Beispiel für Optionen für die Population von Daten auf der Startseite:

Andererseits ist es viel einfacher, Daten mit kurzen Codes zu füllen. Im Tinymce -Editor können wir benutzerdefinierte Schaltflächen zum Einfügen von Kurzcodes erstellen. Nach dem Klicken auf die Schaltfläche wird der kurze Code im Seiteneditor platziert und Sie können den kurzen Code mit den erforderlichen Daten nach Bedarf füllen. Das folgende Bild zeigt einen Inhaltseditor mit Shortcode -Schaltflächen zum Erstellen benutzerdefinierter Designs:

Dies ist die am häufigsten verwendete und effektivste Methode. Wir können mehrere Seiten mit derselben Shortcode -Designvorlage erstellen und relevante Daten als Attribute füllen.

Schlussfolgerung

Kurzcodes sind effektiver, wenn Sie auf mehreren Seiten dieselbe Designvorlage verwenden müssen.

Fügen Sie vorhandene Themen benutzerdefinierte Designs hinzu

Fortgeschrittene Themen enthalten normalerweise eine Reihe integrierter Seitenvorlagen oder benutzerdefinierte Seitendesigns. Angenommen, wir möchten eine neue Designvorlage erstellen, die standardmäßig nicht verfügbar ist. Schauen wir uns mögliche Lösungen anhand von Shortcodes und Seitenvorlagen an.

Seitenvorlage

Wir können ein neues Design als Seitenvorlage erstellen und in den Themenordner kopieren, um sofort zu funktionieren. Jede Seitenvorlage ist im Ordner Active Theme platziert. Sobald wir das Thema ändern, stürzt alle Inhalte mit unserer neuen Designseite ab, da es im neuen Thema keine Vorlage für diese Seite gibt.

Kurzer Code

In diesem Fall können wir das neue Design als Shortcode erstellen und es für Plugins verwenden, anstatt es in die Themendatei aufzunehmen, sodass wir es als Shortcode über mehrere Themen hinweg verwenden können.

Schlussfolgerung

Wenn Sie eine neue Designvorlage benötigen, erstellen Sie einen kurzen Code im Plugin, um die Vorlage mit mehreren Themen kompatibel zu machen.

So wählen Sie Kurzcodes und Seitenvorlagen

Im vorherigen Abschnitt haben wir drei verschiedene Aspekte besprochen, die bei der Auswahl eines kurzen Code oder einer Seitenvorlage berücksichtigt werden müssen. Schauen wir uns nun einige gemeinsame Richtlinien an, um sicherzustellen, dass wir diese Technologien effektiv anwenden.

Wiederverwendbarkeit

kurze Codes sind besser geeignet, wenn Sie die gleiche Vorlage mehrmals verwenden möchten. Seitenvorlagen eignen sich besser für eine einzelne statische Seite. Seiten wie die Homepage, über den Kontakt werden in den meisten Fällen als unabhängige Seiten verwendet. Daher sind Seitenvorlagen für diese Seiten geeignet. Es ist am besten, dynamische Seiten wie Dienste, Portfolios, Projekte usw. als Shortcode -Vorlagen zu erstellen.

Abhängigkeit

Shortcodes können als themenunabhängige Komponenten verwendet werden, während Seitenvorlagen auf Themen und Stilen angewiesen sind. Wenn Sie eine gemeinsame Designvorlage erstellen, stellen Sie sicher, dass Sie sie als Shortcode im Plugin erstellen, um sie mit Kreuzmedien kompatibel zu machen.

Porabilität

kurze Codevorlagen sind einfacher zu portieren als Seitenvorlagen. Sie können Shortcodes überall auf der Seite platzieren und mehrmals verwendet werden. Andererseits benötigen Sie eine vollständige Seite, um das Seitungsvorlage -Design zu verwenden.

Einfach zu verwenden

Seitenvorlagen werden vom Thema bereitgestellt. Als Benutzer müssen Sie nur eine Seitenvorlage für eine bestimmte Seite auswählen. Der kurze Code und die erforderlichen Daten werden in den Seitinhaltseditor platziert. Daher besteht eine gute Chance, dass Sie den Inhalt versehentlich löschen. In diesem Fall gehen alle Daten mit einem vollständigen Design verloren. Im Vergleich zu kurzen Codes sind Seitenvorlagen dauerhaft und nicht anfällig für Fehler. Aus Sicht eines Benutzers sind Seitenvorlagen einfacher und sicherer zu bedienen.

Gesamtschlussfolger

Es gibt keine eindeutige Schlussfolgerung, welche benutzerdefinierte Vorlagenentwurfsmethode besser ist. In den meisten Fällen hängt dies von der Kombination verschiedener Faktoren ab, die in diesem Artikel erwähnt werden. Sie müssen auf die spezifische Situation achten und die Methode auswählen, die der spezifischen Situation am besten entspricht.

Ich hoffe, meine Analyse hilft Ihnen dabei, den Unterschied zwischen der Verwendung von Kurzcodes und Seitenvorlagen besser zu verstehen und welche Methode für Ihr eigenes benutzerdefiniertes Seitendesign besser ist. Jetzt sollten Sie in der Lage sein, eine Shortcode- oder Seitenvorlage für die folgenden drei Szenarien auszuwählen:

1. Entwerfen Sie eine 3-Spal-Seite ohne Seitenleiste
2. Entwerfen Sie eine Werbeseite für Ihr Blog
3. Entwerfen Sie eine Preisliste, um Paketpreise für verschiedene Produkte und Dienstleistungen zu zeigen

Ich freue mich darauf, Ihre Antworten und Gründe im Kommentarbereich zu teilen.

WordPress -Seite Design FAQ: Kurzcodes und Seitenvorlage

• Was sind die Hauptunterschiede zwischen Kurzcodes und Seitenvorlagen in WordPress?

Die Kurzcodes und Seitenvorlagen in WordPress werden unterschiedlich verwendet. Kurzcodes sind kleine Codestücke, die in Ihre Beiträge und Seiten eingefügt werden können, um bestimmte Funktionen oder Designelemente wie Schaltflächen, Formulare oder Schieberegler hinzuzufügen. Seitenvorlagen hingegen sind Dateien, die das Layout und Design bestimmter Seiten oder Seitengruppen auf einer WordPress -Website bestimmen. Sie können verwendet werden, um einzigartige Layouts für verschiedene Teile einer Website zu erstellen, z. B. Portfolio -Seiten, Blogseiten oder Kontaktseiten.

• Wie erstelle ich benutzerdefinierte Seitenvorlagen in WordPress?

Um eine benutzerdefinierte Seitenvorlage in WordPress zu erstellen, müssen Sie eine neue PHP -Datei im Themenverzeichnis erstellen. Sie können diese Datei so benennen, wie Sie möchten, aber sie sollte mit ".php" enden. Ganz oben in dieser Datei müssen Sie einen Kommentar angeben, mit dem WordPress diese Datei als Seitenvorlage identifiziert. Dieser Kommentar sollte so aussehen: /* Template Name: 我的自定义页面 */. Danach können Sie alle HTML-, PHP- oder WordPress -Funktionen hinzufügen, die Sie in der Vorlage verwenden möchten.

• Kann ich Shortcodes in meiner benutzerdefinierten Seitenvorlage verwenden?

Ja, Sie können Shortcodes in benutzerdefinierten Seitenvorlagen verwenden. Dazu müssen Sie die von WordPress bereitgestellte do_shortcode -Funktion verwenden. Mit dieser Funktion können Sie einen kurzen Code in einer PHP -Datei ausführen. Wenn Sie beispielsweise einen Shortcode haben, der ein Kontaktformular anzeigt, können Sie diese in Ihre Seitenvorlage wie folgt einbeziehen: echo do_shortcode('[contact-form]');.

• Wie kann ich Seiten in WordPress benutzerdefinierte Seitenvorlagen zuweisen?

Um einer Seite in WordPress eine benutzerdefinierte Seitenvorlage zuzuweisen, müssen Sie die Seite bearbeiten, auf die Sie eine Vorlage zuweisen möchten. Suchen Sie im Seiteneditor auf der rechten Seite nach dem Feld "Page Properties". In diesem Feld sehen Sie ein Dropdown-Menü mit der Aufschrift "Vorlage". Klicken Sie auf dieses Menü und wählen Sie die Vorlage, die Sie verwenden möchten. Speichern Sie dann Ihre Änderungen und sehen Sie sich Ihre Seite an, um die neue Vorlage anzuzeigen.

• Kann ich sowohl Shortcodes als auch Seitenvorlagen auf derselben Seite verwenden?

Ja, Sie können sowohl Shortcodes als auch Seitenvorlagen auf derselben Seite verwenden. Sie können kurze Codes in den Inhalt der Seite einfügen und Seitenvorlagen verwenden, um das Gesamtlayout und das Design der Seite zu steuern. Dies bietet Ihnen viel Flexibilität beim Entwerfen und Bau von Seiten.

• Was sind die Einschränkungen bei der Verwendung von Kurzcodes oder Seitenvorlagen?

Die Hauptbeschränkung der Verwendung von Kurzcodes besteht darin, dass sie manchmal schwierig zu verwalten sind, wenn Sie viele Kurzcodes auf Ihrer Website haben. Wenn Sie das Thema ändern oder das Plugin deaktivieren, das Shortcodes bietet, funktioniert der Shortcode nicht mehr und ist auf Ihrer Website sichtbar. Seitenvorlagen hingegen sind themenspezifisch. Wenn Sie das Thema ändern, müssen Sie die Seitenvorlage im neuen Thema neu erstellen.

• Kann ich eine benutzerdefinierte Seitenvorlage erstellen, ohne Code zu schreiben?

Ja, es gibt mehrere WordPress -Plugins, mit denen Sie benutzerdefinierte Seitenvorlagen erstellen können, ohne Code zu schreiben. Diese Plugins bieten eine Drag & Drop-Schnittstelle, mit der Sie Seitenvorlagen entwerfen können. Einige beliebte Optionen sind Elementor, Beaver Builder und Divi.

• Wie aktualisiere ich benutzerdefinierte Seitenvorlagen?

Um die benutzerdefinierte Seitenvorlage zu aktualisieren, müssen Sie die PHP -Datei der Vorlage im Themenverzeichnis bearbeiten. Nehmen Sie die erforderlichen Änderungen vor und speichern Sie die Datei. Änderungen werden mit der Vorlage auf alle Seiten angewendet.

• Kann ich Shortcodes in meinem Gerät verwenden?

Ja, Sie können kurze Codes in Ihren Geräten verwenden. Fügen Sie dazu einfach das Text -Widget zu Ihrem Widget -Bereich hinzu und fügen Sie Ihren Shortcode in den Inhaltsbereich des Widgets ein.

• Wie erstelle ich Shortcodes in WordPress?

Um einen kurzen Code in WordPress zu erstellen, müssen Sie die Funktion den Funktionen des Themas hinzufügen. Php Datei oder benutzerdefiniertes Plugin. Diese Funktion sollte die von WordPress bereitgestellte add_shortcode -Funktion verwenden, um neue Shortcodes zu registrieren. Die Funktion add_shortcode nimmt zwei Parameter an: den Namen des kurzen Code und die Rückruffunktion, die die kurze Codefunktion definiert.

Das obige ist der detaillierte Inhalt vonWordPress -Seiten -Design: Shortcodes v Seitenvorlagen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!