Cosas que hacer antes de publicar

El proceso de escritura en un blog puede ser algo muy sencillo, pero es importante seguir unos pasos esenciales para no olvidarte de nada. A algunos quizá os sonará absurdo o quizá inútil, pero siempre va bien refrescar nuestra mente por si nos estamos olvidando de algo importante.

Mi recomendación es que empieces escogiendo, si todavía no la sabes, la idea principal de tu post. Defínela, escribe una frase corta que la contenga. Asegúrate que tu artículo tiene una sola idea principal. Si estás pensando en dos, mejor que las separes, las analices y las hagas en dos entradas distintas.

Evidentemente, dentro de cada post habrán ideas secundarias relacionadas con la principal que has escogido: haz un pequeño borrador con todas las ideas que quieres tratar en el post. No es necesario que las redactes, pueden ser palabres o frases cortas sin cohesión.

Asegúrate de tener claro cuál es el objetivo del artículo antes de empezar. Decide si quieres hacer un post informativo (noticias), instructivo (manuales o tutoriales), de opinión (recomendaciones, opiniones, etc.)… ¿A quién te diriges? Dependiendo de tu público objetivo deberías ajustar el lenguaje para que todos los usuarios puedan entenderte perfectamente. Si tu público es “cualquier persona que pueda estar interesada“, evita los tecnicismos excesivos. Escribir de forma sencilla no es escribir mal, al contrario.

Infórmate. Sea lo que sea sobre lo que vas a hablar, independientemente del tipo de artículo que quieras hacer, tienes que estar bien informado sobre el tema que vas a tratar. Siempre podemos equivocarnos o dejarnos cosas, pero si estás bien informado podrás informar mejor a tus visitantes, podrás opinar con más conocimiento o podrás ayudarlos en caso que tengan dudas.

Una vez llegado a este punto, me parece que lo importante es ponerse a escribir. Si ya te has informado sobre el tema y lo dominas, lo mejor es que empieces escribiendo sin consultar otras fuentes. Escribe lo que sabes, lo que quieres comunicar, sin otro objetivo que transmitir a las palabras lo que estás pensando. Hay gente que prefiere escribir a mano, pero eso es decisión tuya. Puedes probarlo haciendo algún artículo y verás si te va mejor o peor que hacerlo directamente en el ordenador.

Una vez hayas hecho el primer borrador del artículo, con contenido propio y original, puedes contrastar tus datos con otras fuentes o artículos que hayas leído. De esta forma te asegurarás que tu artículo está bien fundamentado y no tiene lagunas importantes respecto al contenido.

Personalmente creo que, tenga el objetivo que tenga tu post, los blogs son medios de comunicación personales y es importante que incluyan tu propia opinión personal. En algunos temas a veces es difícil opinar ya que son puramente informativos, pero siempre que puedas te recomiendo que dejes clara tu opinión personal, defendiéndola y explicando claramente los motivos que te hacen pensar de esa forma en concreto. Tus lectores lo agradecerán y valorarán mucho, incluso dejando su opinión en los comentarios.

Una vez crees que tu contenido está completo, repásalo bien. Haz una o dos lecturas corrigiendo todo lo que veas mal: faltas de ortografía, expresiones, oraciones que no se entienden o que puedan confundir al lector. Si es un artículo importante, puedes dárselo a algún conocido para que lo lea antes de publicarlo: cuatro ojos siempre ven más que dos.

Una vez leído, como siempre digo, ¡enlaza! No te pases, pero la mayoría de artículos pueden enlazar a otras páginas (¡o a la tuya propia, muy importante!). A la mayoría de los visitantes les gusta poder acceder a las fuentes de la información (¡inclúyelas siempre!), a páginas complementarias o artículos que puedan profundizar en el conocimiento de lo que estás explicando en tu artículo. Eso sí, no te pases: mejor no enlaces más de una o dos veces en el mismo párrafo, puede ser excesivo.

En mi orden de escritura de artículos, normalmento acabo poniendo las imágenes. Yo recomiendo que un buen artículo contenga, como mínimo, una imagen. A veces estarán más relacionadas con la idea principal del artículo, a veces estarán relacionadas con algunas ideas secundarias. Pero lo importante es que pongas alguna imagen para transmitir sin palabras de qué estás hablando en ese texto.

Una vez tengas escrito todo el texto y tengas seleccionadas las imágenes que quieres poner, hazlo bonito. Distribúyelas a lo largo del texto, alinéalas como más te guste para que el usuario pueda leer el texto de la forma más fácil posible. Utiliza las negritas y las cursivas para mejorar la lectura de tus artículos.

