WordPress How-To: Erstellen Sie ein Showcase für WP Themes Demos

Artikel geschrieben von:
  • Blogging-Tipps
  • Aktualisiert: Aug 12, 2013

Die Entwicklung des WordPress-Themas hat sich in den letzten Jahren wirklich durchgesetzt, da die WordPress-Software weltweit mehr als 60 Millionen Benutzer erreicht hat. Das Unternehmen hat auch seine enthüllt WordPress.com Remote gehostete Blogging-Lösung, vergleichbar mit Diensten wie Blogger Daten tumblrDies erhöht die Nachfrage nach Themen und das Umsatzpotenzial, das durch die Entwicklung dieser umfangreichen PHP-Vorlagen erzielt werden kann. Viele Autoren sind mit der Praxis der Software vertraut, ein kleines Miniaturbild des Themas in Aktion zu fordern, um es potenziellen Themenbenutzern anzuzeigen. Sie können einen Schnappschuss davon sehen, wie das Thema aussehen wird, wenn es auf ihrer Website umgesetzt wird, und das ist gut genug für eine große Anzahl von WordPress-Benutzern und -Entwicklern.

Erstellen eines Showcase für WP-Themes mit Live- und funktionalen Demos

WordPress Demo Theme
* Bildschirm erfasst von Elegant Themes - Ein erstklassiger WordPress Themes Club, den ich seit Jahren benutze.

Es gibt jedoch anspruchsvollere Benutzer und WordPress-Theme-Entwickler, und ein einfaches Miniatur-Screenshot-Bild reicht nicht aus, um die subtilen Details und den beabsichtigten Effekt eines Themas zu demonstrieren. Die Unzufriedenheit mit diesen kleinen Themenbildern hat eine große Anzahl von Themenentwicklern veranlasst, eine vollständige Website-Vorschau ihrer Arbeit zu starten. Bei diesen Vorschauen handelt es sich um tatsächliche WordPress-Blogs, die das vollständig entwickelte WordPress-Thema auf einer Website verwenden, das der Downloader des Themas vollständig navigieren und erleben kann, bevor er das Thema auf seiner eigenen Website verwendet oder das Thema für kauft ihre eigenen Zwecke. Es ist nicht nur attraktiver und informativer als typische Miniaturbild-Screenshots, sondern auch eine weitaus effektivere Möglichkeit, Themen in diesem wachsenden Markt zu vermarkten und zu verkaufen.

Das Erstellen einer solchen Website wird jedoch als zu komplex angesehen, und viele Menschen sind sich einfach nicht sicher, wie sie eine einfache WordPress-Website in eine Galerie selbst gestalteter Themen verwandeln können. Durch die Verwendung der integrierten WordPress-Funktionen und einiger Funktionen, die über Plugins von Drittanbietern aktiviert werden, ist das Erstellen einer Theme-Demo-Site nicht nur eine clevere Sache für Unternehmen, sondern auch die einfachste Möglichkeit, Benutzern alle Fähigkeiten und Talente eines Entwicklers zu zeigen arbeiten mit.

Hier ist, wie es gemacht wird.

Schritt 1: Holen Sie sich diese WordPress-Themes online zur Ansicht

WordPress Demo Theme

Damit dieser Ansatz funktioniert, muss jedes Thema, das ein Entwickler potenziellen Benutzern oder Kunden demonstrieren möchte, in das Standard-WordPress-Themerverzeichnis (/ public_html / wp-content / themes /) gestellt werden. Stellen Sie sicher, dass alle Designbilder hochgeladen sind und die Designordner alle Kleinbuchstaben ohne Leerzeichen oder Satzzeichen sind, da dies für die Bereitstellung und Vorschau dieser Designs auf mehreren WordPress-Sites mit einer der fortschrittlicheren integrierten Funktionen von WordPress unerlässlich ist 3.0 und höher.

Wenn die Themes vollständig hochgeladen wurden, ist es an der Zeit, aus dem Themes-Verzeichnis in den Standard-WordPress-Stammordner zurückzukehren, bei dem es sich höchstwahrscheinlich um das Verzeichnis "public_html" handelt.

Schritt 2: Aktivieren von WordPress Multisite für die Theme-Präsentation

WordPress Demo Theme

