Cada vez más clientes sienten la necesidad de contratar a una agencia de expertos en SEO justo después de haber diseñado y desarrollado la web para que hagan su magia y les coloquen en la primera página de Google y los demás buscadores.

Intento explicar a los clientes que en vez de ponerse a buscar urgentemente agencias de marketing, expertos en SEO, community managers, etc. lo que tienen que hacer cuando hemos terminado de construir la web es, la mayoría de las veces, darle vida y llenarla de contenido. Empezar a utilizarla. Si tiene un blog o una sección de noticias, publicar frecuentemente sobre el tema que trate la web; si hay una sección de ofertas, empezar a ofrecer productos; si es una tienda, añadir artículos… Compartirla, darla a conocer en las redes sociales y fuera de Internet.

Pero, como con la salud, parece que preferimos pagar a alguien para que nos arregle las cosas sin esfuerzo, fácil y rápidamente, en vez de cuidarnos un poco y prevenir enfermedades (o en este caso, una factura más que pagar a final de mes).

No digo que los profesionales en posicionamiento web sean innecesarios, sino que muchas veces son prescindibles, al menos en una primera etapa.

Cansado de explicar que en vez de instalar tanto plugin es mejor dedicarse a crear contenido, pero se busca lo rápido… y luego no funciona.

— Daniel N. González (@daninabil) April 24, 2013

Google y los demás buscadores son animales que comen texto y alguna otra cosa. Dales de comer, cuanto más mejor, y les tendrás contentos. El resto ya llegará. Los motores de búsqueda no ven las páginas web como las vemos las personas. Están limitados a leer el contenido y hacer suposiciones a partir de los datos que recogen, por eso es importante tratar de ponerse en su lugar (desde Google Webmaster Tools, por ejemplo). Un profesional del posicionamiento web es alguien que entiende y conoce al buscador, que sabe lo que le gusta, no alguien que le intenta engañar con campañas agresivas y trucos para conseguir resultados rápidos.

Demasiadas veces, las campañas SEO consisten en hacer spam, en conseguir direcciones de email como sea y empezar a enviar indiscriminadamente información no solicitada a la gente. De ahí que muchas veces se asocie el SEO con el correo no deseado. Hay buenos y malos profesionales en cualquier oficio, y en el mundo de las empresas dedicadas al posicionamiento en buscadores lógicamente hay de todo:

• Algunos te cobran 300 euros por instalarte cuatro plugins (y lo llaman SEO)
• Otros te dan de alta en cientos de directorios online (y lo llaman SEO)
• Hay quien te llenará la web de basura (exceso de palabras clave en los textos, en las direcciones, código innecesario, etc), y lo llamará SEO
• A veces la estrategia consistirá en instalar WordPress y poco más (pero lo llaman SEO)

SEO no es instalar WordPress, no es instalar cuatro plugins ni darte de alta en buscadores y directorios (a no ser que sea DMOZ.org) que nadie utiliza, no es obsesionarse con los “errores” del validador de HTML, sinó trabajar los contenidos para que sean lo más relevantes y útiles posibles para nuestras visitas y cuidar el lenguaje que utilizamos para construir la web (HTML, CSS, PHP, Javascript…).

“Contratar a un SEO es una decisión muy importante que puede mejorar su sitio y ahorrarle tiempo, aunque también se arriesga a dañar su funcionamiento y reputación. Asegúrese de averiguar tanto las posibles ventajas como los daños que un SEO poco solvente puede provocar en su sitio.” (Fuente: Google)

Una campaña de optimización web empieza desde el diseño y después el desarrollo de la web: colocar las etiquetas de título correctamente, imágenes con información adicional, direcciones descriptivas, código limpio y fácil de “digerir”, una estructura lógica, añadir enlaces relevantes, contenidos trabajados e interesantes, etc. Son cosas básicas, de sentido común, algunas responsabilidad del diseñador web, otras del desarrollador, otras de la persona o equipo encargado de crear el contenido y otras de alguien que entienda bien cómo funciona esto del posicionamiento. Si esto no está hecho, no es que necesites un experto SEO, es que tu web no está bien hecha.

La mejor estrategia debería consistir, después de conseguir tener una base sólida sobre la que trabajar, en darle interés, hacer que nuestra web sea única y brillante en algún aspecto, en conseguir diferenciarnos del resto de competidores. Es decir, en destacar.

Una estrategia basada en mejorar un sitio web desde la base puede ser interesante, pero una que prometa aplicar trucos y secretos oscuros que solo los profesionales conocen y con “resultados demostrables y garantizados”, probablemente no.

En otras palabras, es importante ver nuestra nueva página web como un organismo, algo vivo que tenemos que alimentar y que tiene que servir a los lectores y usuarios, no al motor de búsqueda de Google. Se trata en definitiva de crear webs accesibles para los buscadores, pero hechas para los usuarios. La mejor estrategia debería consistir, después de conseguir tener una base sólida sobre la que trabajar, en darle interés, hacer que sea única y brillante en algún aspecto, en conseguir diferenciarnos del resto de competidores. Es decir, en destacar.

El factor diferenciador puede ser el precio de los productos que se ofrecen, pero también las facilidades de pago, las descripciones, el servicio postventa, la atención al cliente, el diseño, la experiencia de usuario, la autoridad de nuestra información, la calidad del material visual (fotos, vídeos…), las ofertas, la disponibilidad del contenido en el idioma del usuario, etc.

Salir en la primera página de Google puede ser muy fácil o muy complicado. En muchos casos no hace falta hacer nada para que nuestra web salga en el primer resultado, sin aplicar ninguna técnica especial de posicionamiento. Esto es lo que mucha gente no entiende: si hay quien cobra por posicionar mi web, ¿cómo es que puedo salir sin hacer nada?

Además, pongamos que la campaña de posicionamiento ha funcionado perfectamente y estamos recibiendo un montón de visitas. Si estas visitas llegan a nuestra web y no ven nada interesante, como es lógico, volverán atrás y buscarán otra página, quizás peor posicionada, pero con mejor contenido o servicios. En otras palabras, aunque la campaña de posicionamiento sea un éxito, si la conversión falla, todo los esfuerzos anteriores habrán sido inútiles.

No soy experto en SEO, pero por mi experiencia, muchas veces las empresas, negocios y particulares más que una campaña de optimización en buscadores lo que necesitan urgentemente es un contenido apropiado, un contenido que ayude al usuario a encontrar y entender lo que busca, y que al mismo tiempo sea bien indexado por Google y el resto de buscadores.

No se puede hacer una campaña SEO con contenidos pobres, con entradas de una linea o un párrafo escrito de cualquier manera. El primer paso es hablar con el cliente y explicarle que no se trata de pagar más, se trata de ofrecer más al usuario, al visitante de su web, y para eso muchas veces no hace falta pagar a nadie (como mucho a alguien para que te explique esto y a otro para que te escriba los contenidos o le dé valor e interés a la web).

Poco a poco hemos ido generando una obsesión por el SEO. Aunque casi siempre será beneficioso contratar una campaña prolongada de optimización, las empresas invierten un montón de dinero en agencias de posicionamiento un poco a ciegas, sin saber muy bien dónde va ese dinero y qué alternativas tienen.

En muchos casos, el mejor SEO que te pueden ofrecer en un primer momento es explicarte cómo indexan los buscadores, cómo organizan los resultados, qué factores son importantes, y para eso muchas veces no es necesario instalar nada ni contratar a una agencia que nos cobre cada mes por sus servicios.

Malas señales al contratar un SEO

• Promesas poco creíbles: cuando alguien promete resultados sorprendentes en la primera página de Google, o que en cuestión de 48 horas nuestra web aparecerá posicionada, especialmente si antes no se ha hecho un pequeño estudio previo. Garantizar resultados en la primera posición es bastante arriesgado, a no ser que la competencia para nuestras palabras clave sea bajísima.
• Envíos a cientos de buscadores y directorios online: si la estrategia de posicionamiento incluye envíos masivos a buscadores, es una señal clara de que el cerebro del SEO en cuestión se quedó parado en el año 2000. Las webs ya no necesitan ser enviadas por nadie a ningún buscador importante (excepto casos muy concretos)
• Enlaces externos asegurados: no todos los enlaces que se consiguen son relevantes. Si provienen de sitios que no tienen nada que ver con la temática de nuestra web, si no tienen una mínima credibilidad o no son de confianza, da igual que consigamos cientos de enlaces. Esta técnica ya no sirve.
• Envíos de spam o llamadas telefónicas no solicitadas: cuando una empresa tiene que recurrir a enviar correo no solicitado (incluidas las newsletters) o a hacer llamadas promocionales (“marketing telefónico”) para conseguir clientes y/o visitas. No confíes en empresas SEO, consultorías o agencias web que envían mensajes de correo no solicitado.
• Si entre sus servicios no se incluye la creación y mejora del contenido es probable que la empresa se dedique básicamente a intentar engañar al buscador con trucos y recursos para conseguir resultados a corto plazo.
• Preocuparse más por la densidad de palabras clave, cantidad de enlaces permitidos, errores de validación, trucos recién descubiertos, etc. que por ofrecer contenido de calidad para el usuario y conseguir una relación con él abierta y duradera.