Y, finalmente, escoge el título. Preferiblemente que no sea ni muy corto ni muy largo, tiene que contener obligatoriamente la idea principal del artículo y puede orientar sobre alguna idea secundaria.

Hay muchos usuarios que lo primero que harán al entrar a tu blog será:

  1. Mirar las imágenes
  2. Leer el título

Si ninguno de los dos elementos les llama la atención, difícilmente seguirán leyendo. Así que trabaja estos dos aspectos tanto como puedas. Y, ya para acabar… ¡es hora de publicar!

Imágenes: Flickr 1, 2, 3, 4.

Títulos como enlaces externos

Cuando quieres compartir en tu blog un post interesante de otro sitio normalmente te lo planteas como un minipost (o aside), en el que eliges un título, una pequeña descripción, y el enlace al sitio con la información de interés para tus lectores.

Ahora bien ¿no sería mejor poner solo un título enlazado al sitio externo?. Seguro que más de una vez te lo has planteado como una solución elegante.

Pues es muy fácil hacerlo, solo tienes que seguir 


Opción A: código

1. Añadir función

Abre el fichero functions.php de tu tema activo y añade el siguiente código:

PHP:
  1. function print_post_title() {
  2. global $post;
  3. $thePostID = $post->ID;
  4. $post_id = get_post($thePostID);
  5. $title = $post_id->post_title;
  6. $perm = get_permalink($post_id);
  7. $post_keys = array(); $post_val = array();
  8. $post_keys = get_post_custom_keys($thePostID);
  9.  
  10. if (!empty($post_keys)) {
  11. foreach ($post_keys as $pkey) {
  12. if ($pkey==’url_externa′ || $pkey==’titulo_url’ || $pkey==’url_titulo’) {
  13. $post_val = get_post_custom_values($pkey);
  14. }
  15. }
  16. if (empty($post_val)) {
  17. $link = $perm;
  18. } else {
  19. $link = $post_val[0];
  20. }
  21. } else {
  22. $link = $perm;
  23. }
  24. echo
  25. <h2><a title="’.$title.’" rel="bookmark" href="’.$link.’">’.$title.’</a></h2>
  26. ’;
  27. }

2. Cambia the_permalink por print_post_title

Abre el fichero index.php de tu tema activo y busca la siguiente línea de código (o similar):

PHP:
  1. <h2><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>

Sustitúyela por esta otra:

PHP:
  1. <?php print_post_title(); ?>

3. Usa el campo personalizado

Ahora solo te queda usar la función recién creada y, cuando vayas a compartir un enlace externo, añadir un campo personalizado, a elegir entre url_externa, titulo_url o url_titulo y, en el valor del mismo, poner la URL a donde debe enlazar el título de tu post. Si quieres, también puedes añadir una pequeña descripción acerca de la información en la URL externa a donde dirige el enlace. Publicas y ya está.

Este sistema, además, es muy seguro y limpio porque tus entradas "normales" seguirán mostrando el título como siempre.


Opción B: plugin


El otro modo de conseguir este objetivo es instalar el plugin llamado Page links to que, una vez instalado y activo, añade un widget al editor donde permite definir una URL (interna o externa) a donde redirigirá el título. Este plugin funciona igual para entradas que para páginas.

Posted from .

¿Te gustó este post? ¡Compártelo! Bitacoras.com TwitThis Facebook Meneame Google Bookmarks del.icio.us Live Technorati Ping.fm Wikio Turn this article into a PDF! E-mail this story to a friend! Print this article!

Mostrar enlaces a nuestros últimos artículos a través de un muro de miniaturas

Hoy veremos cómo usar miniaturas (thumbnails) para enlazar a nuestros artículos, que podrían ser utilizadas en nuestra barra lateral (sidebar.php) o, directamente, en nuestro índice (index.php). Para que esto funcione, cada artículo deberá tener una imagen subida al mismo (attachment) a través de la Librería de Imágenes (no sera necesario insertarlo en el cuerpo del artículo, con que el archivo esté subido basta. Esto nos puede ir bien si queremos distinguir entre imagen de presentación e imágenes finales en el texto principal una vez llegamos a la página concreta del artículo).

Tendremos que abrir el archivo en el que decidamos añadir esta funcionalidad y pegar el siguiente código:

<?php
$my_query = new WP_Query('showposts=12&orderby=rand');
if( $my_query->have_posts() ) {
echo '<h1>Artículos al Azar!</h1>';
while ($my_query->have_posts()) : $my_query->the_post(); ?>
<?php
$attachments = get_posts( array(
'post_type' => 'attachment',
'number_posts' => 1,
'post_status' => null,
'post_parent' => $my_query->post->ID,
) );
if ($attachments) {
?>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">
<?php
$thumbnail_id = $attachments[0]->ID;
echo wp_get_attachment_image( $thumbnail_id );
}
endwhile;
}
wp_reset_query();
?></a>
<?php endif; ?>

Estaremos aquí llamando a 12 artículos al azar.

Si tenemos problemas de maquetación, tendremos que usar CSS y abrir nuestro style.css para dar tamaños adecuados a esas imágenes:

.attachment-thumbnail {
height:50px;
width:50px;
padding:5px;
background:#fff;
margin:5px 5px 0 0;
float:left;
}

Esperamos vuestros comentarios.

Tus enlaces salientes en estado de revista con Broken link checker

Es posible que tengas algún artículo de hace varios meses con enlaces a otros sitios web. Si es así, es más que probable que alguno de estos enlaces ya no sea válido, de tal forma que si un usuario hace clic ahí, le remitirá a un página no encontrada. Puedes pensar que esto no es importante, sin embargo, hay dos buenos motivos para mantener todos tus enlaces en buen estado de revista:

  1. Calidad. Un enlace que no funciona siempre sienta mal a tus lectores. Aunque hagas una buena página 404, siempre sentirán que se pierden algo. Son pequeños detalles que a la larga importan.
  2. SEO. En un artículo anterior comenté cómo usar un plugin para quitar las fechas de los permalinks sin tocar el archivo .htaccess, algo muy práctico si quieres modificar la estructura de tus URLs. Aún así, algo se puede quedar sin redireccionar bien, y en este caso tu SEO se puede ver seriamente afectado.

Broken Link Checker te permite revisar la validez de todos tus enlaces de forma automática y además te muestra un pequeño informe con el listado de aquellos rotos. Desde este mismo listado, simplemente tienes que decidir qué hacer con ellos: eliminarlos, editarlos o incluso corregirlos y cambiarlos por otros. Esta es la apariencia que tiene:

Como se puede ver permite establecer un estilo para los enlaces rotos (una línea a través tachándolos) y otro estilo para los enlaces eliminados. En ambos casos se pueden cambiar por los que nos interesen. También nos permite establecer el tiempo máximo de espera antes de que el plugin considere que el enlace está roto (por defecto 30 segundos).

Por supuesto, para sacarle partido conviene revisar el informe cada cierto tiempo. Yo lo hice cuando estaba redactando el artículo y solucioné sobre la marcha unos 10 enlaces que tenía rotos dentro de mis propias páginas. Espero que os sirva de ayuda.

Como siempre, este plugin se puede instalar directamente desde vuestro escritorio de Wordpress

Quix, un bookmarklet para hacerte la vida más fácil en Wordpress

Un bookmarklet es un pequeño código de JavaScript que se puede colocar en tus favoritos o, preferiblemente, en la barra de marcadores de tu navegador. Se encarga de ejecutar ciertas acciones útiles. Hay muchos y de muy diverso tipo, una simple búsqueda os llevará a más sitios. Pero os quiero hablar de un bookmarklet que he descubierto hace poco (vía ThinkWasabi) y que incorpora una serie de utilidades de Wordpress, CSS y PHP que nos pueden resultar muy útiles, tanto para desarrollar como para configurar nuestro tema.

El bookmarklet en cuestión se llama Quix, y lo podéis instalar arrastrando y soltando este enlace en vuestra barra de marcadores. Una vez allí, al pulsarlo aparecerá una ventana para escribir comandos. Si queréis ver todos los disponibles basta con escribir help.

Veamos ahora qué nos ofrece, que no es poco:

  • Basic commands. De aquí destacaría dos fc <nombre>, hace una búsqueda en Flickr de imágenes con licencia CC. El otro php <nombre_funcion_php>.
  • WordPress. Hay varios comandos aquí específicos para Wordpress. plugin <nombre> busca plugins, mientras que wp <nombre> busca funciones de Wordpress.
  • SEO. También incorpora una serie de herramientas para el SEO. El más básico es seo, que analiza la página actual. Otra, que no conocía pero que me ha parecido muy práctica, es kd, Keyword Density Check, que nos permite analizar las palabras clave de nuestro documento.
  • Webmaster. Aquí hay un montón de comandos útiles. A mi me han llamado la atención xray y spriteme. El primero analiza cualquier elemento de la página sobre el que se haya hecho clic, mientras que el segundo nos permite combinar todas la imágenes en un único sprite, para optimizar los tiempos de descarga.
  • URL Shortening. Muy simple trim, awesm o bitly + URL, os recortarán la URL en cuestión.
  • App Integration commands. Soy un fanático de evernote, en este caso escribiendo evernote, nos guardará una nota de la página actual.

