5 tutoriais muito legal para ajudar a criar uma navegação deslumbrante para o seu blog WordPress.

Criando navegação de dois níveis condicional no WordPress

Darren Hoyt, o criador da revista Mimbo Magazine? Neste ótimo tutorial, Darren explica como criar um dois menu de navegação profissionais hierárquico.

Creating Two-Tiered Conditional Navigation in WordPress

Como fazer um menu Drop-Down com categorias

15 Trucos e dicas para wordpress

O WordPress é um CMS (Content Management System) extremamente poderoso. Ao longo dos últimos dias temos vindo a analisar formas de melhorar pormenores significantes nos seus templates, para que possa fazer-se distinguir rapidamente de toda a sua concorrência. Este artigo é dirigido a todos aqueles que gostam de desenvolver e/ou editar templates WordPress.

1- COMO DESLIGAR OS COMENTÁRIOS EM ARTIGOS COM MAIS DE 30 DIAS
Uma grande forma de reduzir o volume de spam do seu blog, passa pela abilidade de desligar os comentários em artigos com mais de 30 dias. Apenas copie e cole o seguinte código no ficheiro functions.php do seu template. Se desejar, poderá alterar o valor (30) para o número de dias que deseja.

    < ?php
    function close_comments( $posts ) {
    	if ( !is_single() ) { return $posts; }
    	if ( time() - strtotime( $posts[0]->post_date_gmt ) > ( 30 * 24 * 60 * 60 ) ) {
    		$posts[0]->comment_status = 'closed';
    		$posts[0]->ping_status    = 'closed';
    	}
    	return $posts;
    }
    add_filter( 'the_posts', 'close_comments' );
    ?>

2- COMO COLOCAR UM COPYRIGHT AUTOMÁTICO NO RODAPÉ DO SEU BLOG
Um dos maiores erros dos webdesigners e blogueiros de hoje, é não actualizarem anualmente o seu Copyright no rodapé dos seus blogs. Algo do tipo “Copyright 2007 – 2009″. No entanto e com o WordPress, é possível fazê-lo automaticamente. Faça uso do seguinte código no rodapé do seu blog:

Copyright &copy; 200x-< ?php echo date('Y'); ?> Exemplo.com.

3- COMO COLOCAR UMA LISTA DE TAGS HTML PERMITIDAS, JUNTOS DOS SEUS COMENTÁRIOS
Já alguma vez um blog que oferece uma lista de tags HTML ao lado da ficha de comentários? Gostaria de o faze no seu blog WordPress? Utilize o seguinte código:

Poderá utilizar as seguintes tags HTML: < ?php echo allowed_tags(); ?>.

4- COMO COLOCAR UM BOTÃO “EDITAR” EM TODOS OS SEUS ARTIGOS
Alguma vez encontrou um erro num dos seus artigos, e sentiu a necessidade de o corrigir imediatamente, tendo rapidamente se apercebido de que tinha de navegar até ao seu painel WordPress para efectuar a edição? Agora já não necessita de se dar a esse trabalho! Copie e cole este código no ficheiro single.php, index.php, ou em qualquer outro ficheiro onde tenha conteúdo. Tenha em conta também que este link só irá aparecer para o Administrador do blog!

    < ?php edit_post_link('Editar', ''); ?>

5- COMO REMOVER CITAÇÕES NÃO PADRONIZADAS DOS SEUS ARTIGOS
Alguma vez copiou e colou código php que encontrou num website num dos seus artigos, e reparou que os caracteres aparecem todos enrolados e não padronizados? Isso acontece por culpa da forma como os estilos WordPress trabalham com as marcas de pontuação e as tornam o máximo estéticas possíveis. Quem necessita disso? Copie e cole o seguinte código no ficheiro functions.php do seu template, e acabe com os seus problemas.

    < ?php remove_filter('the_content', 'wptexturize'); ?>

6- COMO REMOVER CITAÇÕES NÃO PADRONIZADAS DOS SEUS COMENTÁRIOS
Tendo em mente o ponto nº5, este código faz precisamente o mesmo, mas para os comentários contidos nos seus artigos.

    < ?php remove_filter('comment_text', 'wptexturize'); ?>

7- COMO DESLIGAR A INDEXAÇÃO PARA MOTORES DE BUSCA NUMA DETERMINADA CATEGORIA
Este truque tem em vista a Optimização para Motores de Busca, com o intuito de o proteger contra a duplicação de conteúdo. Se pretender não indexar os artigos contidos numa determinada categoria do seu blog, copie e cole o seguinte código no ficheiro header.php. Tenha em conta que poderá alterar o número da categoria para o ID que desejar.

    < ?php if ( is_category('4') || in_category('4') ) {
        echo '<meta name="robots" content="noindex">';
    }

8- COMO APRESENTAR O NÚMERO TOTAL DE ARTIGOS DO SEU BLOG
Um truque muito simples para apresentar o número de artigos total que se encontram publicados no seu blog.

< ?php $numposts = $wpdb->get_var("SELECT count(*) FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'post'");
if (0 < $numposts)
     $numposts = number_format($numposts);
echo $numposts.' posts.';
?>

9- COMO ADICIONAR UM BOTÃO “ENVIAR PARA O TWITTER” EM CADA ARTIGO
O Twitter está cada vez mais popular nos dias de hoje. Para aproveitar esse crescimento, porque não colocar um botão “Enviar para o Twitter” em cada um dos seus artigos? Copie e cole o seguinte código para a secção correcta do seu ficheiro single.php.

<a href="http://twitter.com/home?status=Acabei de ler <?php the_permalink(); ?>" title="Enviar artigo para o Twitter!" target="_blank">Enviar para o Twitter!</a>

10- COMO APRESENTAR OS SEUS ARTIGOS AGENDADOS
O WordPress tem a particularidade de permitir agendar artigos. Se desejar, poderá criar suspense nos seus leitores, criando uma lista dos artigos agendados para os próximos dias. Copie e cole o seguinte código onde desejar.

    < ?php
    $my_query = new WP_Query('post_status=future&order=DESC&showposts=5');
    if ($my_query->have_posts()) {
        while ($my_query->have_posts()) : $my_query->the_post(); ?>
            < ?php the_title(); ?>
        < ?php endwhile;
    }
    ?>

11- COMO EXCLUIR DETERMINADAS CATEGORIAS DE SEREM MOSTRADAS
Se por alguma razão você não pretende que determinada categoria seja apresentada no seu blog, copie e cole o seguinte código no “loop” do seu WordPress. Poderá alterar o ID da categoria para aquele que desejar.

    < ?php
    if ( have_posts() ) : query_posts($query_string .'&cat=-3'); while ( have_posts() ) : the_post();
    ?>

12- COMO PERMITIR A ESTILIZAÇÃO INDIVIDUAL DE ARTIGOS
Este truque é certamente uma tremenda complicação quando os templates não têm esta função por defeito. Se por ventura um utilizador do seu template desejar estilizar um artigo individual, a única forma de o fazer, é atribuindo um código unitário a cada artigo. Para o fazer, copie e cole a função “the_ID” no “loop” do seu template WordPress.

<div id="post-<?php the_ID(); ?>">
    <!-- Post Content -->
</div>

13- COMO ATRIBUIR UM ÚNICO IDENTIFICADOR A CADA COMENTÁRIO
Este truque faz basicamente o mesmo que o anterior, mas desta feita aplicável apenas aos comentários do seu blog.

<div id="comment-<?php comment_ID() ?>">
     <!-- Comment Content -->
</div>

14- COMO SEPARAR OS TRACKBACKS E OS PINGBACKS DOS SEUS COMENTÁRIOS
Nos dias de hoje faz cada vez menos sentido utilizar a secção de comentários do seu blog para linkar pings e trackbacks, quando na verdade a secção deveria ser utilizada apenas para debates de ideias. Com este código, pode colocar os pings e os trackbacks em colunas separadas, evitando misturá-los com os seus comentários:

    < ?php if ( $comments ) : ?>
    < ?php foreach ($comments as $comment) : ?>
    < ?php $comment_type = get_comment_type(); ?>
    < ?php if($comment_type == 'comment') { ?>

    <!-- It's a comment -->
    <!-- Comment content goes here -->

    < ?php } else { $trackback = true; }?>
    < ?php endforeach; ?>
    < ?php if ($trackback == true) { ?>

    <!-- It's a trackback -->
      <ol id="trackbacks-ol">
    	  < ?php foreach ($comments as $comment) : ?>
    	  < ?php $comment_type = get_comment_type(); ?>
    	  < ?php if($comment_type != 'comment') { ?>
    	  <li>
    		< ?php comment_author_link() ?>
    	</li>
    	  < ?php } ?>
    	  < ?php endforeach; ?>
      </ol>

    < ?php } ?>
    < ?php else : ?>
    < ?php endif; ?>