Cosas que puede hacer uno mismo

Hay bastantes cosas que puede hacer uno mismo con un poco de tiempo y dedicación:

• Estudiar, analizar un poco las palabras clave que nos interesan: haz una lista de palabras, frases y combinaciones de palabras con las que tu negocio se identifica. No es lo mismo salir en la primera página de Google con “Hoteles Mallorca” que con “Hoteles Palma Mallorca verano 2013″, por eso es necesario profundizar un poco y encontrar palabras que nos definan más allá de las obvias y seguramente difíciles de conseguir.
• Estudiar a la competencia: no es necesario pasarse días y escribir un informe exhaustivo, simplemente visita sus webs, mira cómo funcionan, qué ofrecen, por qué crees que tienen éxito…
• Crear contenido para la web: esto puede hacerlo uno mismo o contratar a alguien para que ayude, todo depende de cómo se nos dé escribir. Se trata de conseguir textos sinceros y útiles, más que propaganda vacía. Procura no ser demasiado escueto (Google es muy grande y come mucho), ni tampoco enrollarte sin necesidad. Aunque contrates a alguien, procura darle ideas sobre cómo debería enfocar esos textos, para que reflejen bien la intención y el alma de tu negocio, empresa o proyecto. Es fácil contratar a alguien para que se preocupe de crear el contenido, pero su conocimiento será limitado; quien mejor conoce nuestro negocio y a nuestros clientes somos nosotros mismos, por eso hay que asegurarse de que la esencia del proyecto se conserva en el contenido.
• Disponibilidad de contenidos en varios idiomas. Si queremos hacer llegar nuestro mensaje a más gente, puede ser una buena idea contratar a una agencia de traducción, creación y revisión de textos. En Mallorca, por ejemplo, aparte de hoteles, restaurantes y demás empresas dedicadas de lleno al sector turístico, puede ser interesante ofrecer nuestros contenidos en inglés y alemán (y por lo visto últimamente, ruso también) para atraer a más visitantes aunque seamos diseñadores, entrenadores personales o artistas plásticos.
• Asegúrate de que la estructura y el código de tu web está bien construido: tu web puede ser una plantilla comprada, gratuita, una web que te han hecho a medida o que has hecho tú mismo con algún programa de diseño. Como primer paso, abre la página de inicio y mira el código: Ver > Opciones para desarrolladores > Ver código fuente (o accesos similares). Pide o contrata a alguien para que eche un vistazo al código si tienes dudas. En principio, para empezar se trata de ver si todo está en su sitio y no hay mucho desorden.
• Conseguir buenos enlaces externos naturales que apunten hacia nuestra web (link building): se trata de relacionarse con otras webs y otras personas, tanto en Internet como fuera de la red. No se trata de pagar por enlaces hacia tu web, sinó de ver cómo conseguir esos enlaces sin pedirlos. Si el contenido, los productos o las ofertas son interesantes, normalmente los enlaces vendrán solos, con el tiempo. De hecho, funciona igual que cuando no existía Internet: las recomendaciones llegan con el tiempo, cuando tenemos clientes satisfechos y una imagen formada a partir de años de experiencia y dedicación.
• Relacionarse, online y offline, en redes sociales y en el bar, el gimnasio, la universidad, el trabajo…

Habrá quien dirá que lo que pretendo con esta entrada es precisamente posicionar esta página para busquedas relacionadas con SEO, expertos en posicionamiento y búsquedas similares, pero no es así, básicamente porque no ofrecemos ese servicio. Las webs que montamos incluyen una optimización básica o avanzada (según el presupuesto), que consiste en dejar preparada la web para que funcione, que esté bien construida desde la base, pero eso no se llama SEO, se llama diseñar y desarrollar webs.

Enlaces e información relacionada

En Internet hay muchísimos artículos que tratan este tema y muestran la preocupación de diseñadores web al ver los resultados después de pasar por las manos de algunos expertos en SEO. De todas formas, los que están más en la linea de lo que aquí intento explicar son estos:

• Common Sense SEO Checklist (CSS Tricks)
• The Inconvenient Truth About SEO (Smashing Magazine)
• Thoughts On Web Developers, SEO & Reputation Problems (Search Engine Land)
• Think You Have To Outsource SEO To An Expensive Firm? 5 Things You Can Do In House (Search Engine Land)
• Thoughts on SEO, CSS Tricks (vídeo en inglés)
• Five common SEO mistakes and six good ideas (Google Webmaster Central)
• Common Sense: The Secret Ingredient of any SEO Campaign (Search Engine Journal)

Enlaces generales sobre posicionamiento web

• Guía SEO de Google para principiantes: Manual para entender cómo funcionan los buscadores y cómo mejorar el posicionamiento de una web: accesibilidad, nociones básicas de SEO, etiquetas de cabecera, estructura interna, URLs, optimización de contenido, enlaces internos, tratamiento de imágenes, títulos, uso de robots.txt, nofollow, el SEO en dispositivos móviles, análisis, utilización de herramientas para webmasters…

  PDF en español | PDF en inglés

• The beginners guide to SEO (SEOmoz, en inglés): Manual de iniciación para principiantes. Una guía muy completa que cubre las estrategias fundamentales para hacer sitios web que funcionen correctamente en los buscadores.

Mostrar esta información sobre el autor es una buena manera de dar credibilidad y personalidad a las noticias y de fomentar la participación, además de ayudar a la fidelización de nuestras visitas.

La gestión de usuarios en WordPress es muy completa e intuitiva. No solo podemos crear varios tipos de usuarios (administrador, editor, autor…) sinó que podemos contar con varios usuarios de un mismo tipo, por ejemplo, diferentes autores que contribuyen en una misma web.

Sin embargo, no existe ninguna opción en el área de administración que nos permita decidir si queremos mostrarla públicamente o no. Esto se deja a la elección del desarrollador y diseñador de cada tema.

De todas formas, no es complicado editar una plantilla para conseguir que se muestre la biografía pública del autor de la entrada sin tener que utilizar ningún plugin. WordPress ha ido incorporando una serie de etiquetas para hacer esto más fácil, por lo que al final solo tendremos que editar una o dos plantillas para conseguirlo.

1. Añadimos nuevos campos en el perfil del usuario

Lo primero que tendremos que hacer es añadir algunos campos en la ficha de cada usuario, es decir en las opciones del perfil. Por defecto, WordPress solo viene configurado con campos para añadir la dirección de correo del usuario, la página web, cuenta de AIM, mensajería de Yahoo, Jabber/Google Talk y una biografía (en Perfil > Acerca de ti > Información biográfica). No hay ningún sitio donde poder añadir otras cuentas más comunes como la de Twitter, Facebook, Skype, RSS, Flickr o LinkedIn, por ejemplo.

Para conseguir esto añadiremos una función al filtro “user_contactmethods” en el archivo de funciones (“functions.php“) del tema activo (o en un plugin de funciones, si queremos que nos sirva para otros temas que vayamos a instalar):

// Función para añadir campos con información 
// extra al perfil del usuario de WordPress.
add_filter( 'user_contactmethods', 'perfil_usuario_personalizado' );
function perfil_usuario_personalizado( $user_contact ) {
	$user_contact['perfil_twitter'] = __('Twitter'); 
	$user_contact['perfil_facebook'] = __('Facebook'); 
	$user_contact['perfil_rss'] = __('RSS'); 
	return $user_contact;
}

Podemos añadir tantos campos como queramos. Aquí hemos añadido tres campos: una para poder añadir la dirección de Twitter del autor, otro para la de Facebook y uno más para la URL de su canal RSS.

Con esto ya tenemos solucionado el tema del perfil del autor. Si vamos al perfil de nuestro usuario veremos que se han añadido estos tres bloques nuevos. Lo único que faltará hacer es que cada usuario rellene los nuevos campos con su información. No es necesario rellenarlos todos, se puede dejar en blanco cualquiera de ellos, ya que más adelante lo que haremos es confirmar que el campo tiene alguna información, antes de imprimirlo en pantalla.

Ya que estamos, si lo que queremos es además eliminar alguno de los campos que WordPress trae por defecto, podemos hacerlo de la misma forma, añadiendo algunas lineas a nuestra función:

// Función para añadir o eliminar información extra al perfil.
add_filter( 'user_contactmethods', 'perfil_usuario_personalizado' );
function perfil_usuario_personalizado( $user_contact ) {

	/* Añadimos campos al perfil: Twitter y Skype */
	$user_contact['perfil_twitter'] = __('Twitter'); 
	$user_contact['perfil_skype'] = __(' Skype'); 

	/* Eliminamos los campos AIM, Jabber y Yahoo IM del perfil */
	unset($user_contact['aim']);
	unset($user_contact['jabber']);
	unset($user_contact['yim']);

	return $user_contact;
}

Nota: con este método no se pueden eliminar los campos URL o biografía, solo AIM, Yahoo IM y Jabber/Google Talk.

2. Añadimos la información del perfil en la plantilla, al final de cada entrada

El siguiente paso se podría hacer incluyendo más código en nuestro archivo de funciones (es la solución que dan en muchos tutoriales y plugins), pero creo que es mucho mejor utilizar las etiquetas que WordPress proporciona e incluirlo directamente en la plantilla donde queremos que aparezca esta información (normalmente en “single.php”).

