Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Hinzufügen einer Theme-Demo-Leiste in WordPress

Die meisten WordPress-Theme-Shops und -Marktplätze verwenden eine Theme-Demobar, um ihren Nutzern die Vorschau von Themes zu erleichtern. Eine Theme-Demobar ist eine Symbolleiste, die oben auf einer Website mit einem Theme-Auswahlmenü angezeigt wird. Sie ermöglicht es Ihnen, eine Website mit Dummy-Inhalten zu erstellen, auf der Ihre Nutzer die Demos der verschiedenen Themes sehen können, die Sie zur Verfügung stellen. Einer unserer Nutzer, der einige kostenlose Themes veröffentlichen wollte, hat uns gefragt, wie er die Funktionalität der Theme-Demobar in seine Website einbauen kann. In diesem Artikel zeigen wir Ihnen, wie Sie die Theme-Demo-Leiste in WordPress ohne großen Aufwand und ohne Codierung hinzufügen können.

Installieren und aktivieren Sie zunächst das WordPress Theme Demo Bar Plugin. Nach der Aktivierung müssen Sie das Plugin auf der Einstellungsseite konfigurieren:

Theme Demo Bar WordPress plugin settings page

Die Verwendung des Plugins ist wirklich einfach und unkompliziert. Fügen Sie der URL die Variable themedemo wie folgt hinzu:

http://www.example.com/?themedemo=theme-name

Ersetzen Sie theme-name durch den Namen des Themas, das Sie anzeigen möchten. Die URL zeigt example.com mit der Theme Demo Bar, einem Theme-Umschalter und einer Schaltfläche zum Schließen. Das WordPress Theme Demo Bar Plugin holt sich die Namen der Themes aus dem Theme-Verzeichnis. Das Dropdown-Menü für den Themenwechsel listet alle Themen im Themenverzeichnis auf, einschließlich der untergeordneten Themen.

Mit den Konfigurationsoptionen auf der Einstellungsseite des Plugins können Sie das gesamte Erscheinungsbild der Demo-Leiste steuern. Sie können auch wählen, welche Themes Sie anzeigen und welche Sie ausblenden möchten. Die WordPress-Theme-Demobar bietet auch Statistiken darüber, wie oft jedes Theme in der Vorschau angezeigt wurde. Unter den individuellen Theme-Einstellungen können Sie eine Informationsseite für jedes Theme auswählen. Dies könnte die Seite sein, auf der Besucher das Theme herunterladen/kaufen oder mehr über seine Funktionen erfahren können. Dies könnte auch ein Affiliate-Link zu einem externen Theme-Shop sein, wenn Sie dies wünschen.

theme demo bar individual theme settings

Unter WordPress Theme Demo Bar Settings “ Look and Feel können Sie das Aussehen der Theme Demo Bar ganz einfach ändern. Sie können Schaltflächen hochladen, ein benutzerdefiniertes Stylesheet verwenden und die Höhe und Positionierung der Demoleiste anpassen.

Changing looks of Theme Demo Bar

Die WordPress Theme Demo Bar ist eine schnelle und einfache Lösung. Es gibt jedoch andere, fortgeschrittenere und kompliziertere Möglichkeiten, eine Theme-Demobar anzuzeigen. Sie können manuell eine schwebende obere Menüleiste erstellen oder ein anderes Plugin verwenden, um diese Aufgabe zu erledigen. Während die Theme-Demo-Leiste vor allem für Theme-Shops gedacht ist, die kommerzielle WordPress-Themes verkaufen, können Sie sie auch problemlos in einem Portfolio-Theme verwenden, um Ihre Arbeit zu präsentieren. Der Vorteil einer Theme-Demobar-Lösung ist, dass Sie eine einzige Website verwenden können, um alle Ihre Themes zu präsentieren, anstatt mehrere Demo-Sites zu erstellen. Wenn Sie eine Theme-Demobar mit einer anderen Methode verwenden, lassen Sie es uns bitte in den Kommentaren unten wissen.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

11 KommentareEine Antwort hinterlassen

  1. Dave W

    Which is a better approach for demos that you want to show prospective clients, this or multisite? Thanks.

  2. tdesens

    Any chance on a tutorial to do this without a plugin?

  3. Cam

    Nice plugin. Would you be updating the plugin for multisite compatibility any time in the near future?

  4. Pavan Solapure

    Very useful information but the plugin seems to be out of date. I could really use any other suggestions to showcase couple of my wordpress themes.

  5. Neo Do

    Great post but how do I get content for demo theme?

  6. Pali Madra

    Thank you for the great tutorial.

    Since the plugin discussed has not been updated for more than 2 years WordPress repository does warn the users to use the plugin at their own risk. Can the author or someone vouch that it does work with WordPress 3.6?

    Thanks in advance.

    • WPBeginner Support

      Out of 28 thousand downloads no one has reported it to be broken yet. However, we would recommend caution. Try it in a test installation on your localhost environment first.

      Admin

  7. Randi Thornton

    Great post. I have wanted to add a theme bar to my website. I downloaded the plugin and am not sure how to configure it using my current theme demo website configurations. Currently my themes (including theme demo content) reside on a sub-domain not my primary domain. The plugin is finding the themes but not the theme demo sites on the sub-domains. This is a wordpress multi-site installation. Any ideas or suggestions?

    • Rakesh Kumar

      This plugin does not display the contents according to the other selected theme it only display the front page of theme theme properly thus make it totally useless. any other suggestion how to create theme demo bar like marketplace do. Thanks in advance

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.