Trabalhando com widgets no wordpress theme Hybrid News

Há um tempo venho fazendo propaganda do framework Hybrid, que está disponível no portal themehybrid.com. Com este framework é possível contruir um portal mais rapidamente, pois ele possui várias funções pré-programadas e várias áreas de widgets já estabelecidas.

Porém eu acho que ainda devemos implementar o tema colocando mais algumas áreas de widgets e adicionando um sistema de navegação entre as categorias por abas. Para fazer isto é necessário saber o que são widgets e como adicionar mais áreas de widgets. Em outro texto falarei mais sobre o sistema de navegação por abas.

O que são widgets no WordPress -> São áreas em que se pode inserir conteúdo sem precisar saber de programação. Esta área pode ser administrada pelo painel de controle do wordpress indo em Aparência>Widgets. Lá terão várias áreas em que se pode inserir o conteúdo que quiser. Algumas padrões do próprio wordpress, outras que são adicionadas no painel quando o plugin Hybid Hook Widgets (que foi feito especialmente para o Hybrid) está ativo.

Como implementar novas widgets areas no Hybrid News -> Para implementar novas widget areas é necessário um pouco de conhecimento em programação, está aí a razão pra eu pedir ajuda para a customização do Hybrid News, programar não é minha especialidade! Não me considero nem designer nem programador, apenas consultor de software livre para web, ou pelo menos estou tentando me firmar no mercado como isto e como analista de audiência. Mas deixando de conversa, há algum tempo perguntei ao Justin (criador do Hybrid) como implementar novas widget areas. Ele me passou alguns linkes e me deu um exemplo:

Você pode ler mais a respeito das widget areas do Hybrid aqui:
http://themehybrid.com/themes/hybrid/widget-areas

Você pode usar register_sidebar() para criar novas widget areas:
http://codex.wordpress.org/WordPress_Widgets_Api/register_sidebar

Então, crie a função para colocar sua nova widget area em qualquer lugar:
http://themehybrid.com/themes/hybrid/hooks

Por exemplo:

Função para registrar a widget area, insira no functions.php:

register_sidebar( array(
	'name' => 'Widget Area Name',
	'id' => 'widget-area-id',
	'before_widget' => '<div id="%1$s"><div>',
	'after_widget' => '</div></div>',
	'before_title' => '<h3>',
	'after_title' => '</h3>'
	)
);

Função para registrar qual widget hook será chamado para este widget, fazer isto no functions.php:

add_action( 'hybrid_after_container', 'my_widget_area', 11 );

Função a ser inserida onde você quer que seja o widget, insira em qual parte do layout você desejar:

function my_widget_area() {
	if ( !is_sidebar_active( 'widget-area-id' ) )
		return false;

	echo '<div id="unique-id">';
	dynamic_sidebar( 'widget-area-id' );
	echo '</div>';
}

O fórum em que isto foi discutido é o: http://themehybrid.com/support/forum/hybrid-theme, mas para conseguir navegar por ele sem problemas é necessário ter uma conta premium na qual você paga 25 dólares a cada três meses, eu acho que compensa muito!

Publicado por

Diego Lopes

Já tendo cursado Publicidade e Propaganda, Produção Multimídia e Administração na UFV, atuo na como coordenador de projetos web há mais de dez anos. Já trabalhei em 3 empresas no Vale do Silício, gerenciei grandes equipes e mais de milhões de dólares no Google Adwords e Facebook.

9 comentários em “Trabalhando com widgets no wordpress theme Hybrid News”

  1. Diego, que plugin e como vc colocou aquele slide show na pagina principal.

    Só estou conseguindo mudar o que desejo que aparece nas laterais, e footer do thema, mas como eu mexo no meio dele???

  2. Tem alguns plugins para fazer isto:

    – O Related Posts, que não se deve usar por não ter sistema de cache. Mas com o Hyper Cache junto talvez nem faça muita diferença.
    – O Efficient Related Posts que o Related Posts, só que com um sistema mais inteligente, como se fosse um cache mesmo.
    – O Simple Tags, que é o que estou testando atualmente que paece ser o melhor, que além de ter a opção posts relacionados tem também várias outras opções relacionadas a tags. Quem me recomendou este foi o Jânio da PortoFácil.com, ele é mei que um especialista em wordpress…
    – O Yet another post related, não consegui fazê-lo funcionar e ele ainda pede para inserir arquivos dentro da pasta do seu tema, não acho isto prático, pois qd atualizar vai perder tudo, eu acho, tb n tenho certeza, mas o Justin, mentor do Hybrid Theme, me recomendou este…

    Obs: Os posts relacionados podem ser por título, categoria ou tags, eu os uso relacionando-os pelas tags…
    Grd abço!

  3. bom dia…

    eu consegui instalar varios temas em meu wordpress de teste, mas quando

    subi para o FTP o Hydrid-News ele não apareceu no painel do admin do WP…

    Sabe me dizer o que ocorre?

    abraço

  4. Pois é, tentei instalar este tema Hybrid News mas aparece as seguinte mensagem de erro no painel do admin do WP:
    Broken Themes

    The following themes are installed but incomplete. Themes must have a stylesheet and a template.
    Name Description
    images Stylesheet is missing.
    library Stylesheet is missing.
    photoq-photoblog-plugin Stylesheet is missing.
    wp-gbcf_themes Stylesheet is missing.
    __MACOSX Stylesheet is missing.

    Podem me dar uma luz!!!

    abraço

  5. Ei Juliano, me desculpe o atraso de quase um ano para responder sua pergunta. Mas é que estive ocupado trabalhando para uma grande empresa para depois ser demitido rsrs
    Provavelmente já deve ter tido a resposta, mas o mais provável é que vc n fez upload do tema mãe que é o hybrid, se estava usando o WPMU na época telvez foi pq vc n habilitou o tema nas configurações para ficar disponível aos usuários. Grd abço e cuidado com os grds empresários!

Deixe um comentário para DiegoLopes Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *