10 dicas para fazer o seu blog WordPress sobressair da concorrência!

Nos dias de hoje, existem milhares de templates wordpress no mercado, pelo que é cada vez mais difícil conseguir sobressair numa blogosfera extremamente concorrencial. No entanto, uma das melhores formas para solucionar esse problema, prende-se efectivamente com a utilização de pormenores que fazem o seu blog muito mais atractivo do que o do vizinho do lado, também conhecido como concorrente. Vejamos então 10 dicas interessantes para utilizar nos seus blogs WordPress e sobressair automaticamente da concorrência!

1- APRESENTE OS ÚLTIMOS ARTIGOS NA BARRA LATERAL
Utilizar esta opção num blog Wordpres é nos dias de hoje extremamente simples, mas a verdade é que funciona muito bem. E o melhor tudo é que é muito simples de utilizar. Abra o seu ficheiro sidebar.php e cole lá dentro o seguinte código, que irá fazer aparecer os seus últimos 4 artigos por uma ordem indefinida:

<ul>
<?php wp_get_archives('type=postbypost&limit=4'); ?>
</ul>

2- SEO NA SUA <TITLE> TAG
Tornar o seu template ‘SEO ready’ é outra das necessidades dos dias de hoje. Uma das formas de tornar o seu template mais amigo dos motores de busca, passa precisamente pela optimização da sua <title> tag. O código seguinte irá tornar a sua <title> tag dinâmica, alterando automaticamente e conforme a página onde você se encontra. Por exemplo, se você estiver na Homepage, o título irá aparecer da seguinte forma:  ‘Nome do Blog | Descrição do Blog’. No entanto, se estiver numa página, irá aparecer da seguinte forma: Nome do Artigo | Nome da Categoria | Nome do Blog. Verifique o código seguinte para ler a listagem completa de opções.

<?php if ( is_home() ) { ?><? bloginfo('name'); ?> | <?php bloginfo('description'); ?><?php } ?>

<?php if ( is_search() ) { ?>Search Results for <?php /* Search Count */ $allsearch = &new WP_Query("s=$s&showposts=-1"); $key = wp_specialchars($s, 1); $count = $allsearch->post_count; _e(''); echo $key; _e(' — '); echo $count . ' '; _e('articles'); wp_reset_query(); ?><?php } ?>

<?php if ( is_404() ) { ?><? bloginfo('name'); ?> | 404 Nothing Found<?php } ?>

<?php if ( is_author() ) { ?><? bloginfo('name'); ?> | Author Archives<?php } ?>

<?php if ( is_single() ) { ?><?php wp_title(''); ?> | <?php $category = get_the_category(); echo $category[0]->cat_name; | <? bloginfo('name'); ?><?php } ?>

<?php if ( is_page() ) { ?><? bloginfo('name'); ?> | <?php $category = get_the_category(); echo $category[0]->cat_name;  ?>|<?php wp_title(''); ?><?php } ?>

<?php if ( is_category() ) { ?><?php single_cat_title(); ?> | <?php $category = get_the_category(); echo $category[0]->category_description; ?> | <? bloginfo('name'); ?><?php } ?>

<?php if ( is_month() ) { ?><? bloginfo('name'); ?> | Archive | <?php the_time('F, Y'); ?><?php } ?>

<?php if ( is_day() ) { ?><? bloginfo('name'); ?> | Archive | <?php the_time('F j, Y'); ?><?php } ?>

<?php if (function_exists('is_tag')) { if ( is_tag() ) { ?><?php single_tag_title("", true); } } ?> | <? bloginfo('name'); ?>

3- ALTERE O GRAVATAR POR DEFEITO
Este é daqueles truques que faz qualquer blog sobressair sobre a sua concorrência. Dê aos seus utilizadores a possibilidade de trocarem o gravatar por defeito, por um que seja mais do seu agrado. Você deverá dizer aos seus leitores, como fazer esta alteração. Abra o ficheiro functions.php do seu template, e cole o seguinte código:

<php if ( !function_exists('fb_addgravatar') ) {
	function fb_addgravatar( $avatar_defaults ) {
		$myavatar = get_bloginfo('template_directory').'/gravatar.gif';
                //default avatar
		$avatar_defaults[$myavatar] = 'Exciting new gravtar';

		return $avatar_defaults;
	}

	add_filter( 'avatar_defaults', 'fb_addgravatar' );
}

4- MOSTRAR ARTIGOS RELACIONADOS
Esta é também uma das grandes oportunidades de evitar um plugin instalado na sua base de dados! Este plugin apresenta artigos relacionados baseado nas TAGS, embora apresente artigos aleatoriamente se não existirem tags idênticas.