Die einfachste Möglichkeit, eine Theme-Demonstrations-Site zu aktivieren, ist die Verwendung der vorhandenen WordPress-Multi-Site-Funktion, die jetzt als "Branded" bezeichnet wird WordPress-Netzwerke. Dieses Verfahren umfasst die Verwendung einer einzigen Datenbank, um eine nahezu unendliche Anzahl von WordPress-Blogs zu erstellen, die jeweils mit einzigartigen Inhalten gefüllt und unter Verwendung eines völlig anderen Designs pro Blog gestaltet werden können. Dadurch wird im Wesentlichen eine vollständige WordPress-Demonstrationssite mit Einträgen, Archiven, Seiten, Kategorien und anderen Informationen für jedes Thema erstellt, das ein Entwickler erstellt hat.

Fügen Sie in der "wp-config.php" -Datei, die sich im WordPress-Stammverzeichnis befindet, einfach die folgende Zeile ein. Dadurch wird das Dashboard angewiesen, die WordPress Networks-Funktion zu aktivieren und ein Konfigurationssteuerfeld zur Konfiguration der Einstellungen bereitzustellen.

define ('WP_ALLOW_MULTISITE', true);

Speichern Sie die Datei und navigieren Sie zum WordPress-Dashboard, wo in der Seitenleiste unter der Überschrift "Extras" ein Link "Netzwerkeinrichtung" angezeigt wird. Wählen Sie in diesem Dialogfeld aus, ob Blogs in einer Unterdomäne oder einem Unterordner installiert werden sollen, und legen Sie ein Verzeichnis für die hochgeladenen Medien fest. Fahren Sie mit dem nächsten Abschnitt des Setups fort, in dem das WordPress-Dashboard einige Codezeilen druckt, die in die Dateien „wp-config.php“ und „.htaccess“ im Stammverzeichnis des Servers eingefügt werden müssen.

Kehren Sie zu einem FTP-Client zurück, um diese Änderungen vorzunehmen. Stellen Sie sicher, dass jede Codezeile ordnungsgemäß kopiert und eingefügt wird und dass alle Klammern und Semikolons vorhanden sind. Wenn Sie nicht den richtigen Code in einer der Dateien sicherstellen, führt dies zu allen Arten von Website- und WordPress-Fehlern, die die Website-Funktionalität stark einschränken können.

Es ist zu beachten, dass die Datei „.htaccess“ bei Verwendung eines herkömmlichen FTP-Clients häufig nicht angezeigt wird. In diesem Fall sollten Benutzer zu ihrem cPanel, Plesk Panel oder einer anderen Server-Bedienfeldsoftware navigieren und die Datei mit bearbeiten ein webbasierter Dateimanager. Diese webbasierten Anwendungen können versteckte Ordner anzeigen und bearbeiten, wenn dies bei herkömmlichen FTP-Clients nicht der Fall ist.

Schritt 3: Erstellen Sie ein Blog für jede WordPress-Theme-Demonstration

Der fortgeschrittene Coding-Teil des Prozesses ist nun vorbei, aber der mühsamste Aspekt beim Erstellen einer WordPress-Theme-Demonstrations-Site muss noch abgeschlossen werden. Die Funktionsweise dieser Methode ist ziemlich einfach: Jedes Thema, das den Benutzern gezeigt wird, muss in einem komplett neuen Blog angezeigt werden, das über einen Unterordner oder eine Subdomain erreichbar ist. Das bedeutet, dass ein Themenentwickler zum WordPress-Dashboard zurückkehren und mit dem Erstellen von so vielen Blogs beginnen muss, wie sie Themen erstellt haben. Jedes Blog kann über ein spezielles WordPress-Netzwerk-Dashboard eingerichtet werden, auf das zugegriffen werden kann. Dies ist eine Art "Sub-Dashboard" innerhalb des traditionellen WordPress-Kontrollfelds.

Wählen Sie in diesem Dashboard das Blog aus, für das eine neue Vorlage erstellt werden soll, und klicken Sie in der Seitenleiste auf "Darstellung". Suchen Sie einfach das Thema, das demonstriert werden soll, und aktivieren Sie es im Blog. Stellen Sie sicher, dass Sie einige Beispieleinträge schreiben, damit die Benutzer alle Funktionen des Themas in Aktion sehen können, und wiederholen Sie den Vorgang im nächsten Blog, damit das nächste angezeigt wird Thema kann demonstriert werden.

Entwickler, die etwas unternehmen, sind möglicherweise etwas erleichtert, wenn sie Plugins kennenlernen, die diesen Prozess unterstützen können.

