PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

27/03/2011

Como inserir Widgets no Wordpress sem a instalação de plugins

Wordpress agora também é nossa praia…

atualizado em 17/12/2012

Estamos iniciando mais uma nova categoria em nosso blog, que abordará dicas sobre o Wordpress. O Wordpress, como todos sabem, é um CMS (Content Management Systems – Sistema de Gerenciamento de Conteúdo) em PHP, de altíssima qualidade para gerir blogs e até portais mais complexos. Assim como o Blogger, é possível você criar e gerenciar um blog nele, só que com muito mais recursos e funcionalidades…

wordpress-logo

Vamos nos dedicar a princípio aos comandos e truques básicos desse CMS. Se você está começando agora, seja bem vindo ao Visual Dicas Wordpress

Colocando códigos HTML no sidebar do blog

Como você já sabe, o Wordpress possui um sistema de plugins, que permite você instalar recursos e widgets, desde que se utilize a versão do WordPress.org (que precisa de domínio e hospedagem).

image

Mas se de repente você se deparar com um widget bem legal e que não tem um plugin similar para instalação, como fazer para inserir o código?

warning_48

ATENÇÃO: se você utiliza o WordPress.com (versão que não precisa de domínio ou host), scripts em javascript e iframes são bloqueados. Portanto, não é possível inserir a maioria dos scripts de widgets ou  de serviços de afiliados, como o AdSense do Google, por exemplo. Entretanto, é possível inserir a maioria dos comandos HTML e vídeos do Youtube com esta dica…

SUGESTÃO: Se não deseja possuir um domínio próprio, ou ter seu blog hospedado em um host particular, recomendo que você utilize o blogger.com como seu CMS, que não é limitado quanto à códigos e hacks…

Veja abaixo com inserir um widget, ou qualquer código HTML no seu blog sem a instalação de plugins (para blogs com domínios e host, versão WordPress.org):

1) Copie o código do Widget a ser inserido

Como exemplo vamos usar o widget Twiter Fan Box - Coloque o Twitter Fan Box (caixa de fãs) no seu blog.

image

Copie o código HTML do Widget desejado, que no nosso exemplo é:

<!-- Twitter Fan Box -->
<script type="text/javascript"
src="http://s.moopz.com/fanbox_init.js"></script><div
id="twitterfanbox"></div><script
type="text/javascript">fanbox_init("visualdicas");</script><div
style="font-size:10px;">Powered by <a
href="http://moopz.com/twitter-fan-box">Twitter Fan Box</a></div>
<!-- End Twitter Fan Box -->

2- Entre no [Painel] de controle do Wordpress

Obs.: Você precisa estar logado no site com a sua senha de administrador. (Ou acesse o endereço URL: seublog/wp-admin)

image

3- No menu Aparência clique em [Widgets]

widg1

4- Escolha o Widget [Texto] e arraste até o local desejado

image

Abra a caixa de texto clicando na seta que aparece ao lado.

widg2

5- Cole o código HTML do widget copiado anteriormente.

Se desejar descreva um [Título] – opcional.

image

Para centralizar o widget na área de apresentação, acrescente as tags <center> … </center>, como no exemplo abaixo:

image

Pronto, agora é só clicar no botão [Salvar]

image

Veja abaixo como ficou o nosso widget… Bem fácil, não é?

image

 image

Veja também:

Widget – Coloque o clima no seu blog

Aprenda a criar o seu próprio Widget

Widget, o que é e para que serve? 

 Como instalar um Widget no seu Blog -(Blogger)

6 comentários:

Beto dos Anjos disse...

Não resolveu meu problema. Preciso por um gadget centralizado e nao nas abas

Visual Dicas disse...
Este comentário foi removido pelo autor.
Visual Dicas disse...

Olá Beto,

Leia o artigo: Como inserir códigos HTML nas postagens do Wordpress

Felipe disse...

Sei que sua plataforma é blogspot mas fica a dica para usuários do Wordpress que até então era bloqueado efetuar este procedimento, eu consegui na raça Se puder compartilhar eu ficaria muito grato!

*Como Inserir / Adicionar Widget Estante Skoob no Wordpress, fica a dica RESOLVIDO: https://youtu.be/Y9Oz21jvLY0*

Unknown disse...

It's a impressive post that has everything to describe in it.

Regards
Google Educator Level 1 Exam Answers 2019

John Staton disse...

Existing without the answers to the difficulties you’ve sorted out through this guide is a critical case, as well as the kind which could have badly affected my entire career if I had not discovered your website.

Google Certification Exam

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Fique mais.... Leia os nossos artigos!!!

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Web Analytics