¿Qué os parece? A mí este descubrimiento me ha resultado muy útil, porque sin necesidad de tocar el ratón puedo analizar casi cualquier aspecto de mi blog: SEO, PHP, HTML, optimización…

Un último truco: yo tengo puesto el código del bookmarklet como página de inicio. De esta forma, pulsando la combinación ALT+INICIO, puedo acceder a la ventanita de Quix sin tocar el ratón. Práctico, ¿no?

Listar links adicionales a nuestras listas de páginas estáticas

Hoy vamos a explorar un buen truco que hemos tenido la ocasión de ver últimamente por la red de redes.

Todos sabemos que el listado de nuestras páginas estáticas es un arma poderosa para el creador de una página web. Siendo usuarios, una de las primeras cosas en las que nos fijamos al entrar en un nuevo site es en cómo sus editores han organizado ése menú, que, en muchos casos, estructura información importante a propósito de la web, y dice por tanto bastante acerca de cómo sus creadores quieren presentarla : “Quiénes Somos”, “Contacto”, “Filosofía”, “Nota Legal” o, comúnmente también, una serie de subpáginas con contenido relevante, que pueden llegar a ser incluso el corazón del proyecto.

Como WordPress puede ser usado como gestor de contenidos en un site extenso (además de su intención inicial, como sistema para bloguear), nos convendrá en alguna ocasión poder listar nuestras páginas estáticas más algunos links que se abran en un site amigo, y ello en una lista compacta.

Tal lista, vertical u horizontal, cuando la hayamos trabajado con CSS para darle el diseño que queramos, será importante que sea editable desde la Administración de WordPress, para evitar tener que abrir los templates una vez tras otra (especialmente si el site va a ser editado por otra gente que no sea el desarrollador).

La ventaja de listar páginas estáticas y links externos en un mismo espacio de diseño es esencialmente el poder sorprender a nuestros usuarios con un menú algo más articulado, que a la vez nosotros podremos distinguir de los links que listamos, usualmente, como sites amigos.

Para ello, abriremos functions.php (o bien, si no lo tenemos, lo crearemos con un editor de texto como por ejemplo Notepad++), y añadiremos el siguiente código :

// include additional links
function add_bookmarks_to_menu($output) {
$bookmarks = (array) get_bookmarks('hide_invisible=0&category_name=wp_list_pages');
foreach ($bookmarks as $bookmark) {
$output .= "<li><a href='{$bookmark->link_url}' title='{$bookmark->link_name}'>{$bookmark->link_name}</a></li>\n";

}
return $output;
}
add_filter('wp_list_pages', 'add_bookmarks_to_menu');

Estamos simplemente tomando ventaja del sistema de links que WordPress tiene para nosotros.

Iremos ahora a la Administración y haremos lo siguiente :

  1. Links > Añadir Nuevo
  2. Entrar un nombre y URL para cada link especial
  3. Seleccionar “Mantener este link privado”
  4. Clicar “Añadir Link”

Todos los links que añadamos como ‘privados’ serán listados junto a nuestras páginas estáticas automáticamente (que, recordemos, son convocadas con el template tag <?php wp_list_pages(); ?>).

Googl Generator

Marcos Esperón ha lanzado un interesante plugin para aquellos que gusten de usar el acortador de URLs de Google y convertir sus enlaces en enlaces acortados por el gigante de los buscadores.

Googl Generator, una vez instalado, requiere que modifiques tu plantilla, de manera que sustituya los habituales "permalinks" por los acortados, eso si, allá donde tu decidas.

La idea es sustituir la típica llamada del tipo … 

PHP:
  1. <?php the_permalink() ?>

por esta otra … 

PHP:
  1. <?php googl_generator(get_permalink()); ?>

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Clic aquí para iniciar la descarga Guía para Administrar Wordpress

¿Te gustó este post? ¡Compártelo! Bitacoras.com TwitThis Facebook Meneame Google Bookmarks del.icio.us Live Technorati Ping.fm Wikio Turn this article into a PDF! E-mail this story to a friend! Print this article!

Redireccionar el link del Autor a su blog/web

