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();
?>

    <!-- 內(nèi)容 -->

<?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!