Das erste Plugin, bekannt als Replicatorkann verwendet werden, um sofort eine große Anzahl von Instanzen mit mehreren Standorten zu erstellen, ohne jede über einen langen Zeitraum einzeln einzurichten. Das Plugin wird im Nicht-Netzwerk-Dashboard für die Verwendung mit Blogs mit mehreren Standorten installiert und aktiviert. Bei Verwendung kann ein Entwickler grundlegende Blogeinstellungen festlegen, die für die Anzahl der zu erstellenden Blogs gelten. Diese Einstellungen sind universell, müssen jedoch das von jeder Iteration mit mehreren Standorten verwendete Thema manuell festlegen.

Ein zweites Plugin ist bekannt als Diamond Multisite Plugin, und dies wird verwendet, weil es ein nützliches Seitenleisten-Widget enthält, das die Benutzerfreundlichkeit einer Site erhöht. In diesem Widget werden alle vom WordPress-Dashboard erstellten Blogs mit mehreren Sites in alphabetischer Reihenfolge aufgelistet. In den Seitenleisten der Themendemonstrationssites können Benutzer problemlos direkt zwischen den Themen navigieren, anstatt jedes Mal zur Indexseite der Site zurückzukehren, wenn sie eine Vorschau eines anderen Themas in Aktion auf der Website des Entwicklers anzeigen möchten. Es ist sicherlich nicht erforderlich, aber die Verbesserung der Benutzerfreundlichkeit kann nur dazu beitragen, das Endergebnis einer Website zu verbessern und die Übernahme der WordPress-Themendesigns zu fördern.

Ein alternativer Ansatz: Mehrere WordPress-Iterationen installieren

Es gibt wirklich keinen Grund, das WordPress-Netzwerk-Feature für die manuelle Installation vieler WordPress-Installationen als Vorschau zu verlassen.

Eine Reihe von Theme-Entwicklern zieht es jedoch vor, die Dinge beim Erstellen dieser Sites ein bisschen „old school“ zu halten, und sie werden beruhigt sein, zu wissen, dass WordPress mehrmals auf einem Server installiert werden kann. Für Benutzer mit mehreren Datenbanken ist es ganz einfach: Erstellen Sie einfach eine neue Datenbank für jede WordPress-Installation, installieren Sie die WordPress-PHP-Dateien jedes Mal in einem neuen Unterordner und führen Sie die Einrichtung und das Theming wie gewohnt durch. Verlinken Sie dann auf der Indexseite der Site zu dieser neuen Installation, und alles ist erledigt.

Für diejenigen, die nur über eine Datenbank verfügen, muss die Datei "wp-config.php" erneut aktualisiert werden, um mehrere Installationen zum Zwecke der Demonstration von Themen zu ermöglichen. Dies erfordert nur eine einfache Änderung der Datei, die für jede Installation ein neues Datenbankpräfix festlegt. Dies stellt sicher, dass die Themendemo-Sites die Daten und Benutzer, die in der primären Installation der Site vorhanden sind, nicht überschreiben. Ändern Sie dazu die folgende Zeile, die im oberen Bereich jeder "wp-config.php" -Datei angezeigt wird, die mit einem Download der WordPress-Software geliefert wird:

$ table_prefix = 'wp_';

Benennen Sie das Präfix "wp_" einfach in den Kleinbuchstaben des Themes um, der anhand dieser Installation demonstriert wird. Dadurch wird die Übersichtlichkeit beim Navigieren in Tabellen oder Zellen mithilfe von Datenbanksoftware wie phpMyAdmin verbessert.

Da auf diese Sites alle vom selben Administrator zugegriffen werden kann, sollte beachtet werden, dass WordPress über einen einfachen Hack in der Datei "wp-config.php" auf die Benutzer- und Kennwortdaten anderer Installationen zugreifen kann. Auf diese Weise kann sich ein Entwickler bei jeder Installation mit demselben Benutzernamen und Kennwort anmelden und sicherstellen, dass er bei jeder Installation gleichzeitig angemeldet bleibt. Die zwei Codezeilen, die dazu benötigt werden, sind:

define ('CUSTOM_USER_TABLE', $ table_prefix.'wp_users ');
define ('CUSTOM_USER_META_TABLE', $ table_prefix.'wp_usermeta ');

Denken Sie daran, dass das Präfix "wp_" hier in einen beliebigen Wert geändert werden kann und mit den Datenbankinformationen der primären Installation übereinstimmen sollte, um die besten Ergebnisse zu erzielen.