Como bien sabreis, en cada artículo o post que se escribe en un blog se muestra quién lo escribió, y ese “nombre” es a la vez un enlace a la hemeroteca de ese autor.

Si tenéis un blog con diversos autores, como es este que estais leyendo aquí, tal vez os interese, en vez de enlazar a el archivo del autor, poner un link hacia su blog o página web (como ocurre en TodoWordPress), si es que tiene (la cual se define desde el perfil de cada usuario, en el campo que le corresponde).

¿Cómo hacerlo?

Simplemente buscad en los archivos de vuestro theme la función <?php the_author() ?> y modificadla a <?php the_author_link(); ?>

Facil, ¿eh?

Cómo ampliar la seguridad de tu blog

Tener un blog bajo la plataforma WordPress.org (la que se instala en tu propio servidor) no es sinónimo de vulnerabilidad, ni mucho menos. Solamente hay que seguir una serie de precauciones y tener la aplicación blindada con unos cuantos plugins.

Puedes seguir los consejos de los siguientes posts, publicados en Blogpocket:

Ambos posts recopilaban información con tips, trucos y extensiones para asegurar la instalación de un blog con WorPress, a la que añadimos hoy otros 10 plugins para aumentar la seguridad de tu sitio.

email Bitacoras.com Twitter del.icio.us Facebook Google Bookmarks BarraPunto Meneame Wikio Ping.fm Technorati

Si votas este post en Bitacoras.com, otros podrán descubrirlo

También puedes leer Weblog Magazine, mi blog en ABC.es

Y estoy en Twitter, Facebook y Tumblr.

Iconos Sociales en cada post, linkando a sus respectivas páginas

Hoy veremos un sistema rápido y eficaz de proporcionar a cada uno de nuestros artículos de una batería de iconos sociales, para que nuestro blog sea recomendado y esparcido por la red.

Primero, nos haremos con un set de iconos que nos guste. Y guardaremos esos iconos en nuestro tema en cuestión, dentro de la carpeta ‘images’.

Luego, dentro del Loop (buscarlo en single.php, index.php, aunque también nos funcionará en archive.php), pegaremos esto, después de the_content:

<div class="social">

<h3>Comparte este post</h3>

<a href="<?php bloginfo('rss2_url'); ?>" title="Flujo RSS.">
<img src="<?php bloginfo('template_directory'); ?>/images/feed.png" alt="Flujo RSS." />
</a>

<a href="http://twitter.com/home/?status=<?php the_title(); ?> : <?php the_permalink(); ?>" title="Tweetea esto!">
<img src="<?php bloginfo('template_directory'); ?>/images/twitter.png" alt="Tweetea esto!" />
</a>

<a href="http://www.stumbleupon.com/submit?url=<?php the_permalink(); ?>&amp;amp;title=<?php the_title(); ?>" title="StumbleUpon.">
<img src="<?php bloginfo('template_directory'); ?>/images/stumbleupon.png" alt="StumbleUpon" />
</a>

<a href="http://www.reddit.com/submit?url=<?php the_permalink(); ?>&amp;amp;title=<?php the_title(); ?>" title="Vota en Reddit.">
<img src="<?php bloginfo('template_directory'); ?>/images/reddit.png" alt="Reddit" />
</a>

<a href="http://digg.com/submit?phase=2&amp;amp;url=<?php the_permalink(); ?>&amp;amp;title=<?php the_title(); ?>" title="Digg this!">
<img src="<?php bloginfo('template_directory'); ?>/images/digg.png" alt="Digg This!" />
</a>

<a href="http://del.icio.us/post?url=<?php the_permalink(); ?>&amp;amp;title=<?php the_title(); ?>" title="Bookmarkame en Delicious.">
<img src="<?php bloginfo('template_directory'); ?>/images/delicious.png" alt="Bookmarkame en Delicious" />
</a>

<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&amp;amp;t=<?php the_title(); ?>" title="Comparte en Facebook.">
<img src="<?php bloginfo('template_directory'); ?>/images/facebook.png" alt="Comparte en Facebook" id="sharethis-last" />
</a>

</div>

Hemos tomado en cuenta el Flujo RSS, Twitter, Stumble Upon, Reddit, Digg, Delicious y Facebook.
Si me pedís servicios extra, prometo responder.

A notar que cada set de iconos tendrá su nomenclatura, que habrá que ajustar en los ejemplos que yo he puesto aquí.

Y por lo demás voilà, ya tenemos a nuestros artículos ultra-socializados. A morir de éxito !

Get Adobe Flash playerPlugin by wpburn.com wordpress themes