15- COMO UTILIZAR PAGINAÇÃO NO SEU BLOG EM VEZ DO HABITUAL “PRÓXIMO” E “ANTERIOR”
Pagenavi é um dos plugins WordPress mais populares do mercado. Ao contrário de mostrar os usuais botões de “Próximo” e “Anterior”, este plugin cria-lhe uma paginação com números muito eficiente e elegante. Comece por efectuar o download do plugin e extrair os ficheiros. Procure pelos ficheiros wp-pagenavi.php e wp-pagenavi.css e faça upload deles para a pasta de plugins do seu blog. Depois disso, só tem de trocar o código da sua paginação, pelo que código do novo plugin. Para o fazer, procure no seu template pelo seguinte código:

    < ?php next_posts_link('Previous entries') ?>
    < ?php previous_posts_link('Next entries') ?>

e substitua por este novo código:

    < ?php
    include('wp-pagenavi.php');
    if(function_exists('wp_pagenavi')) { wp_pagenavi(); }
    ?>

Depois disso, deverá fazer um pouco de edição no ficheiro wp-pagenavi.php. Abra-o e procure pela linha de código 61:

    function wp_pagenavi($before = '', $after = '') {
            global $wpdb, $wp_query;

depois de encontrar o código, substitua-o por este novo:

    function wp_pagenavi($before = '', $after = '') {
    	global $wpdb, $wp_query;
            pagenavi_init(); //Calling the pagenavi_init() function

Para terminar, tenha a certeza de que o seu blog consegue encontrar a folha de estilos (CSS) do plugin. Visite o seu ficheiro header.php e cole lá dentro o seguinte código, entre as tags <head>.

<link rel="stylesheet" href="<?php bloginfo('template_url');?>/pagenavi.css>" type="text/css" media="screen" />

via wordpress-love.com ]]> http://www.ajudawp.com/tutorias-e-dicas/15-trucos-e-dicas-para-tornar-o-seu-template-wordpress-mais-interessante.html/feed 2 http://www.ajudawp.com/tutorias-e-dicas/mostrar-as-suas-categorias-em-duas-colunas.html http://www.ajudawp.com/tutorias-e-dicas/mostrar-as-suas-categorias-em-duas-colunas.html#comments Thu, 23 Jul 2009 10:30:18 +0000 Alyen http://www.ajudawp.com/?p=179 A função stadard wp_list_categories () gera uma lista de todas as suas categorias. Vamos ver como podemos mudar facilmente a exibição das categorias para duas colunas.

Basta colar o seguinte código onde você gostaria que suas categorias sejam exibidas:

< ?php
$cats = explode("<br />",wp_list_categories('title_li=&echo=0&depth=1&style=none'));
$cat_n = count($cats) - 1;
for ($i=0;$i< $cat_n;$i++):
if ($i<$cat_n/2):
$cat_left = $cat_left.'<li>'.$cats[$i].'';
elseif ($i>=$cat_n/2):
$cat_right = $cat_right.'<li>'.$cats[$i].'</li>';
endif;
endfor;
?>
<ul class="left">
< ?php echo $cat_left;?>
</ul>
<ul class="right">
< ?php echo $cat_right;?>
</ul>

Depois, basta salvar o arquivo, e divirta-se!

Os créditos vai para Blog Oh Blog.

A primeira coisa quem temos que fazer é criar a função. Cole o seguinte código no seu arquivo functions.php:

