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

Como adicionar uma barra de demonstração de tema no WordPress

A maioria das lojas e mercados de temas do WordPress utiliza uma barra de demonstração de temas para facilitar a visualização dos temas pelos usuários. Uma barra de demonstração de temas é uma barra de ferramentas que aparece na parte superior de um site com um menu seletor de temas. Ela permite que você crie um site com conteúdo fictício que seus usuários podem usar para ver a demonstração de diferentes temas que você tem disponível. Um de nossos usuários que queria lançar alguns temas gratuitos nos perguntou como adicionar a funcionalidade da barra de demonstração de temas em seu site. Neste artigo, mostraremos a você como adicionar a barra de demonstração de temas no WordPress sem problemas e sem codificação.

Primeiro, instale e ative o plugin WordPress Theme Demo bar. Após a ativação, você precisa configurar o plugin na página de configurações:

Theme Demo Bar WordPress plugin settings page

O uso do plug-in é muito simples e direto. Adicione a variável themedemo ao URL desta forma:

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

Substitua theme-name pelo nome do tema que você deseja exibir. O URL mostrará example.com com a barra de demonstração de temas, um alternador de temas e um botão de fechar. O plug-in Theme Demo Bar do WordPress coleta nomes de temas do diretório de temas. O menu suspenso do alternador de temas lista todos os temas no diretório de temas, inclusive os temas filhos.

As opções de configuração na página de configurações do plug-in permitem que você controle a aparência completa da barra de demonstração. Você também pode escolher quais temas deseja exibir e quais deseja ocultar. A barra de demonstração de temas do WordPress também fornece estatísticas sobre o número de vezes que cada tema foi visualizado. Nas configurações de temas individuais, você pode escolher uma página de informações para cada tema. Essa pode ser a página em que os visitantes podem fazer download/comprar o tema ou saber mais sobre seus recursos. Ela pode ser facilmente um link de afiliado para uma loja de temas externa, se você assim desejar.

theme demo bar individual theme settings

Em WordPress Theme Demo Bar Settings ” Look and Feel, você pode alterar facilmente a aparência da Theme Demo Bar. Você pode carregar botões, usar uma folha de estilo personalizada e ajustar a altura e o posicionamento da barra de demonstração.

Changing looks of Theme Demo Bar

A barra de demonstração do tema do WordPress é uma solução rápida e fácil. Entretanto, há outras maneiras mais avançadas e complicadas de exibir uma barra de demonstração de tema. Você pode criar manualmente uma barra de menu superior flutuante ou usar algum outro plugin para fazer o trabalho. Embora a barra de demonstração de temas seja voltada principalmente para lojas de temas que vendem temas comerciais do WordPress, você também pode usá-la facilmente em um tema de estilo de portfólio para mostrar seu trabalho. A vantagem de uma solução de barra de demonstração de temas é que você pode usar um único site para exibir todos os seus temas em vez de criar vários sites de demonstração. Se você estiver usando uma barra de demonstração de temas usando algum outro método, informe-nos nos comentários abaixo.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo 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.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

11 ComentáriosDeixe uma resposta

  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

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.