Ein anderer alternativer Ansatz: Verwenden von WordPress-Plugins zum Demonstrieren von Themen

WordPRess-Plugin
Die Community der WordPress-Entwickler ist entsprechend breit und vielfältig, und einige von ihnen haben einen Weg gefunden, Themen in Aktion zu demonstrieren, ohne dass mehrere Blogs installiert, ein WordPress-Netzwerk erstellt oder Datenbankeinstellungen gehackt werden müssen. Stattdessen verlassen sie sich auf benutzerdefinierte Funktionen, die in einem WordPress-Plugin entwickelt wurden, um den Benutzern diese Demo-Websites anzuzeigen, im Wesentlichen auf die gleiche Weise, wie das WordPress Dashboard eine Live-Vorschau der Website anzeigen kann, bevor die Aktivierung eines Designs abgeschlossen wird.

Das bekannteste Plugin ist bekannt als WordPress Theme Demo Plugin und während sein Titel nicht unbedingt kreativ ist, ist sein Ansatz sowohl kreativ als auch vernünftig. Das Plugin bringt das Design-Vorschaufenster im Wesentlichen aus dem Dashboard in die reale Welt. Die Benutzer und Käufer der Website können eine Vorschau der Themen der Website anzeigen, indem sie zu einer einfachen URL navigieren, die wie folgt aufgebaut ist:

http://your-domain.com/preview_theme?theme-name

Diese Vorschau-URL wandelt den Namen des Themas in Kleinbuchstaben in ein Vorschau-Ziel um. Jeder Name eines Themenordners kann an das Ende des Links angehängt werden, damit ein Benutzer eine Vorschau davon sehen kann. Das System ist genial und die mit Abstand effizienteste Methode zur Vorschau von Themen. Es sind keine Datenbank-Hacks erforderlich und Benutzer müssen keine Änderungen an der WordPress-Datei "wp-config.php" vornehmen, damit diese URL voll funktionsfähig ist. Laden Sie einfach das Plugin hoch, aktivieren Sie es und beginnen Sie mit der Verknüpfung zu Themenvorschauen mithilfe der obigen URL-Konstruktion. Mit dieser Methode kann eine Themendemonstrationssite in nur wenigen Stunden bereitgestellt werden.

Dieses Plugin ermöglicht auch eine vollständige Liste aller Website-Designs, die entweder in der Seitenleiste oder auf einer separaten Seite (oder einem Posting) vollständig gedruckt werden. Dies ähnelt dem Diamond MultiSite Plugin-Widget, wird jedoch mit einer einfachen Variablen ausgeführt. Überall dort, wo die Liste angezeigt werden soll, können Entwickler einfach die folgende WordPress-Variable in Klammern einfügen:

[theme_list]

Eine vollständige und alphabetische Liste der Themen wird im Format <ul> angezeigt. Es ist wichtig zu wissen, dass jedes auf eine Site hochgeladene Thema in diese Liste aufgenommen wird, einschließlich des Standardthemas der Site und aller Themen, die derzeit entwickelt oder überarbeitet werden. Achten Sie auf die Themen, die hochgeladen werden, und entfernen Sie alle Themen, die von Kunden nicht zum Verkauf oder zur Vorschau angeboten werden.

Einfach zu tun und am Ende belohnend

WordPress-Demo-Site

Eine WordPress-Theme-Demonstrations-Site bringt diese kleinen und nutzlosen Thumbnails auf die nächste Ebene und gibt Kunden die Möglichkeit, tatsächlich mit Designelementen zu interagieren und zu beurteilen, ob das Theme, das sie herunterladen oder kaufen möchten, für ihre Bedürfnisse geeignet ist. Dies bedeutet insgesamt eine bessere Kundenzufriedenheit und eine höhere Wahrscheinlichkeit, dass Designs von begeisterten WordPress-Benutzern und unerfahrenen Designern verwendet oder gekauft werden. Der Prozess ist einfach durchzuführen und kann sich für unternehmerische und engagierte Themendesigner durchaus lohnen.

Über Jerry Low

Gründer von WebHostingSecretRevealed.net (WHSR) - eine Hosting-Bewertung, die von 100,000-Benutzern als vertrauenswürdig und nützlich erachtet wird. Mehr als 15 Jahre Erfahrung in den Bereichen Webhosting, Affiliate-Marketing und SEO. Mitwirkender bei ProBlogger.net, Business.com, SocialMediaToday.com und anderen.