Tutoriels WordPress de confiance, quand vous en avez le plus besoin.
Guide du débutant pour WordPress
WPB Cup
25 millions+
Sites web utilisant nos plugins
16+
Années d'expérience WordPress
3000+
Tutoriels WordPress par des experts

Comment ajouter une barre de démonstration de thème dans WordPress

La plupart des boutiques et marketplaces de thèmes WordPress utilisent une barre de démonstration de thème pour faciliter la prévisualisation des thèmes par leurs utilisateurs. Une barre de démonstration de thème est une barre d'outils qui apparaît en haut d'un site web avec un menu de sélection de thème. Elle vous permet de créer un site avec du contenu factice que vos utilisateurs peuvent utiliser pour voir la démonstration des différents thèmes que vous avez disponibles. Un de nos utilisateurs qui souhaitait publier des thèmes gratuits nous a demandé comment ajouter la fonctionnalité de barre de démonstration de thème sur son site. Dans cet article, nous vous montrerons comment ajouter la barre de démonstration de thème dans WordPress sans aucune difficulté et sans code.

Installez et activez d'abord le plugin WordPress Theme Demo bar. Après l'activation, vous devez configurer le plugin depuis la page des réglages :

Page des paramètres du plugin WordPress Theme Demo Bar

L'utilisation du plugin est vraiment simple et directe. Ajoutez la variable themedemo à l'URL comme ceci :

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

Remplacez nom-du-theme par le nom du thème que vous souhaitez afficher. L'URL affichera example.com avec la barre de démonstration de thème, un sélecteur de thème et un bouton de fermeture. Le plugin WordPress Theme Demo Bar récupère les noms des thèmes du répertoire des thèmes. Le menu déroulant de sélection de thème liste tous les thèmes du répertoire des thèmes, y compris les thèmes enfants.

Les options de configuration sur la page des paramètres du plugin vous permettent de contrôler l'apparence complète de la barre de démonstration. Vous pouvez également choisir les thèmes que vous souhaitez afficher et ceux que vous souhaitez masquer. WordPress Theme Demo Bar fournit également des statistiques sur le nombre de fois où chaque thème a été prévisualisé. Sous les paramètres individuels des thèmes, vous pouvez choisir une page d'information pour chaque thème. Il pourrait s'agir de la page où les visiteurs peuvent télécharger/acheter le thème, ou en savoir plus sur ses fonctionnalités. Cela pourrait facilement être un lien d'affiliation vers une boutique de thèmes externe si vous le souhaitez.

paramètres individuels du thème de la barre de démonstration de thème

Dans Paramètres de la barre de démonstration de thèmes WordPress » Apparence, vous pouvez facilement modifier l'apparence de la barre de démonstration de thèmes. Vous pouvez télécharger des boutons, utiliser une feuille de style personnalisée et ajuster la hauteur et le positionnement de la barre de démonstration.

Changer l'apparence de la barre de démonstration de thème

WordPress Theme Demo Bar est une solution rapide et facile. Cependant, il existe d'autres moyens plus avancés et compliqués d'afficher une barre de démonstration de thèmes. Vous pouvez créer manuellement une barre de menu flottante en haut ou utiliser un autre plugin pour accomplir la tâche. Bien que la barre de démonstration de thèmes soit principalement destinée aux boutiques de thèmes qui vendent des thèmes WordPress commerciaux, vous pouvez facilement l'utiliser dans un style de portfolio pour présenter votre travail. L'avantage d'une solution de barre de démonstration de thèmes est que vous pouvez utiliser un seul site pour afficher tous vos thèmes plutôt que de créer plusieurs sites de démonstration. Si vous utilisez une barre de démonstration de thèmes par une autre méthode, veuillez nous en informer dans les commentaires ci-dessous.

Avis : Notre contenu est financé par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons percevoir une commission. Voir comment WPBeginner est financé, pourquoi c'est important et comment vous pouvez nous soutenir. Voici notre processus éditorial.

La boîte à outils WordPress ultime

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tout professionnel devrait posséder !

Interactions des lecteurs

11 CommentsLeave a Reply

  1. Quelle est la meilleure approche pour les démonstrations que vous souhaitez montrer aux clients potentiels, ceci ou multisite ? Merci.

  2. Bon plugin. Allez-vous mettre à jour le plugin pour la compatibilité multisite dans un avenir proche ?

  3. Informations très utiles mais le plugin semble obsolète. J'aurais vraiment besoin d'autres suggestions pour présenter quelques-uns de mes thèmes WordPress.

  4. Merci pour ce super tutoriel.

    Comme le plugin discuté n'a pas été mis à jour depuis plus de 2 ans, le répertoire WordPress avertit les utilisateurs d'utiliser le plugin à leurs propres risques. L'auteur ou quelqu'un peut-il garantir qu'il fonctionne avec WordPress 3.6 ?

    Merci d'avance.

    • Sur 28 mille téléchargements, personne ne l'a encore signalé comme défectueux. Cependant, nous recommandons la prudence. Essayez-le d'abord dans une installation de test sur votre environnement local.

      Admin

  5. Excellent article. Je voulais ajouter une barre de thème à mon site web. J'ai téléchargé le plugin et je ne suis pas sûr de la façon de le configurer en utilisant les configurations actuelles de mon site web de démonstration de thème. Actuellement, mes thèmes (y compris le contenu de démonstration du thème) résident sur un sous-domaine, pas sur mon domaine principal. Le plugin trouve les thèmes mais pas les sites de démonstration de thèmes sur les sous-domaines. Il s'agit d'une installation multisite WordPress. Des idées ou suggestions ?

    • Ce plugin n'affiche pas le contenu selon le thème sélectionné, il affiche uniquement la page d'accueil du thème correctement, ce qui le rend totalement inutile. D'autres suggestions pour créer une barre de démonstration de thème comme le fait la place de marché. Merci d'avance.

Laisser un commentaire

Merci d'avoir choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.