< ?php
function dropdown_tag_cloud( $args = '' ) {
	$defaults = array(
		'smallest' => 8, 'largest' => 22, 'unit' => 'pt', 'number' => 45,
		'format' => 'flat', 'orderby' => 'name', 'order' => 'ASC',
		'exclude' => '', 'include' => ''
	);
	$args = wp_parse_args( $args, $defaults );

	$tags = get_tags( array_merge($args, array('orderby' => 'count', 'order' => 'DESC')) ); // Always query top tags

	if ( empty($tags) )
		return;

	$return = dropdown_generate_tag_cloud( $tags, $args ); // Here's where those top tags get sorted according to $args
	if ( is_wp_error( $return ) )
		return false;
	else
		echo apply_filters( 'dropdown_tag_cloud', $return, $args );
}

function dropdown_generate_tag_cloud( $tags, $args = '' ) {
	global $wp_rewrite;
	$defaults = array(
		'smallest' => 8, 'largest' => 22, 'unit' => 'pt', 'number' => 45,
		'format' => 'flat', 'orderby' => 'name', 'order' => 'ASC'
	);
	$args = wp_parse_args( $args, $defaults );
	extract($args);

	if ( !$tags )
		return;
	$counts = $tag_links = array();
	foreach ( (array) $tags as $tag ) {
		$counts[$tag->name] = $tag->count;
		$tag_links[$tag->name] = get_tag_link( $tag->term_id );
		if ( is_wp_error( $tag_links[$tag->name] ) )
			return $tag_links[$tag->name];
		$tag_ids[$tag->name] = $tag->term_id;
	}

	$min_count = min($counts);
	$spread = max($counts) - $min_count;
	if ( $spread < = 0 )
		$spread = 1;
	$font_spread = $largest - $smallest;
	if ( $font_spread <= 0 )
		$font_spread = 1;
	$font_step = $font_spread / $spread;

	// SQL cannot save you; this is a second (potentially different) sort on a subset of data.
	if ( 'name' == $orderby )
		uksort($counts, 'strnatcasecmp');
	else
		asort($counts);

	if ( 'DESC' == $order )
		$counts = array_reverse( $counts, true );

	$a = array();

	$rel = ( is_object($wp_rewrite) && $wp_rewrite->using_permalinks() ) ? ' rel="tag"' : '';

	foreach ( $counts as $tag => $count ) {
		$tag_id = $tag_ids[$tag];
		$tag_link = clean_url($tag_links[$tag]);
		$tag = str_replace(' ', '&nbsp;', wp_specialchars( $tag ));
		$a[] = "\t<option value='$tag_link'>$tag ($count)</option>";
	}

	switch ( $format ) :
	case 'array' :
		$return =& $a;
		break;
	case 'list' :
		$return = "<ul class='wp-tag-cloud'>\n\t<li>";
		$return .= join("</li>\n\t<li>", $a);
		$return .= "</li>\n</ul>\n";
		break;
	default :
		$return = join("\n", $a);
		break;
	endswitch;

	return apply_filters( 'dropdown_generate_tag_cloud', $return, $tags, $args );
}
?>

Uma vez feito, você pode usar a função para obter o menu de etiquetas. Basta abrir o arquivo onde você deseja colocar a sua lista (A maior coloca no sidebar.php) e cole o seguinte código:

<select name="tag-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
	<option value="#">Liste d'auteurs</option>
	< ?php dropdown_tag_cloud('number=0&order=asc'); ?>
</select>

Esta hack foi inicialmente publicado em WpHacks.

BBCode

Os usuários de foruns, conhecem o formato BBCode, aquele composto de tags envoltos por [], similar ao formato HTML. Este formato está muito estendido em internet e é fácil de memorizar. Vejamos um exemplo:

[b]Este text en negrita[/b] ==> <strong>Este text en negrita</strong>

Partindo desta base podemos passar a definir que é ShortCode.

ShortCode

ShortCode API, é um conjunto de funções que permite definir nossos próprios tags BBCode para inserí-los dentro de nossos posts. A graça deste sistema é que podemos executar código PHP dentro do conteúdo de nossos posts. O que além de ser muito interessante, evidentemente é muito perigoso.

add_shortcode($tag, $function);

// [footag foo="bar"]
function footag_func($atts) {
return @"foo = {$atts['foo']}";
}
// My Caption
function caption_shortcode( $atts, $content = null ) {
extract( shortcode_atts( array(
'class' => 'caption',
), $atts ) );

return '<span class="' . attribtue_escape($caption) . '">' . $content . '</span>';
}