<!-- this displays related posts, based on tags. If there are no tags, then it'll disappear. Magic!-->
<?php if( function_exists('the_tags') )

//for use in the loop, list 5 post titles related to first tag on current post
$tags = wp_get_post_tags($post->ID);
if ($tags) {
echo '<h2>Artigos Relacionados:</h2> ';
$first_tag = $tags[0]->term_id;
$args=array(
'tag__in' => array($first_tag),
'post__not_in' => array($post->ID),
'showposts'=>5,
'caller_get_posts'=>1
);
$my_query = new WP_Query($args);
if( $my_query->have_posts() ) {
while ($my_query->have_posts()) : $my_query->the_post(); ?>
<ul> <li><a href="<?php the_permalink() ?>" rel="bookmark" title="Link Permanente para <?php the_title_attribute(); ?>"><?php the_title(); ?></a></li></ul>
<?php endwhile; }}?>

5- MOSTRAR CAIXA DE LOGIN PARA O PAINEL DE ADMINISTRAÇÃO
Este é daqueles truques pensados apenas em si e na comodidade da sua navegação enquanto autor do blog. Basicamente este plugin detecta que você o administrador do blog, e assim que você fizer login, aparece uma caixa de login no seu blog para que possa levá-lo rapidamente à Administração do WordPress. Dentro deste código podem ser colocadas imensas outras opções, como por exemplo um contador do Feedburner, que após você fazer login, só lhe é apresentado a si e mais ninguém. Basicamente este código apresenta um link para o /WP-Admin/ a todos os utilizadores que efectuem o seu login na plataforma. Vejamos:

<?php if (is_user_logged_in()) { ?><a href="<?php echo get_option('home'); ?>/wp-admin/">Login</a><?php } ?>

6- SUPORTE AO TWITTER

Com a popularidade que o Twitter tem vindo a assumir (siga-me no Twitter!!), torna-se essencial fazer uso dele no seu próprio blog. Com este truque, iremos criar um link TinyURL e posteriormente adicionar um link ‘Partilhar no Twitter’ para colocar no fundo dos seus artigos. Depois disso, iremos colocar os últimos tweets na barra lateral do blog.
A primeira coisa a fazer é criar o TinyURL. Para o fazer, é necessário colocar as seguintes linhas de código no ficheiro functions.php do seu template:

function getTinyUrl($url) {
    $tinyurl = file_get_contents("http://tinyurl.com/api-create.php?url=".$url);
    return $tinyurl;
}

De seguida, vamos criar o link ‘Partilhar no Twitter’, integrando o TinyURL que acabámos de fazer, utilizando o seguinte código:

<?php
$turl = getTinyUrl(get_permalink($post->ID));
echo 'Partilhar no Twitter: <a href="http://twitter.com/home?status=A ler -  '.$turl.'" title="Enviar um link para o Twitter" target="_blank">Enviar um link para ester artigo no Twitter</a>
'
?>

Finalmente, vamos colocar os últimos Tweets na barra lateral do blog. Para fazê-lo, basta adicionar as seguintes linhas de código na barra lateral:

<?php

// Your twitter username.
$username = "TwitterUsername";

// Prefix - some text you want displayed before your latest tweet.
// (HTML is OK, but be sure to escape quotes with backslashes: for example href=\"link.html\")
$prefix = "<h2>Os meus últimos Tweets</h2>";

// Suffix - some text you want display after your latest tweet. (Same rules as the prefix.)
$suffix = "";

$feed = "http://search.twitter.com/search.atom?q=from:" . $username . "&rpp=1";

function parse_feed($feed) {
    $stepOne = explode("<content type=\"html\">", $feed);
    $stepTwo = explode("</content>", $stepOne[1]);
    $tweet = $stepTwo[0];
    $tweet = str_replace("&lt;", "<", $tweet);
    $tweet = str_replace("&gt;", ">", $tweet);
    return $tweet;
}

$twitterFeed = file_get_contents($feed);
echo stripslashes($prefix) . parse_feed($twitterFeed) . stripslashes($suffix);
?>

7- REDIMENSIONAMENTO AUTOMÁTICO DE IMAGENS COM SHORTCODES
Para redimensionar automaticamente imagens no seu blog WordPress, é necessário utilizar um script que o faça automaticamente. Existem duas opções: uma passa pelo timthumb e a outra pelo phpthumb. Pessoalmente prefiro o phpthumb uma vez que oferece opções mais interessantes. Verifique a demo para perceber a qualidade deste plugin.
Depois de escolher o seu plugin, é altura de criarmos o shortcode que irá permitir o resize automático das nossas imagens. Assumindo que você está a usar o phpthumb, terá de adicionar o seguinte código ao ficheiro functions.php do seu template:

function imageresizer( $atts, $content = null ) {
return '<img src="/THEMEURL/phpthumb/phpThumb.php?src=' . $content . '&w=590" alt="">';
}
add_shortcode('img', 'imageresizer');

O que este código faz é criar o automatizador que irá redimensionar as suas imagens, utilizando o phpthumb para 590 pixeis de largura. Agora que criámos o shortcode, basta utilizá-lo sempre que desejar puxar uma imagem:

[img]IMAGE URL[/img]

8- UTILIZE IMAGENS NA HOMEPAGE SEM UM CUSTOM FIELD
Quando surgiram as primeiras templates magazine, os custom fields eram seguramente uma das formas mais utilizadas pelo WordPress. O único problema é que praticamente toda a gente detesta preencher esses campos. Felizmente é possível dar a volta a esse pormenor, utilizando um código no ficheiro functions.php do seu template. Poderá inclusivamente puxar a imagem e depois redimensioná-la automaticamente com o phpthumb como analisámos anteriormente.

// Get URL of first image in a post
function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];

// no image found display default image instead
if(empty($first_img)){
$first_img = "/images/default.jpg";
}
return $first_img;
}

A única que necessita agora de fazer, é apresentar a imagem na homepage, que poderá fazê-lo com o seguinte código:

<img src="<?php bloginfo('template_url'); ?>/phpthumb/phpThumb.php?src=<?php echo catch_that_image() ?>&w=200" alt=""/>

9- MELHORAR E COMPLETAR A SUA PESQUISA
Um dos erros mais comuns dos webdesigners e programadores prende-se com subestimarem a pesquisa de um blog. Tenha em mente não fazê-lo! A primeira coisa que vamos fazer é apresentar o número de resultados da pesquisa, que pode ser facilmente conseguido com o seguinte código:

Resultados da pesquisa por <?php /* Search Count */ $allsearch = &new WP_Query("s=$s&showposts=-1"); $key = wp_specialchars($s, 1); $count = $allsearch->post_count; _e(''); _e('<span>'); echo $key; _e('</span>'); _e(' &mdash; '); echo $count . ' '; _e('articles'); wp_reset_query(); ?>

De seguida vamos completar automaticamente a nossa pesquisa. Esta é uma opção espectacular para utilizar na sua template, pelo que vale bem o tempo que poderá dispender com ela. A primeira coisa que deveremos fazer, é utilizar os plugins de jQuery e Query auto-complete. Poderá obtê-los na jQuery.com ou na Bassistance.de. Carrege-os para a diretoria de templates do seu blog e adicione as seguintes linhas de código ao seu ficheiro header.php:

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/jquery.autocomplete.pack.js"></script>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/jquery.autocomplete.css" media="screen" />

O próximo passo, é adicionar o jQuery à sua caixa de pesquisa e está feito!

<script type="text/javascript" src="<?PHP bloginfo('template_url'); ?>/jquery.autocomplete.pack.js"></script>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/jquery.autocomplete.css" media="screen" />
<script type="text/javascript">
$(document).ready(function(){
var data = '<?php global $wpdb; $search_tags = $wpdb->get_results("SELECT name FROM $wpdb->terms"); foreach ($search_tags as $mytag){ echo $mytag->name. " "; } ?>'.split(" ");
$("#ID_OF_SEARCH_INPUT_BOX").autocomplete(data);
})
</script>

10- SUPORTE PARA IPHONE

Esta novidade interessante é mais complicada de implementar, mas vale bem a pena. A primeira coisa que temos de fazer é dizer ao nosso WordPress que os utilizadores do iPhone/iPod Touch necessitam de ver uma versão especial do blog, e para o fazer, necessitamos do plugin iWPhone da ContentRobot. Na verdade não vamos utilizar a estilização feita pela ContentRobot, vamos à Nometech buscar uma versão com template profissional e estilizado propositadamente para o efeito. Poderá integrar o plugin directamente no ficheiro function.php, embora eu seja contra uma vez que poderá tornar o seu blog mais lento.
Tendo o plugin carregado, onde você bem desejar, a única coisa que nos falta é fazer o upload do template iNomeBlog para a diretoria /themes/ e ele funcionará!

Bons truques! Dúvidas ou comentários são bem-vindos!

Até Já!