- Desde
- 18 Mar 2010
- Mensajes
- 482
Este es un artículo que escribí hace tiempo para Nettuts pero por errores gramaticales en la versión en inglés no fue publicado, así que mejor lo publiqué en mi propio sitio, lo acabo de traducir al español y aunque no voy a copiarlo y pegarlo aqui por obvias razones (además de que es muy largo) les puedo dejar algunas muestras rápidas.
Sólo para que sepan los "--------------------" significan que había más texto de por medio, por eso no tiene mucho sentido.
-------------------------
Agregar botones sociales
¡Se ve bien! Ahora hay que agregar algunos botones sociales como Twitter y Facebook, Yo estoy utilizando este set de iconos.
Aquí en el theme por defecto no tengo mucho espacio, así que sólo agregaré botones de Twitter y Facebook, pero si quieren agregar más, es más o menos lo mismo.
Agregar un botón de Facebook es fácil porque sólo necesitas compartir la URL, sólo hay que pegar este código en la sidebar.
Twitter, por otro lado, es un poco complicado porque quieres hacer saber a tus seguidores lo que estás compartiendo, así que tienes que agregar el título, entonces, cuando sólo tienes 140 caracteres a tu disposición, no puedes enviar la URL completa junto con el título, por lo tanto, necesitas una URL corta.
Hay muchos servicios que acortan direcciones, e incluso puedes crear el tuyo propio, pero por ahora puedes usar servicios como tinyurl o bit.ly si prefieres.
--------------------
Usando bit.ly
Yo prefiero utilizar bit.ly porque te permite mantener un registro de tus direcciones acortadas, y es todavía más corto que tinyurl.
Lo primero que necesitas es registrarte en bit.ly, y entonces tendrás acceso a una API key", de nuevo, pega este código en tu archivo functions.php.
--------------------
Usando tu propio dominio v2.0
Utilizando el código anterior, y agregando un poco de redirección 301 a nuestro archivo .htaccess podemos deshacernos del “?p=“ ahorrando tres preciosos caracteres.
En el código anterior, borra “?p=“ para que quede así:
Enlace eliminado
--------------------
Añadiendo más artículos de la misma categoría
Ahora agreguemos más artículos de la misma categoría que estamos leyendo (queremos que el lector se quede el mayor tiempo posible en el blog ¿cierto?)
Tomé esta función (bueno, no era una función cuando la tomé) del Agregado Theme (que por cierto, de verdad sabe como tomar ventaja de su sidebar), agrega el primer código en el archivo functions.php, y el segundo en el archivo sidebar-single.php.
--------------------
Mostrar comentarios recientes
Los Blogs son todo sobre la comunidad, así que queremos que nuestros lectores hagan muchos comentarios, pero son tímidos, necesitan saber que algún otro chico genial lo hizo antes que ellos. Para hacer que esto suceda, necesitamos mostrar una lista con los comentarios más recientes de nuestro blog.
Pega el siguiente código en el archivo functions.php (perdón pero en serio no recuerdo de donde lo tomé, estaba en mi archivo de funciones):
Ahora colocamos esto en la sidebar:
--------------------
Resultado
Enlace eliminado
Enlace eliminado
Si quieren ver el tutorial completo con todos los códigos que utilicé (y el que tiene sentido) Enlace eliminado.
Sólo para que sepan los "--------------------" significan que había más texto de por medio, por eso no tiene mucho sentido.
-------------------------
Agregar botones sociales
¡Se ve bien! Ahora hay que agregar algunos botones sociales como Twitter y Facebook, Yo estoy utilizando este set de iconos.
Aquí en el theme por defecto no tengo mucho espacio, así que sólo agregaré botones de Twitter y Facebook, pero si quieren agregar más, es más o menos lo mismo.
Agregar un botón de Facebook es fácil porque sólo necesitas compartir la URL, sólo hay que pegar este código en la sidebar.
HTML:
<a href="http://www.facebook.com/share.php?u=<?php the_permalink(); ?>" rel="nofollow" target="_blank">
<img src="<?php bloginfo('template_url'); ?>/images/facebook.png" alt="Share on Facebook" width="64px"/></a>Twitter, por otro lado, es un poco complicado porque quieres hacer saber a tus seguidores lo que estás compartiendo, así que tienes que agregar el título, entonces, cuando sólo tienes 140 caracteres a tu disposición, no puedes enviar la URL completa junto con el título, por lo tanto, necesitas una URL corta.
Hay muchos servicios que acortan direcciones, e incluso puedes crear el tuyo propio, pero por ahora puedes usar servicios como tinyurl o bit.ly si prefieres.
--------------------
Usando bit.ly
Yo prefiero utilizar bit.ly porque te permite mantener un registro de tus direcciones acortadas, y es todavía más corto que tinyurl.
Lo primero que necesitas es registrarte en bit.ly, y entonces tendrás acceso a una API key", de nuevo, pega este código en tu archivo functions.php.
PHP:
//crear bit.ly url
function bitly()
{
//Información de Login
$url = get_permalink(); //genera el permalink de wordpress
$login = ''; //coloca tu nombre de usuario de bit.ly
$apikey = ''; //tu apikey
$format = 'json'; //elige entre json o xml
$version = '2.0.1';
//crear la URL
$bitly = 'http://api.bit.ly/shorten?version='.$version.'&longUrl='.urlencode($url).'&login='.$login.'&apiKey='.$apikey.'&format='.$format;
//recibe la url
//también se puede usar cURL acá
$response = file_get_contents($bitly);
//parse depending on desired format
if(strtolower($format) == 'json')
{
$json = @json_decode($response,true);
echo $json['results'][$url]['shortUrl'];
}
else //xml
{
$xml = simplexml_load_string($response);
echo 'http://bit.ly/'.$xml->results->nodeKeyVal->hash;
}
}--------------------
Usando tu propio dominio v2.0
Utilizando el código anterior, y agregando un poco de redirección 301 a nuestro archivo .htaccess podemos deshacernos del “?p=“ ahorrando tres preciosos caracteres.
En el código anterior, borra “?p=“ para que quede así:
HTML:
<a href="http://www.twitter.com/home?status=<?php twitle(the_title('','',false)); ?>+<?php bloginfo('url') ?>/<?php echo $post->ID; ?>" rel="nofollow" target="_blank">
<img src="<?php bloginfo('template_url'); ?>/images/twitter.png" alt="Tweet me!"/>
</a>Enlace eliminado
--------------------
Añadiendo más artículos de la misma categoría
Ahora agreguemos más artículos de la misma categoría que estamos leyendo (queremos que el lector se quede el mayor tiempo posible en el blog ¿cierto?)
Tomé esta función (bueno, no era una función cuando la tomé) del Agregado Theme (que por cierto, de verdad sabe como tomar ventaja de su sidebar), agrega el primer código en el archivo functions.php, y el segundo en el archivo sidebar-single.php.
PHP:
<?php
function get_more_category() {
global $post;
$categories = get_the_category(); // Tomamos las categorías
foreach ($categories as $category) : //comenzamos un loop
$posts = get_posts('numberposts=3&exclude='.$post->ID.'&category='. $category->term_id);
// regresa 3 artículos de la misma categoría pero excluye el que estamos viendo.
if(count($posts) > 1) {
?>
<h2>M´s <em>en</em> '<?php echo $category->name; ?>':</h2>
<p><ul>
<?php foreach($posts as $post) : ?>
<li><a href="<?php the_permalink(); ?>"<?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul></p>
<?php }
endforeach;
}
PHP:
<?php get_more_category(); // Llamamos a la función ?>--------------------
Mostrar comentarios recientes
Los Blogs son todo sobre la comunidad, así que queremos que nuestros lectores hagan muchos comentarios, pero son tímidos, necesitan saber que algún otro chico genial lo hizo antes que ellos. Para hacer que esto suceda, necesitamos mostrar una lista con los comentarios más recientes de nuestro blog.
Pega el siguiente código en el archivo functions.php (perdón pero en serio no recuerdo de donde lo tomé, estaba en mi archivo de funciones):
PHP:
<?php
function recent_comments($comm = 5) {
global $wpdb;
$sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID, comment_post_ID, comment_author, comment_date_gmt, comment_approved, comment_type,comment_author_url, SUBSTRING(comment_content,1,30) AS com_excerpt FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID = $wpdb->posts.ID) WHERE comment_approved = '1' AND comment_type = '' AND post_password = '' ORDER BY comment_date_gmt DESC LIMIT $comm";
$comments = $wpdb->get_results($sql);
$output = $pre_HTML;
$output .= "\n<ul class=\"recentcomments\">";
foreach ($comments as $comment) {
$output .= "\n<li><strong>".strip_tags($comment->comment_author) ."</strong> <em>on</em> " . "<a href=\"" . get_permalink($comment->ID)."#comment-" . $comment->comment_ID . "\" title=\"". strip_tags($comment->com_excerpt). "\">".$comment->post_title ."</a></li>";
}
$output .= "\n</ul>";
$output .= $post_HTML;
echo $output;
}Ahora colocamos esto en la sidebar:
PHP:
<?php recent_comments(); ?>--------------------
Resultado
Enlace eliminado
Enlace eliminado
Si quieren ver el tutorial completo con todos los códigos que utilicé (y el que tiene sentido) Enlace eliminado.