Además, el método que muchos plugins utilizan de filtrar “the_content” y añadir la biografía después, es más probable que de problemas, por ejemplo, en diseños más complejos que un simple blog, o si estamos utilizando “the_content” en nuestro tema en lugares poco frecuentes, además de en las entradas (por ejemplo, si nuestros archivos muestran toda la información en lugar de solo un resumen con “the_excerpt”, que es lo más habitual).

Como lo que queremos es que sea fácil de editar y no tener que añadir clases CSS y tanto código HTML dentro de las funciones, vamos a añadir la información del perfil del autor en la plantilla que se encarga de mostrar una entrada completa, o sea “single.php”, para poder añadir la biografía y los links a redes sociales debajo de cada entrada, después de la función “the_content”:

<!-- Información del autor: nombre, foto, biografía y links a redes sociales  -->
<div class="autor-biografia">
	<div class="autor-info">
		<?php echo get_avatar( get_the_author_meta('email'), '80' ); ?>
		<h3 class="autor-nombre">Autor: <?php the_author_link(); ?></h3>
		<p class="autor-descripcion"><?php the_author_meta('description'); ?></p>
		<ul class="autor-enlaces">
			<li class="autor_web">Web: <a href="<?php the_author_meta('user_url');?>"><?php the_author_meta('user_url');?></a></li><?php 
				
				// TWITTER			
				$perfil_twitter = get_the_author_meta( 'perfil_twitter' );
				if ( $perfil_twitter && $perfil_twitter != '' ) {
					echo '<li class="autor_tw">Twitter: <a href="' . esc_url($perfil_twitter) . '">' . esc_url($perfil_twitter) . '</a></li>';
				}
				
				// FACEBOOK
				$perfil_facebook = get_the_author_meta( 'perfil_facebook' );
				if ( $perfil_facebook && $perfil_facebook != '' ) {
					echo '<li class="autor_fb">Facebook: <a href="' . esc_url($perfil_facebook) . '">' . esc_url($perfil_facebook) . '</a></li>';
				}
	
				// RSS
				$perfil_rss = get_the_author_meta( 'perfil_rss' );
				if ( $perfil_rss && $perfil_rss != '' ) {
					echo '<li class="autor_rss">RSS: <a href="' . esc_url($perfil_rss) . '">' . esc_url($perfil_rss) . '</a></li>';
				} 
				?>
	
		</ul>
	</div><!-- .autor-info-->
</div><!-- .autor-biografia-->

Las etiquetas que se encargan de entregarnos la información del perfil son:

• Imagen (avatar): get_avatar()
• Enlace a la web del autor: the_author_link()
• Información extra: the_author_meta() y get_the_author_meta()

Si nuestros usuarios no tienen avatar o no saben como cambiarlo, aquí encontrarán información:
Cómo cambiar el avatar por defecto de WordPress

3. Y le damos un poco de estilo

Ahora solo nos queda darle un poco de estilo a la información que hemos añadido. Sin este último paso, la biografía y los enlaces ya se imprimirá correctamente en nuestra plantilla, pero la colocación de cada elemento dependerá de las reglas CSS de nuestro tema.

Para que no haya conflictos con otros estilos utilizados para el diseño general de nuestra web, es importante utilizar nombres de clases que ayuden a concretar, es decir, nada de utilizar clases demasiado generales como “bio”, “info”, “autor”, “facebook”, etc.

El siguiente código CSS lo deberíamos incluir en la hoja de estilos generales “style.css”, aunque funcionará igualmente si lo colocamos antes del código HTML anterior (todo depende de si queremos que nuestro código valide correctamente y siga los estándares):