add_shortcode('caption', 'caption_shortcode');
add_shortcode('footag', 'footag_func');

Se olhamos o código anterior, vemos que o tag BBCode se define mediante a função addshortcode(), encarregada de relacionar o tag com a função correspondente.

remove_shortcode($tag);

Função que nos permite eliminar o funcionamento de um shortcode, para isso indicaremos o tag que queremos eliminar das disponíveis.

remove_shortcode("caption"); // Eliminamos [/caption]

remove_all_shortcodes();

Se desejamos eliminar todos os shortcodes disponíveis em nosso WordPress, simplesmente temos que usar esta função e se encarregará de desativar a todos.

remove_all_shortcodes(); // Todos los shortcodes eliminados

shortcode_atts($pairs, $atts);

Função que nos devolve um array de pares com os atributos padrão para nossos shortcodes.

$a = shortcode_atts( array(
'title' => 'My Title'
'foo' => 123,
), $atts );

do_shortcode($content);

Função que nos devolve o resultado da execução do texto com o shortcode substituído pela função.

do_shortcode('My Caption'); // <span class="headline">My Caption</span>

Onde pôr este código?

WordPress não indica onde localizar o código correspondente aos shortcodes, mas o arquivo que estão definidas as funções que fazem possível o funcionamento, está localizado em wp-includes/shortcodes.php. Nele não faz referência a nenhum arquivo externo, localizado numa rota algo mais pessoal como wp-content/.

Como quase todo o código de WordPress pode ser inserido em qualquer lugar e de qualquer forma:

• Plugin
• Theme (functions.php)
• my-hacks.php

Mas talves a forma mais fácil seria ter sido adicionar um par de linhas e sacar do core de WordPress uma funcionalidade que permite tal nível de personalização.

 if ( file_exists(ABSPATH . 'wp-content/my-shortcodes.php') )
require_once (ABSPATH . 'wp-content/my-shortcodes.php');

Algo assim ao início do arquivo shorcodes.php? Desta forma dispomos de um arquivo externo que nos permite ter definidos nossos shortcodes independente de todas as futuras atualizações…

via anieto2k.com

O primeiro é fazer uma cópia do arquivo single.php de da nossa planilha, podemos colocar por exemplo galeria.php. Abrimos ele e procuramos a seguinte linha:

<?php the_content('Continuar'); ?>

E justo em cima desta linha adicionamos o seguinte código:

<p class="attachment"><a href="<?php echo wp_get_attachment_url($post->ID); ?>">ID, 'medium' ); ?></a></p>

<div class="caption">post_excerpt) ) the_excerpt(); // este es el "caption" ?></div>

E embaixo da mesma linha colocamos este outro código:

<div class="imgnav">
<div class="imgleft">< ?php previous_image_link() ?></div>
<div class="imgright">< ?php next_image_link() ?></div>
</div>
<br clear="all" />

Para finalizar temos que dar um pouco de estilo às novas funções incluidas. Com esse objeto adicionaremos as seguintes linhas ao nosso arquivo style.css:

/**************** Galeria de Imagenes *********************/
.gallery {
text-align: center;
}
.gallery img {
padding: 2px;
height: 100px;
width: 100px;
}
.gallery a: hover {
background-color: #ffffff;
}
.attachment {
text-align: center;
}
.attachment img {
padding: 2px;
border: 1px solid #999999;
}
.attachment a: hover {
background-color: #FFFFFF;
}
.imgnav {
text-align: center;
}
.imgleft {
float: left;
}
.imgleft a: hover {
background-color: #FFFFFF;
}
.imgleft img {
padding: 2px;
border: 1px solid #999999;
height: 100px;
width: 100px;
}
.imgright {
float: right;
}
.imgright a: hover {
background-color: #FFFFFF;
}
.imgright img {
padding: 2px;
border: 1px solid #999999;
height: 100px;
width: 100px;
}

Para usar a funcionalidade de galerias, e que o nosso theme mostre corretamente, só temos que criar um novo post ou página, ir ao carregador de imagens do editor de WordPress, subir nossas imagens, aceder à tab da Galeria e inserír a galeria no nosso post ou página.

via ayudawordpress.com.