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

Cómo añadir una barra de demostración de un tema en WordPress

La mayoría de las tiendas y mercados de temas de WordPress utilizan una barra de demostración de temas para facilitar a sus usuarios la vista previa de los temas. Una barra de demostración de temas es una barra de herramientas que aparece en la parte superior de un sitio web con un menú selector de temas. Te permite crear un sitio con contenido ficticio que tus usuarios pueden utilizar para ver la demo de los diferentes temas que tienes disponibles. Uno de nuestros usuarios que quería añadir algunas versiones gratuitas de temas nos preguntó cómo añadir la funcionalidad de la barra de demostración de temas en su sitio. En este artículo, le mostraremos cómo añadir la barra de demostración de temas en WordPress sin ninguna molestia y sin código.

Primero instale y active el plugin WordPress Theme Demo bar. Una vez activado, necesita configurar el plugin desde la página de ajustes:

Theme Demo Bar WordPress plugin settings page

Usar el plugin es realmente simple y directo. Añade la variable themedemo a la URL así:

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

Sustituye theme-name por el nombre del tema que quieras mostrar. La URL mostrará example.com con Theme Demo Bar, un conmutador de temas y un botón de cierre. El plugin WordPress Theme Demo Bar recoge los nombres de los temas del directorio de temas. El desplegable del conmutador de temas lista todos los temas del directorio de temas incluyendo los temas hijo.

Las opciones de configuración en la página de ajustes del plugin le permiten controlar el aspecto completo de la barra de demostración. También puede elegir qué temas desea mostrar y qué temas ocultar. La Barra de Demostraciones de Temas de WordPress también proporciona estadísticas sobre el número de veces que cada tema ha sido visto previamente. Bajo los ajustes individuales de cada tema, puedes elegir una página de información para cada tema. Esta podría ser la página donde los visitantes pueden ir a descargar/comprar el tema, o aprender más acerca de sus características. Esto podría ser fácilmente un enlace de afiliado a una tienda de temas externa si así lo desea.

theme demo bar individual theme settings

En WordPress Theme Demo Bar Settings ” Look and Feel puede cambiar fácilmente la apariencia de Theme Demo Bar. Puede subir botones, utilizar una hoja de estilos personalizada y ajustar la altura y el posicionamiento de la barra de demostración.

Changing looks of Theme Demo Bar

La Barra de Demostración de Temas de WordPress es una solución rápida y fácil. Sin embargo, hay otras formas más avanzadas y complicadas de mostrar una barra de demostración de un tema. Puede crear manualmente una barra de menú superior flotante o utilizar algún otro plugin para hacer el trabajo. Mientras que la barra de demostración de temas está dirigida principalmente a las tiendas de temas que venden temas comerciales de WordPress, también puede utilizarla fácilmente en un tema de estilo porfolio para mostrar su trabajo. La ventaja de una solución de barra de demostración de temas es que puede utilizar un único sitio para mostrar todos sus temas en lugar de crear múltiples sitios de demostración. Si usted está utilizando una barra de demostración tema utilizando algún otro método, por favor háganoslo saber en los comentarios a continuación.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

11 comentariosDeja una respuesta

  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.

      Administrador

  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

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.