/* Estilos para la biografía del autor (perfil del usuario) */
.autor-biografia { margin-top: 50px; background-color: #ddd; border: 1px solid #ccc; padding: 20px 35px; font-size: 12px; line-height: 16px; }
.autor-info { padding-left: 90px; }
.autor-info .avatar { float: left; margin-left: -100px; border: 1px solid #fff; }
.autor-biografia h3 { display: inline-block; margin: 0 0 10px; font-weight: bold; font-size: 18px; }
.autor-enlaces { margin: 20px; }
.autor-enlaces li { margin: 0; }
.autor-enlaces a { /* Añadir estilos para los enlaces de la lista */ }

Lógicamente, cada uno puede editar a su gusto estos estilos. Por ejemplo, si queremos mejorarlo un poco más, podemos convertir los enlaces a redes sociales y RSS en iconos, para hacerlo un poco más atractivo.

Si en vez de enlaces de texto preferimos utilizar iconos para cada red social, habrá que hacer algunos ajustes en el código CSS anterior y añadir estas reglas:

.autor-enlaces { margin: 0; padding: 0; }
.autor-enlaces li { margin: 0 10px 0 0; display: inline-block; }
.autor-enlaces a { display: block; width: 35px; height: 35px; background-color: #a00; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.autor-enlaces .autor_web a { background: url('ruta-del-icono.png'); }
.autor-enlaces .autor_tw a { background: url('ruta-del-icono.png'); }
.autor-enlaces .autor_fb a { background: url('ruta-del-icono.png'); }
.autor-enlaces .autor_rss a { background: url('ruta-del-icono.png'); }

Aquí solo será necesario sustituir la ruta donde se encuentran los iconos que queremos utilizar, y probablemente el tamaño de las imágenes.

Como toque final, si queremos que la foto (el avatar del autor) en vez de cuadrado salga en un círculo, podemos añadir border redondeados a la imagen con “border-radius: 50%”.

Plugins, el camino fácil

Si todo esto te parece muy complicado y prefieres utilizar un plugin, no te va a ser difícil encontrar alguno que se adapte a tus necesidades. Es la manera más fácil de añadir funcionalidad en WordPress, pero la desventaja es que prácticamente no se aprende nada, y además estaremos limitados al diseño y desarrollo de su autor, por lo que puede que no encaje muy bien con el diseño de nuestra web.

Estos son algunos de los plugins que se encargan de añadir información sobre el autor:

• Social Author Bio: Añade automáticamente a las entradas un bloque con la biografía del autor, junto con un avatar e iconos de redes sociales.
• WP Biographia: Añade la biografía del usuario en la página de inicio, archivos, entradas e incluso en el feed RSS. También dispone de un widget para añadirlo al lateral (sidebar).
• Author Box Reloaded: Añade información sobre el autor en cualquier blog, con opciones para configurar algunos detalles.
• Author Box After Posts: Añade una caja con información sobre el autor después del contenido, incluyendo el avatar del usuario, nombre, contador de entradas, web personal, descripción y email.
• WP About Author: Muestra una biografía con varias opciones de personalización después de las entradas.

Cómo hacer una lista con todos los autores (usuarios) de WordPress

Además de añadir la biografía del autor al final de cada entrada, cuando una web o un blog cuenta con varios autores, puede ser muy útil crear una página que muestre una lista completa de los usuarios que contribuyen a crear el contenido, e incluso facilitar la fidelización de nuestra visitas con enlaces al canal RSS de cada autor.

Esto se puede conseguir fácilmente gracias a la función wp_list_authors. Si no vamos a incluir muchas opciones (argumentos) a la función, podemos hacerlo así, en una sola línea:

<ul>
     <?php wp_list_authors('exclude_admin=0&show_fullname=1'); ?>
</ul>

Y si queremos ver las opciones que tenemos más ordenadas, podemos incluir primero todos los argumentos en una variable y después pasarla a la función “wp_list_authors”.

<?php   // Lista de autores
	$args = array(
	    'orderby'       => 'name', // Orden de los resultados
	    'order'         => 'ASC', // Dirección ascendente o descendente
	    'number'        => null, // Número máximo de usuarios que listar
	    'optioncount'   => false, // Mostrar la cantidad de entradas publicadas por cada usuario
	    'exclude_admin' => true, // Excluir al usuario administrador
	    'show_fullname' => false, // Mostar el nombre completo (nombres y apellidos) o solo el nombre público
	    'hide_empty'    => true, // Ocultar usuarios sin ninguna entrada publicada
	    'echo'          => true, // Mostrar los resultados
	    'feed'          => [empty string], // Texto del enlace al feed RSS de cada autor
	    'feed_image'    => [empty string], // Dirección del archivo de imagen
	    'feed_type'     => [empty string], // Tipo de feed (RSS, RSS2, Atom...)
	    'style'         => list, // Estilo del HTML generado: lista no ordenada (UL) o sin estilo
	    'html'          => true // Formato de salida del código: HTML o texto sin formato
    ); 
    wp_list_authors( $args );
?>

Podemos añadir esta función por ejemplo en el lateral (sidebar.php) o, si tenemos muchos autores, crear una plantilla de página nueva para utilizarla como base y poder personalizar mejor el aspecto de esta lista.

Mostrar la lista de autores en un desplegable con selección de usuario

Si lo que queremos es mostrar una lista desplegable de autores desde la que podamos seleccionar uno y ver todos los artículos o entradas que éste ha publicado, existe una función de WordPress poco conocida pero perfectamente documentada desde la versión 2.3 que nos permite hacer exactamente eso: wp_dropdown_users.

En este ejemplo creamos un bloque en el que incluímos un formulario con un desplegable para poder seleccionar el autor y un botón para enviar la información a través del método GET, es decir, pasando la cadena de texto a la URL:

<!-- Lista desplegable de autores -->
<div id="lista-autores">
	<h2><?php _e('Lista de autores:'); ?></h2>
	<form action="<?php bloginfo('url'); ?>" method="get">
		<?php wp_dropdown_users( array( 'name' => 'author' ) ); ?>
		<input type="submit" name="submit" value="Mostrar artículos" />
	</form>
</div>

Al seleccionar un autor y pulsar el botón “Mostrar artículos”, el sistema nos enviará a la página “http://www.ejemplo.com/author/nombre-del-autor/”. Esta página de contenidos por autor la podemos personalizar tanto como queramos añadiendo una plantilla “author.php” o incluso “author-$id.php” a nuestro tema que sustituya a “archive.php” (ver jerarquía de plantillas en WordPress).

Pasándole algunos argumentos (opciones) a la función, podemos ajustarla a nuestras necesidades. Por ejemplo, ordenar los autores de una determinada manera, incluir o excluir de la lista e incluso seleccionar el sitio en una instalación de WordPress multi-usuario para mostrar usuarios únicamente de ese blog.

Conclusión

WordPress nos da todas las facilidades posibles para que la gestión de usuarios no sea complicada de aplicar en nuestras plantillas. Aunque todos estos filtros y funciones no tienen por qué estar presentes por defecto en el tema que estemos utilizando, incluirlas es bastante fácil y nos permitirá crear plantillas más flexibles y con más posibilidades de personalización.

Truco 1: Búsquedas exactas (las comillas)

Los resultados de una búsqueda con y sin comillas suelen ser muy diferentes. Al escribir nuestra búsqueda entre comillas estamos especificando que queremos ver resultados que coincidan exactamente con todas las palabras y en el mismo orden.

El ejemplo más claro es cuando buscamos nombres de personas, películas, títulos de canciones, errores del ordenador, etc. Además, podemos combinar el uso de comillas con otras palabras. Veamos algunos ejemplos:

• “A B C”: queremos ver resultados en los que aparezcan estas tres palabras siempre juntas y en este orden específico. Por ejemplo: “Your love is the place where I come from”, “Teenage Fanclub”, “Songs from Northern Britain”… Buscar estas palabras sin comillas nos devolvería resultados completamente diferentes.
• “A B” C: queremos ver resultados en los que la primera y segunda palabra vayan seguidas y en ese orden, pero que también aparezca la tercera palabra en alguna parte, aunque no sea a continuación de la anterior. Por ejemplo: “Teenage Fanclub” letras canciones.

Truco 2: Eliminar resultados de la búsqueda (el guión)

A veces lo que buscamos se parece o coincide demasiado con otras palabras y los resultados que nos ofrece el buscador no son útiles. Para eliminar alguna palabra de los resultados, es decir, para hacer que Google busque algo ignorando una palabra concreta, podemos utilizar el signo negativo o guión (-) justo delante de la palabra que queremos omitir. Así: A B -C

Ejemplos:

• ono -yoko: mostrar resultados para la palabra “ono” siempre y cuando no aparezca la palabra “Yoko”
• pianista -pelicula: mostrar resultados para la palabra “pianista” siempre y cuando no aparezca la palabra “película”
• salsa -comida: queremos ver webs que hablen sobre la Salsa, pero intentando que nos muestre resultados sobre el género musical, no relacionados con la comida.

Truco 3: Búsquedas con comodín (el asterisco)

De la misma manera, podemos utilizar un asterisco como comodín cuando no sabemos qué palabra utilizar, o bien porque nos sirve cualquier resultado. En el caso de Google, el asterisco nos sirve únicamente para sustituir palabras completas, pero no partes de éstas.

Por ejemplo, si buscamos “diseño * Mallorca“, Google nos mostrará resultados sustituyendo el asterisco por cualquier palabra que encuentre, como por ejemplo “diseño gráfico Mallorca”, “diseño Palma Mallorca”, “diseño web Mallorca”, etc.

El asterisco también es muy útil para completar una frase. Por ejemplo, “la miel es buena para *” nos devolverá resultados en los que aparezca esta frase con variaciones como “la miel es buena para calmar la tos”, “la miel es buena para el acné”, etc.

Otro ejemplo: “Google me ha * la vida“. Escrito tal cual, con las comillas y el asterisco, encontraremos páginas web donde se utilice exactamente este frase, sustituyendo el comodín por cualquier palabra o grupo de palabras.

Se puede ir incluso más allá y utilizar más de un asterisco. Por ejemplo, si buscamos “cada vez que * me dan ganas de *” encontraremos todo tipo de afirmaciones que coinciden con la estructura de nuestra frase.

Truco 4: Limitar resultados a una web o tipo de dominio (site:)

Es posible limitar nuestra búsqueda a una web determinada o a un tipo de dominio (.com, .es. mx, etc.). Esta opción es mucho más útil de lo que puede parecer, porque muchas veces recordamos el sitio web donde encontramos algo, pero no la página exacta. En estos casos podemos concretar más la búsqueda añadiendo “site:” delante o detrás del resto de palabras.

Esto nos permite utilizar toda la potencia de Google como si se tratara de un buscador interno de una web, sin tener que instalar nada. Por ejemplo, muchas veces utilizamos el sistema nativo de búsquedas de WordPress, que es muy limitado. Con este truco podemos saltarnos esta limitación y encontrar exactamente lo que buscamos dentro de una web determinada.

Ejemplos:

• informática site:.es
  Pongamos que queremos encontrar webs sobre informática, pero nos aparecen muchos resultados de páginas y servicios que no están en España. Añadiendo “site:.es” a nuestra búsqueda, Google limitará los resultados a los dominios acabados en “.es”.
• wordpress site:danielnabil.com
  Además de buscar por tipo de dominio, podemos especificar una página web completa. En este caso, buscará la palabra “wordpress” sólo en el contexto de esta web. Es decir, Google hará de buscador interno, incluso aunque la web no tenga esta función.

Truco 5: Palabras relacionadas, sinónimos (la virgulilla)

Añadiendo el símbolo “~” (la tilde de la letra “ñ”) delante de una palabra le estamos diciendo a Google que busque esa palabra y también otras relacionadas o sinónimos. Por ejemplo, si escribimos “páginas web ~baratas” (las comillas no son necesarias en este caso) se incluirán resultados como “páginas webs económicas”, “páginas web asequibles”, “páginas web gratis”, etc.

Truco 6: Especificar el tipo de archivo (filetype:)

Puede darse el caso que lo que estemos buscando esté incluído en un tipo de archivo concreto, por ejemplo PDFs, documentos de Word, Pages, presentaciones de Powerpoint o Keynote, etc. Con “filetype:” acotamos la búsqueda a archivos y documentos, dejando fuera los resultados cuyo contenido esté escrito directamente en la página web.

Ejemplos:

• filetype:doc fashion madrid
  En este caso le estamos diciendo a Google que busque en documentos de Word las palabras “fashion” y “madrid” (no seguidas, porque no las hemos entrecomillado).
• filetype:pdf “huerto * ecologico”
  Aquí combinamos la búsqueda por tipo de archivo con el comodín. En este caso queremos encontrar concretamente documentos PDF que contengan la palabra “huerto” seguida de cualquier otra palabra (comodín) y seguido de “ecologico”, en este orden preciso. Esto nos mostrará resultados para “huerto urbano ecológico”, “huerto municipal ecológico”, etc.

Especificar ubicación (intitle:)

Aunque puede parecer raro, especificar a Google que busque solamente en el título de una página (es decir, en el contenido de la etiqueta “title”, dentro de la estructura HTML) nos da la posibilidad de filtrar aun más los resultados. Por ejemplo:

• intitle:”web oficial” nos devolverá resultados de todas las páginas en las que aparecen las palabras “web oficial” en el título.

Otras curiosidades

Además de utilizar el buscador de Google como herramienta para encontrar lo que sea, tenemos a nuestra disposición otros recursos útiles para tareas rápidas, como realizar una operación matemática, convertir una moneda a otra, traducir y definir palabras, ver información meteorológica actualizada e incluso consultar la cartelera de películas de nuestra ciudad.

Google como calculadora

Para realizar operaciones matemáticas rápidas nada mejor que utilizar programas tipo lanzador de aplicaciones, como Alfred o Quicksilver. Pero si solo tenemos acceso a un nagevador, Google nos permite trabajar con su calculadora interna, tan completa como cualquier otra. Para ello basta introducir la operación (por ejemplo: 256*256) y el buscador nos mostrará el resultado, acompañado de una calculadora completa (tanto para operaciones básicas como complejas).

Google como conversor de divisas

También es posible utilizar el buscador para tener una orientación sobre las conversiones entre monedas. Para ello solo tenemos que escribir las cantidades y el tipo de moneda. Por ejemplo: “99 dolares a euros”, “25 euros a dolares” (las comillas no son necesarias).

Google como traductor y diccionario

Aparte del servicio de Google Translate, podemos utilizar el buscador para hacer traducciones rápidas y búsquedas de sinónimos. Para ello solo tenemos que escribir “traducir X”. Por ejemplo “traducir book” (no es necesario utilizar comillas).

Lógicamente, los resultados no siempre serán buenos ni estarán disponibles, especialmente para palabras o expresiones del lenguaje coloquial. Pero para palabras comunes, es una buena opción, y sobre todo muy rápida.

Encontrar definiciones

Si necesitamos una definición rápida, basta escribir “definir X” y Google nos mostrará, siempre que esté disponible, una explicación breve. Por ejemplo, si escribimos “definir rio”, el resultado será una definición rápida de la accepción más utilizada, seguida de un enlace a la Wikipedia.

Google y el tiempo

Google ofrece resultados sobre consultas como la información meteorológica. Por ejemplo, si buscamos “tiempo mallorca”, Google nos mostrará un resumen con datos sobre la temperatura, viento, humedad y pronóstico para los próximos días, todo ello sin tener que entrar en ninguna web. Al principio era necesario ponerlo en inglés (weather:mallorca), pero hoy en día el buscador ya nos entiende también al ponerlo en español.

Google como guía de cines

Cuando necesitamos saber en qué cine de nuestra ciudad hacen alguna película, en vez de comprar el periódico o consultar alguna web, podemos buscar simplemente “películas mallorca” y Google nos ofrecerá una lista detallada de salas y películas, especificando la duración de la película, los horarios de los pases, el reparto e incluso, dependiendo de la ciudad, la posibilidad de comprar entradas para un pase determinado.

Más información

Existen muchos más trucos para aprovechar toda la potencia del buscador de Google, pero si es la primera vez que oyes hablar de todo esto, es mejor no intentar conocerlos todos a la vez. A continuación encontrarás algunos enlaces para aprender más:

• Ayuda básica para las búsquedas: http://www.google.com/support/websearch/bin/answer.py?answer=134479
• Ayuda de Google relacionada con las búsquedas: http://www.google.com/support/websearch/bin/answer.py?answer=136861
• Consejos para mejorar tus búsquedas: http://www.google.com/help/features.html
• Google search tips: http://www.mapelli.info/ultimate-google-search-tips-guide
• Consejos para buscar en Google: http://www.microsiervos.com/archivo/internet/consejos-para-buscar-en-google.html

Además, las recopilaciones de libros gratuitos que circulan por Internet suelen estar bastante anticuadas (por ejemplo, con libros que son gratis simplemente porque han quedado obsoletos). En Internet hay un montón de información en HTML, pero también es posible encontrar eBooks y PDFs muy recomendables, y sobre todo actuales, sobre estos temas.

Sobre HTML y CSS

• HTML5 For Web Designers

  Guía de usuario con ejemplos sobre lo que los desarrolladores y diseñadores web necesitan saber sobre HTML5 y cómo utilizarlo hoy en día en los navegadores actuales.

  Autor: Jeremy Keith (A book apart)
  Disponible en: web, papel, eBook
  Tipo: versión web gratuita (versiones disponibles de pago en papel, ebook, PDF y ePub)
  URL: http://html5forwebdesigners.com/

• Guide to HTML & CSS

  Una guía para aprender HTML y CSS muy completa y bien presentada. Trata tanto temas básicos (como aprender la estructura de una página HTML, etiquetas, utilización de selectores CSS, etc.) hasta el uso de transiciones y transformaciones, posicionamiento avanzado, trabajar con preprocesadores o aprender a hacer diseños web adaptativos).

  Autor: Shay Howe
  Tipo: página web (gratuito)
  Para principiantes: http://learn.shayhowe.com/html-css/
  Para usuarios más avanzados: http://learn.shayhowe.com/advanced-html-css/

• The Web Book. How to create Web sites and applications with HTML, CSS, Javascript, PHP and MySQL

  Una guía muy completa sobre todos los aspectos relacionados con la creación de sitios web, desde el alta y gestión de dominios y servidores hasta nociones básicas de optimización en buscadores (SEO), PHP, Javascript, trabajo con formularios, copias de seguridad, cómo aceptar pagos online, etc.

  Autor: Robert Schifreen (Oakworth Business Publishing Ltd.)
  Disponible en: PDF
  Tipo: gratuito para uso personal
  URL: http://www.itp.uzh.ch/~suzanne/ebooks/The%20Web%20Book-A4-HM.pdf

Sobre WordPress

• Locking Down WordPress

  Todo lo que necesitas saber para asegurarte de que tienes WordPress bajo control.

  Autor: Rachel Baker, Brad Williams, John Ford (Code Poet)
  Disponible en: PDF, Kindle, ePub
  Tipo: gratuito (es necesario crear una cuenta)
  URL: http://build.codepoet.com/2012/07/10/locking-down-wordpress/

• WordPress Meet Responsive Design

  Aprende cómo utilizan los profesionales las media queries de CSS, imágenes fluidas y retículas para crear webs adaptativas en WordPress.

  Autor: Chris Coyier, Ian Stewart, Sara Cannon (Code Poet)
  Disponible en: PDF, Kindle, ePub
  Tipo: gratuito (es necesario crear una cuenta)
  URL: http://build.codepoet.com/2012/05/11/wordpress-meet-responsive-design/

• WordPress Multisite 101

  Un libro a modo de tutorial básico para aprender a trabajar con WordPress Multiusuario: requisitos necesarios, configuración de la red, gestión de sitios, gestión de usuarios, plugins, trabajo con temas, mapeo de dominios…

  Autor: Mika Epstein, Andrea Rennick
  Disponible en: PDF, ePub, mobi, Amazon
  Tipo: PDF gratuito (con posibilidad de donación a los autores)
  URL: http://halfelf.org/ebooks/wordpress-multisite-101/

• WordPress Multisite 110. Troubleshooting, debugging, testing and more

  Segunda parte del anterior, pensado para los que quieren ir un paso más allá de la simple instalación, configuración y edición básica. Para aprender a gestionar de manera avanzada y entender cómo funciona WordPress multiusuario: manipulaciones del servidor, copias de seguridad, plugins…

  Autor: Mika Epstein, Andrea Rennick
  Disponible en: PDF, ePub, mobi, Amazon
  Tipo: PDF gratuito (con posibilidad de donación a los autores)
  URL: http://halfelf.org/ebooks/wordpress-multisite-110/

• Easy WordPress Guide

  Manual de WordPress actualizado para la versión 3.5 y enfocado, más que a diseñadores y desarrolladores, a la gestión de contenidos para usuarios principiantes. Con esta guía podremos aprender cómo funciona WordPress: creación de páginas y entradas, enlaces, insertar imágenes y galerías de fotos, incrustar vídeos, categorías y etiquetas, widgets, plugins, etc.

  Autor: Anthony Hortin (Maddison Designs)
  Disponible en: iBookstore, Amazon, Nook, PDF y Word (doc)
  Tipo: versión web, PDF y Word gratuitos
  URL: http://easywpguide.com/

Posicionamiento web y optimización en buscadores (SEO)

• Google Search Engine Optimization Starter Guide

  Guía para entender cómo funcionan los buscadores y cómo mejorar el posicionamiento de una web: accesibilidad, nociones básicas de SEO, etiquetas de cabecera, estructura interna, URLs, optimización de contenido, enlaces internos, tratamiento de imágenes, títulos, uso de robots.txt, nofollow, el SEO en dispositivos móviles, análisis, utilización de herramientas para webmasters…

  Autor: Google
  Tipo: PDF gratuito
  URL:
  - En español: http://static.googleusercontent.com/…/guia_optimizacion_motores_busqueda.pdf
  - En inglés: http://static.googleusercontent.com/…/search-engine-optimization-starter-guide.pdf

• The beginners guide to SEO

  Manual de iniciación para principiantes. Una guía muy completa que cubre las estrategias fundamentales para hacer sitios web que funcionen correctamente en los buscadores.

  Autor: SEOmoz
  Tipo: versión web y PDF gratuitos
  URL: http://www.seomoz.org/beginners-guide-to-seo

General / Otros temas

• jQuery Fundamentals

  Guía para aprender los conceptos básicos de jQuery. Incluye ejemplos interactivos para demostrar y practicar lo aprendido en cada capítulo.

  Autor: Rebecca Murphey
  Tipo: gratuito (versión web)
  URL: http://jqfundamentals.com/

• 20 cosas que he aprendido sobre Internet y los navegadores

  Un libro para leer online sobre Internet, CSS, HTML y Javascript, cookies, navegadores…

  Autor: Google
  Tipo: gratuito (versión web)
  URL: http://www.20thingsilearned.com/es-ES/home

• Best of Smashing Magazine (5th Anniversary eBook)

  Este libro está basado en los artículos más útiles e interesantes publicados en esta popular revista online en sus primeros cinco años en la red.

  Autor: Varios autores (Smashing Magazine)
  Disponible en: iTunes, PDF, ePUB, Mobipocket
  URL: http://www.smashingmagazine.com/…/free-anniversary-ebook-treat/

Sobre Javascript, PHP, VIM…

• Eloquent JavaScript. A Modern Introduction to Programming

  Introducción al lenguaje JavaScript y a la programación en general.

  Autor: Marijn Haverbeke
  Tipo: versión HTML gratuita, Amazon
  URL: http://eloquentjavascript.net/

• VIM Book

  Edición de archivos, búsquedas, comandos y todo lo necesario para aprender a utilizar VIM, uno de los editores de texto más potentes que existen.

  Tipo: PDF gratuito
  URL: ftp://ftp.vim.org/pub/vim/doc/book/vimbook-OPL.pdf

Cuando detecta que existe una actualización, nos lo notifica a través del sistema de avisos, perfectamente conocidos para cualquiera que haya administrado una instalación de WordPress.

Aunque esto es más que suficiente en la mayoría de los casos, hay veces en que puede ser necesario forzar esta comprobación, bien porque somos el propio desarrollador de un plugin, por ejemplo, o bien porque sabemos que existe una actualización más reciente y necesitamos instalarla para poder continuar con nuestro trabajo.

Una solución podría ser simplemente volver a descargar la versión más actual y sustituirla por la anterior a través de FTP. Pero no es la única solución, ni la más rápida.

1. Desde el area de administración

La primera opción debería ser simplemente ir a Escritorio > Actualizaciones > Comprobar de nuevo y ver si así aparecen los avisos de nuevas actualizaciones.

Esto lógicamente habrá que hacerlo con una cuenta de administrador (o que tenga privilegios suficientes para actualizar el sistema).

Desde esta página podremos saber también cuándo fue la última vez que se examinó el sistema.

2. Accediendo a la base de datos

Cada vez que WordPress hace una comprobación de este tipo guarda la información en una entrada de tipo “transient” llamada “update_plugins”. Si accedemos a la bases de datos (desde un gestor como phpMyAdmin, por ejemplo) podremos hacer una consulta SQL para vaciar esta opción y así hacer creer al sistema que es necesario hacer una nueva comprobación:

Vaciamos la fila “_site_transient_update_plugins”, en la tabla “wp_options” (si nuestro prefijo es diferente a “wp_”, el que se instala por defecto, habrá que sustituirlo aquí también):

update wp_options set option_value='' where option_name='_site_transient_update_plugins';

En el caso de que estemos utilizando WordPress Network (multisite), la consulta será diferente:

update wp_sitemeta set meta_value='' where meta_key='_site_transient_update_plugins';

Después de esto solo tendremos que acceder al panel de administración y volver a visitar la página de plugins.

Por otra parte, si lo que queremos es forzar la comprobación de actualizaciones del sistema (no de los plugins), lo que tenemos que borrar es el contenido de la opción “update_core”, en la tabla “wp_options”.

3. Instalando el plugin “Force Update Check”

Este plugin sirve precisamente para forzar la comprobación de actualizaciones, para no tener que esperar hasta 12 horas a que el sistema haga su siguiente chequeo automático.

Lo que hace esta extensión es resetear la información almacenada relacionada con las actualizaciones de plugins y vuelve a poner en marcha la comprobación.

Desactivar las actualizaciones para temas y/o plugins privados

Relacionado con todo esto, si estamos desarrollando un plugin o una plantilla de WordPress para un cliente determinado y no queremos que el sistema haga estas comprobaciones de actualizaciones (en otras palabras, si estamos montando algo que no está pensado para ser distribuido a nivel general), conviene leer esto:

Excluding your plugin or theme from update checks

Se trata de algo que ya viene configurado por defecto, sin embargo es una información que, al menos hasta la versión actual (WordPress 3.4.2), queda relegada al atributo “title” de cada enlace, con lo cual el total no está accesible a simple vista, únicamente aparece al dejar el cursor unos segundos encima de cada etiqueta. En esta imagen se puede ver claramente el problema y lo que queremos conseguir:

Esto puede ser un inconveniente, por ejemplo, al visitar la web desde una tableta o dispositivo móvil, desde donde es más difícil acceder a elementos ocultos o que se activan con el estado “hover” del enlace.

Está claro que, dependiendo del tema de la web o del blog, este cambio puede no ser algo esencial, pero hay casos en los que podría ser una información importante para el usuario. Por ejemplo, una web o un directorio en el que las etiquetas se utilicen para clasificar las especialidades entre un listado de profesionales: psicólogos, psiquiatras, médicos, pediatras…

En este caso vamos a utilizar jQuery para conseguir lo que queremos, por varios motivos: porque WordPress ya incluye una versión de jQuery (o sea que seguramente no hace falta cargar nada que no se haya cargado ya) y porque podemos solucionarlo con muy pocas líneas de código.

La nube de etiquetas

La función “nube de etiquetas” (wp_tag_cloud) de WordPress nos permite presentar todas nuestras entradas publicadas clasificadas según sus etiquetas.

Podemos crear esta función simplemente activando el widget “Nube de etiquetas” o bien añadiendo la función directamente en nuestra plantilla:

<?php wp_tag_cloud(array(
	'smallest' => 12,
	'largest' => 12,
	'unit' => 'px',
	'number' => 0, // 0 = Mostrar todas
	'topic_count_text_callback' => 'prefix_tag_text_callback',
	'format' => 'list' // 'flat' (separadas por un espacio) o 'list' (en forma de lista)
	)); ?>

A través de una serie de parámetros que esta función incluye, podemos personalizar este listado casi como queramos: especificar el tamaño de letra más pequeño (para las etiquetas poco utilizadas) y el más grande (para las más populares), la cantidad máxima de etiquetas, el formato, el símbolo de separación, etc. Puedes ver todas las posibilidades en el Codex.

Modificamos la salida con jQuery

Como ninguna de estas opciones nos permite cambiar la salida del total de entradas guardadas, vamos a tener que hacer algo más para modificarlo.

Una vez que tenemos la función “wp_tag_cloud()” correctamente configurada, solo tenemos que acceder a los elementos creados y hacer algunos reajustes. Y para eso, nada mejor que jQuery:

<script>
// Añadimos contador de temas a la nube de etiquetas de WordPress (wp_tag_cloud)
$(document).ready(function() { 
   var etiquetas = $('#sidelist .wp-tag-cloud a'); // Cambiar los selectores CSS según el caso
   etiquetas.each(function() {
	   var title = $(this).attr('title');
	   var total = parseInt(title);
	   $(this).after('<span class="total"> (' + total + ')</span>');
   });
});
</script>

Explicación del código

Es muy importante saber lo que estamos haciendo. No basta con copiar y pegar, especialmente cuando estamos cambiando, aunque sea ligeramente, una función nativa del sistema (técnicamente en este caso no estamos cambiando la función, sólo la salida final, después de que se haya cargado todo el contenido).

• Linea 3: Empezamos a trabajar una vez cargado el documento. En este caso es muy importante porque según en qué momento lleguemos, el número total de etiquetas podrían no haberse cargado aun.
• Linea 4: Especificamos los selectores CSS que nos interesan, en este caso, los elementos “a” (enlaces) que están dentro del bloque con la clase “wp-tag-cloud” que hay en la columna lateral (sidebar). En muchos casos funcionará tal como está, pero conviene asegurarse. Guardamos estos links en una variable, para ganar rapidez y hacer el código más legible
• Linea 5: Cada vez que se encuentre una etiqueta…
• Linea 6: Guardamos el contenido del atributo “title” en una variable (por ejemplo: “12 temas”)
• Linea 7: Como sólo nos interesa el total (en este caso no queremos la palabra “temas”), eliminamos el resto con “parseInt” y lo guardamos en una variable (ahora nos queda “12″)
• Linea 8: Finalmente adjuntamos el número total justo después del enlace, entre etiquetas “span”, para poder darles estilo con CSS más tarde.

Cómo cambiar la palabra “temas” en la nube de etiquetas

Para personalizar aun más nuestro trabajo, además de cambiar la salida del total de etiquetas podemos fácilmente sustituir el texto. En el ejemplo anterior lo hemos eliminado con jQuery, pero si lo queremos mantener, podemos cambiarlo por otra palabra.

Por defecto en las versión oficial de WordPress en castellano la palabra “items” de la nube de etiquetas se traduce por “temas”. Según el objetivo de nuestra web, puede ser interesante cambiarlo por algo como “Ciudades”, “Profesionales”, “Grupos”, o cualquier otra cosa.

Para ello, primero tendremos que añadir esta función en el archivo functions.php. Aquí es donde cambiamos la palabra “tema” (en singular y en plural) por lo que queramos:

<?php // Funcion para sustituir 'temas' por 'ciudades' en wp_tag_cloud
      function miprefijo_tag_text_callback($count) {
         return sprintf(_n('%s ciudad', '%s ciudades', $count), number_format_i18n($count)); 
      } ?>

Después, en la plantilla donde se encuentra la llamada a “wp_tag_cloud()”, añadimos el nombre de la función que acabamos de crear:

<?php // Adjuntamos la función para cambiar la palabra "temas"
      wp_tag_cloud(array(
      'topic_count_text_callback' => 'miprefijo_tag_text_callback'
      )); ?>

Por ejemplo, pongamos que quiero mostrar una barra lateral condicional para mis usuarios, una función, o simplemente añadir una nota o aviso dirigida a alguien en concreto.

Conviene aclarar que cuando hablamos de “usuarios” nos referimos a usuarios de WordPress, es decir, que están dados de alta en el sistema, sea con el rol de administrador, editor, autor, colaborador o suscriptor (no usuarios de la web en general).

La versatilidad de WordPress en cuanto a la gestión de usuarios es muy completa, por lo que para hacer este tipo de ajustes en principio no necesitamos ningún plugin. En realidad es muy fácil de conseguir, siempre y cuando nos encontremos cómodos editando las plantillas de WordPress y ajustando algunos detalles básicos en la lógica condicional de PHP.

Vamos a ver algunos ejemplos.

Mostrar u ocultar contenidos según el nombre o ID de cada usuario

Para empezar podemos utilizar la función get_currentuserinfo(), que nos permite acceder a información del usuario como su nombre, su número de identificador, su dirección de email, etc.

<?php // Accedemos a la variable global
	  global $current_user;
	  
	  // Obtenemos la informacion del usuario conectado y asignamos los valores a las variables globales
	  // Mas info sobre 'get_currentuserinfo()': 
	  // http://codex.wordpress.org/Function_Reference/get_currentuserinfo
	  get_currentuserinfo();
	  
	  // Guardamos el nombre del usuario en una variable
	  $usuario = esc_attr($current_user->user_login);

	  // Condicionales: mostramos contenido segun el nombre de cada usuario	  
	  if ($usuario === 'Admin') {
		  // Aqui incluimos el contenido para el usuario 'Admin'
	  } elseif ($usuario === 'Daniel') {
		  // Aqui incluimos el contenido para el usuario 'Daniel' 
	  } else {
		  // Aqui incluimos el contenido para el resto de usuarios y visitantes
	  } 
?>

Podríamos añadir el código anterior en la plantilla “sidebar.php”, o “header.php” para dar la bienvenida a cada usuario llamándole por su nombre, o por ejemplo para mostrar una foto diferente según el usuario. Las posibilidades dependen de la imaginación de cada uno.

Lo mismo se puede hacer si, en vez de diferenciar el contenido según el nombre, queremos hacerlo según su número de identificador (ID), su dirección de correo o su nombre de pantalla. Por ejemplo, para mostrar contenido diferente según el ID de cada usuario:

<?php 
$user_id = get_current_user_id();
if ( is_user_logged_in() ) {
     if ( 2 == $user_id ) {
	// Contenido exclusivo para el usuario con ID=2
     } elseif ( 3 == $user_id ) {
	// Contenido exclusivo para el usuario con ID=3
     } else {
	// Contenido para el resto de usuarios registrados
        // Cualquier ID menos los anteriores (2 y 3)
     }
} else {
     // Contenido para los usuarios que no están registrados
}
?>

Condicionar los contenidos según el rol y permisos del usuario

Separar los contenidos de nuestra web según el rol o los privilegios de cada usuario es aun más fácil, gracias al sistema de roles y capacidades que WordPress incluye desde la versión 3.0:

<?php if (current_user_can('update_core')) {
		  // Contenido para los usuarios con capacidad para actualizar el sistema (es decir, administradores)
		  echo 'Tú debes ser el administrador, ¿verdad?. Bienvenido a casa!';
     } elseif (current_user_can('edit_pages')) {
		  // Contenido para editores y usuarios con un rol superior (con capacidad para editar páginas)
		  echo 'Hola editores y administradores de esta web!';
     } ?>

Antes de la inclusión de este sistema de capacidades, podíamos separar a los usuarios según su nivel. Aunque sigue funcionando en las versión actuales de WordPress, esta práctica se considera obsoleta:

<?php global $current_user;
	  get_currentuserinfo();
	  $usuario = esc_attr($current_user->user_level);
	  if ($usuario == 10) {
		  // Contenido para los usuarios cuyo nivel sea 10, es decir, administradores:
		  echo 'Tú debes ser el administrador, ¿verdad?. Bienvenido a casa! Tu nivel de usuario es: ' . $usuario;
	  } elseif ($usuario == 7) {
		  // Contenido para los usuarios cuyo nivel sea 7, es decir, editores:
		  echo 'Hola editor! Tu nivel de usuario es: ' . $usuario;
	  } elseif ($usuario == 2) {
		  // Contenido para los usuarios cuyo nivel sea 2, es decir, autores:
		  echo 'Hola autor! Tu nivel de usuario es: ' . $usuario;
	  } else {
		  
	  }

También podemos especificar niveles de usuarios utilizando otros operadores de comparación como ‘<' (menor que) o '>‘ (mayor que):

	  if ($usuario >= 7) {
	  	echo '<br />Esto es solo para administradores y editores. Nadie más puede verlo.';
	  } else {
		echo '<br />Si estás viendo este mensaje es que no eres editor ni administrador de esta web.';
	  } ?>

Pero recuerda, los niveles de usuario dejaron de utilizarse hace bastante tiempo en favor del sistema de roles y capacidades.

Cómo crear un tipo de usuario nuevo (añadir rol)

Algo muy útil que WordPress nos permite hacer fácilmente es crear roles nuevos y asignarles capacidades exclusivas. Por ejemplo, vamos a imaginarnos que tenemos un cliente que necesita acceder a una parte de la web (un widget, una barra lateral, un texto…):

<?php // Accedemos a la variable global creada por WordPress
	  global $wp_roles;
	  // Añadimos un nuevo rol para este tipo de usuarios
	  $wp_roles->add_role('cliente', 'Cliente', array(
      	'read' => true, // Les damos permisos de lectura (como a los suscriptores)
      	'edit_posts' => false, // No tienen permisos suficientes para editar entradas
      	'delete_posts' => false, // No tienen permisos suficientes para eliminar entradas
      	'leer_datos' => true // Creamos una capacidad nueva exclusiva para este rol
      ));
 
      if (current_user_can('leer_datos')) {
	      // Contenido exclusivo para el nuevo rol que hemos creado
	      echo '¡Hey, tú tienes permiso para leer esto!';
	  } else {
		  // Mostramos (o no) un contenido diferente para el resto de usuarios
	  }

	  // Para eliminar el nuevo rol que hemos creado:
	  // global $wp_roles;
	  // $wp_roles->remove_role('Cliente');
?>

Mostrar contenido según el estado (conectado/no conectado)

De manera más general, podemos diferenciar a los usuarios conectados, del resto de personas que visitan nuestra web para mostrarles contenido, aplicar una funcionalidad concreta o cualquier cosa:

<?php if (is_user_logged_in()) {
		  // Contenido visible únicamente para usuarios conectados
	  } else {
		  // Contenido para el resto de visitas (o usuarios no conectados)
	  } 
?>

Uno de los usos más frecuentes y útiles de esta función es cargar el código de seguimiento de estadísticas (Google Analytics, por ejemplo) solo para los usuarios que no están conectados:

<?php // Si el usuario no esta conectado...
	  if (!is_user_logged_in()) {
		  // Aqui copiamos el código de Analytics
	  } 
?>

Plugins relacionados

• Optional Content: Mostrar u ocultar contenido de manera condicional en una página o post (basado en shortcodes). Es decir, nos permite restringir el acceso de fragmentos de una entrada o página a un tipo de usuario.
  URL: http://wordpress.org/extend/plugins/optional-content/

Esto también afecta a algunas extensiones (por ejemplo, plugins de WordPress) que se encargan de incrustar mensajes de Twitter en una web. Por ejemplo, el plugin “Twitter for WordPress” hace tiempo que no se actualiza, y por tanto dejará de funcionar correctamente.

El problema es que en marzo de 2012 Twitter anunció que haría algunos cambios en su API, pero en algunos casos han seguido funcionando sin problema hasta octubre, fecha en la que han desactivado definitivamente las solicitudes obsoletas.

Para identificar estas URLs que hay que actualizar, tenemos que buscar direcciones de este tipo:

http://twitter.com/statuses/user_timeline/nombre-usuario.json?callback…

Y sustituirlas por:

https://api.twitter.com/1/statuses/user_timeline/nombre-usuario.json?callback…

Es decir, en la primera dirección, falta el subdominio “api” delante de “twitter.com”, así como el número de la versión que se utiliza.

Por ejemplo, si utilizábamos algo así para recuperar el último mensaje publicado en una cuenta de Twitter…

<script>
// Esto ya no funciona
// Devuelve el tweet más recientes publicado por el usuario indicado
$.getJSON("http://twitter.com/statuses/user_timeline/nombre-usuario.json?callback=?", function(data) {
	$("#twitter").html(data[0].text);
});
</script>

…Ahora tendremos que modificar la URL así:

<script>
// Esto sí funciona
// Devuelve el tweet más recientes publicado por el usuario indicado
$.getJSON("https://api.twitter.com/1/statuses/user_timeline.json?screen_name=nombre-usuario&callback=?", function(data) { 
	$("#twitter").html(data[0].text);
});
</script>

Lo mismo pasa con cualquier solicitud al RSS de una cuenta:

Esto ya no funciona: “http://twitter.com/statuses/user_timeline/daninabil.rss”
En cambio esto sí funciona: “https://api.twitter.com/1/statuses/user_timeline/daninabil.rss”

De todas formas, en la versión 1.1 dejarán de funcionar estas solicitudes al RSS del timeline público con “api.twitter.com/1/statuses/public_timeline”. O sea que aunque hagamos este cambio, eventualmente dejará de funcionar (concretamente, en marzo de 2013 dejaran de aceptarse las peticiones a la API versión 1).

Por ejemplo, en el caso del plugin “Twitter for WordPress”, para que siga funcionando tendremos que abrir el archivo “twitter.php” y sustituir la linea 54:

<?php 
// Esta URL ya no se utiliza
$messages = fetch_rss('http://twitter.com/statuses/user_timeline/'.$username.'.rss'); 
?>

Por esta otra dirección:

<?php 
// URL actualizada según las recomendaciones de la API del servicio
$messages = fetch_rss('https://api.twitter.com/1/statuses/user_timeline/'.$username.'.rss'); 
?>

En este caso se trata de un plugin que no se actualiza hace años, o sea que no conviene esperar a que el autor lo haga por nosotros.

Resumiendo

Si estás utilizando algún servicio relacionado con Twitter (incrustar mensajes en una página web, acceso a timelines de usuarios, a canales RSS de una cuenta, etc.) y en octubre de 2012 ha dejado de funcionar o aparecen mensajes como “No public Twitter messages”, lo más probable es que la URL que apunta a la API del servicio haya quedado obsoleta. Hay que sustituirla por la dirección actualizada, que debe incluir el subdominio “api” y el número de versión de ésta.

Más información

• Twitter Deprecations – Spring 2012
• Twitter API housekeeping (marzo 2012)

Esto ocurre porque a partir de la versión 3.4, WordPress deja de utilizar “wp-pass.php” (es decir, pasa a “deprecated”), sustituyéndolo por “wp-login.php“. En la lista de cambios de la versión 3.4 se especifica:

“Set post password cookies via an action in wp-login.php; retire wp-pass.php (one less root file); obey login ssl preferences for post password form submission”

Por tanto, la solución en este caso no es complicada: tenemos que sustituir la llamada a “wp-pass.php” por “wp-login.php?action=postpass“ en nuestro formulario de contraseña personalizado (que seguramente estará en el archivo “functions.php” del tema activo, en algún plugin, o bien en alguna hoja de funciones separada):

function custom_password_form() {
	global $post;
	$label = 'pwbox-'.(empty($post->ID) ? rand() : $post->ID );
	$o = '<form class="protected-post-form" action="' . get_option('siteurl') . '/wp-login.php?action=postpass" method="post">
		' . __( "<p><strong>Esta informaci&oacute;n est&aacute; protegida.</strong><br />Por favor, para verla escribe la contrase&ntilde;a a continuaci&oacute;n:</p>" ) . '
	<p><input name="post_password" id="' . $label . '" type="password" size="25" /><input type="submit" name="Submit" value="' . esc_attr__( "Submit" ) . '" /></p></form>';
	return $o; }
	add_filter('the_password_form', 'custom_password_form');

Cualquier plugin o theme que haga referencia al archivo “wp-pass.php” debería haberse actualizado (la actualización de WordPress 3.4 es de junio de 2012), o sea que si tenemos problemas relacionados con el acceso a entradas con contraseña, una buena idea sería revisar también los plugins activos o cambiar temporalmente el theme activo para ver si esto soluciona el error.

Es algo que conviene revisar en todas las webs que utilicen esta función, para asegurarnos de que todos los contenidos son accesibles. Si no lo hacemos, será el cliente o los usuarios quienes nos avisen del error.

La función de protección de contenidos por contraseña está incluida en WordPress por defecto. No es necesario retocar nada ni hacer ningún cambio para que funcione. Sin embargo, si queremos modificar el aspecto visual y el contenido (por ejemplo, sustituir la palabra “Protegido” por algo que nos guste más), tenemos que modificar este formulario, normalmente añadiéndolo en el archivo “functions.php” o a través de un plugin.

Resumiendo

• Si la versión de WordPress instalada es la 3.4 o superior
• Y si utilizas un formulario de acceso por contraseña personalizado
• Buscar la función con la cual se modifica ese formulario (generalmente en functions.php)
• Y sustituir la llamada a “wp-pass.php” por “wp-login.php?action=postpass”

Un enlace “normal” al artículo sobre HTML de la Wikipedia tiene esta forma:

<a href="http://es.wikipedia.org/wiki/HTML">Artículo sobre el HTML en la Wikipedia</a>

Pero hay veces que es muy útil enlazar directamente a un punto concreto de un documento, en vez de a la parte superior de una página. Por ejemplo, si queremos guiar a alguien a la misma página de la Wikipedia pero a la sección sobre nociones básicas de HTML, en vez de decirle que lo busque, como la página de destino es bastante larga, es mejor facilitarle la vida y ofrecerle un enlace directo a un ancla. Así:

<a href="http://es.wikipedia.org/wiki/HTML#Nociones_b.C3.A1sicas_de_HTML">Nociones básicas de HTML</a>

Un enlace anclado (enlaces ancla, o simplemente enlaces internos) no es más que un enlace normal y corriente al que añadimos el símbolo de la almohadilla “#” y el nombre de algún elemento de esa página, que puede ser un atributo “name” o “id”. Esto quiere decir que podemos dirigir al usuario a un punto concreto de cualquier página, incluso de la misma página en la que está. La Wikipedia, sin ir más lejos, hace un uso intensivo de este tipo de enlaces internos en sus artículos.

Vamos a ver paso a paso cómo hacer esto utilizando el editor de texto de WordPress (TinyMCE).

Cómo añadir un enlace anclado a un punto de una misma página

Si utilizamos la opción de código (la pestaña “HTML”), solo tenemos que hacer dos cosas:

1. Añadir el link así: <a href="#mi-ancla">Palabras enlazadas</a>
2. En el punto de destino, añadir el ancla, así: <a name="mi-ancla"></a> (no hace falta que haya nada dentro de las etiquetas, puede estar vacío)

Pero no es estrictamente necesario hacerlo a mano y arriesgarnos a cometer errores. Podemos añadir un botón al editor de contenido de WordPress para facilitar el trabajo (ver instrucciones más abajo). Si contamos con este nuevo botón, podremos utilizar la pestaña de edición “Visual”. El procedimiento entonces será un poco más largo, pero más fácil para quien no tenga unas nociones básicas de HTML:

1. Seleccionar la/s palabra/s que queremos que sean el enlace
2. Pulsamos el botón de la cadenita (Añadir enlace)
3. En el campo “URL”, eliminamos “http://”, añadimos el destino así: #mi-ancla y pulsamos el botón “Añadir enlace”
4. Después colocamos el cursor en el destino (el punto de la página donde queremos que nos lleve ese enlace). No hace falta seleccionar nada, solo situar el cursor.
5. Pulsamos el botón del ancla, en la primera fila de botones, al final (recuerda, este botón no aparece por defecto, hay que añadirlo siguiendo las instrucciones que ahora explicaremos)
6. Añadir el nombre del ancla, así: mi-ancla (sin el símbolo “#”, ni “http://” ni nada más) y pulsar “Insertar”

Cómo añadir el botón “Anchor” al editor de WordPress

El botón “Anchor” (ancla) no aparece por defecto en una instalación normal de WordPress. Es necesario especificar que lo queremos utilizar, añadiendo una función para ampliar las posibilidades del editor TinyMCE.

En el archivo functions.php del tema activo o en nuestro plugin de funciones, tenemos que añadir este código:

// Configurando TinyMCE editor
add_action('init', 'nueva_config_tinymce');
function nueva_config_tinymce() {

	// Si el usuario no tiene permiso para editar páginas o entradas
	// no aplicamos la nueva configuración
	if (!current_user_can('edit_posts') && !current_user_can('edit_pages'))
		return;
		
	// Si el usuario utiliza el modo visual (Rich Editor)
	if (get_user_option('rich_editing') == 'true') {

		// Recuperamos botones ocultos
		add_filter('mce_buttons', 'nuevos_botones_mce');
		function nuevos_botones_mce($buttons) {
			// Especificamos los botones que nos interesan. En nuestro caso, "anchor"
			// Posibilidades: anchor, backcolor, cleanup, code, copy, cut, fontselect, fontsizeselect, hr, paste, redo, styleselect, sub, sup, undo
			array_push($buttons, 'anchor');
			return $buttons; 
		}
	}
}

Este código nos da la posibilidad de añadir, además del botón para anclaje de enlaces, etiquetas y funciones muy útiles como HR, CODE, CUT, STYLESELECT y muchas más al editor de WordPress, facilitando así el trabajo de edición a nuestros clientes y usuarios.

Plugins de WordPress relacionados

• Better Anchor Links
  Sirve para crear índices de página (al estilo de la Wikipedia), añadiendo automáticamente enlaces anclados internos a las etiquetas de cabecera (H1, H2, H3…) que hayamos incluído.
• TinyMCE Advanced
  Un plugin muy completo que nos puede ayudar a mejorar la funcionalidad del editor de WordPress, activando características que no aparecen por defecto.

Más información

• Links in HTML documents (W3C Recomendation)
• Internal Links. Best Practices for SEO (SEOMoz)
• TinyMCE Custom Buttons (WordPress Codex)
• How to display hidden buttons in TinyMCE for WordPress (ilovecolors.com)