Planeta WordPress

Vamos a ponernos en situación … 

Eres de los que se toman en serio la seguridad, y por ello utilizas contraseñas seguras, de esas que es imposible acordarse salvo que uses alguna asociación de palabras y signos extraña. Estás de vacaciones en un hotel y surge una actualización importante de WordPress o tienes que publicar una oferta increíble de tu negocio. Accedes al PC del hotel para acceder a tu WordPress y ¡no me acuerdo de la clave!.

Otra posibilidad … 

Estás en una conferencia, y estás enseñando a – digamos – 200 alumnos las virtudes de WordPress. Y tu, todo chulo, estás dando la charla con tu iPad. Accedes a tu WordPress y ¡ah, horror!, todos ven la contraseña que estás introduciendo porque el teclado del iPad es un chivato y va mostrando letra a letra lo que vas escribiendo (me ha pasado).

¿No sería genial no tener que teclear contraseñas?, porque en estos tiempos, en que accedemos a nuestra red social preferida con un login infinito, que vamos a un diario digital y – como usan Disqus como sistema de comentarios – nos reconoce nada más aparecer y nos permite comentar sin tener que decirle quienes somos, que vamos por la calle y vemos una peli que nos gusta y, gracias a un código QR, podemos ver el trailer en nuestro móvil sin tener que teclear URLs larguísimas … 

¿Por qué tenemos que usar algo tan antiguo como “teclear”?

¡Yo quiero tocar pantallas, deslizar dedos, escanear con mi smartphone!

Ea, ya pasó, tranquilo, que WordPress tiene de todo

¿Te acuerdas que ya vimos como comentar en WordPress con tu eDNI?, pues si prestas atención podrás sorprender a tus amigos, ser el más friki de la “kedada” geek accediendo a tu blog ¡con tu iPhone!.

Porque ¿que sería más chulo que acceder a WordPress escaneando desde tu móvil?, ¡éxito y bocas abiertas garantizadas!.

Pues entonces – como yo – vas a ser muy fan de “No more passwords“, un plugin para WordPress que, una vez instalado y activo, añade a la pantalla de acceso de WordPress un código QR para que accedas escaneándolo con tu smartphone.

La primera vez que lo escaneas, la aplicación de lectura de QRs (o BIDIs) te lleva a la pantalla de acceso de WordPress en tu móvil, metes ahí tu usuario y contraseña y … lo bueno del asunto … tu móvil ya guarda los datos. ¡La próxima vez que escanees la pantalla de acceso de tu WordPress entras directamente!, para sorpresa y envidia de tus amigos y futura esposa.

En este vídeo tienes al “nota” que ha desarrollado esta virguería fardando del tema … 

Lo he probado y estoy deseando alucinar a amigos y alumnos, pero – a pesar de que me quería guardar la sorpresa – no he podido aguantarme y contártelo, para que vayas por ahí fardando de ser el puto amo de WordPress.

Cuando expliqué como mejorar el bouce rate en WordPress dejé una lista de 10 métodos para hacerlo, pero me guardé un modo más, bastante sencillo todo sea dicho de paso, para hacerlo.

Me estoy refiriendo a cortar las entradas largas en varias páginas, añadir paginación a nuestras publicaciones más extensas. De este modo aumentamos la permanencia en el sitio y rebote de visitas entre enlaces internos, lo que mejorará nuestro SEO.

Además, hacerlo es bien sencillo, aunque no obvio porque no tenemos un icono en el editor para cortar entradas en varias páginas, al menos por defecto, pero fácil es, y mucho.

Para ello solo tienes que añadir el siguiente código en el lugar concreto donde quieras “cortar” tu entrada, y lo puedes hacer cuantas veces quieras:

<!--nextpage-->

Cuando publiques, y si tu tema lo soporta (casi todos lo hacen) tu entrada se cortará en el lugar elegido, ofreciendo acceder a las siguientes páginas mediante enlaces numerados, tantos como páginas (cortes) tenga tu entrada.

¿Y qué hago si me tema no me hace los “cortes”?. Hay pocos pero los hay. Algunos temas no incorporan el código necesario para que se corten las entradas en varias páginas. Si así fuera solo tienes que añadir el siguiente código al ‘loop‘ del archivo single.php de tu tema activo:

<?php wp_link_pages(); ?>

Guardas los cambios y ya se mostrará la paginación.

Si quieres un ejemplo de una entrada paginada tienes la ya famosa “Cómo elegir un buen hosting para WordPress“

Cada vez se usan menos en blogs, pues parece que todos nos hemos puesto un poco serios, pero los smileys siguen totalmente en vigor, especialmente en las redes sociales.

Esas pequeñas caritas nos ayudan a transmitir emociones en los textos, a hacer un poco más humana la publicación, aunque sea ayudándonos de iconos simples como son los smileys.

Ahora bien, a veces los smileys no se muestran integrados en el texto – que es su objetivo – ya que al ser imágenes heredan el mismo estilo del resto de imágenes de tu tema, y si tienes definido un borde o sombreado para las imágenes, los smileys también se mostrarán con esos bordes y demás florituras, y seguro que no es lo que te gustaría.

Afortunadamente solucionarlo es muy fácil, pues solo tienes que definir una clase CSS para los smileys, de modo que no tengan nada de adorno alrededor y así se integren mejor en los textos donde los incluyas.

Abre la hoja de estilos de tu tema WordPress, normalmente denominada style.css y añade la siguiente clase:

/* Clase CSS para quitar adornos a los smileys */
img.wp-smiley {
	background: transparent;
	border: none;
	margin: 0;
	padding: 0;
}

En el código hacemos que el fondo sea transparente, que no tenga borde, sin márgenes que separen el smiley del texto y sin borde de ningún tipo.

Guardas los cambios y ya lo tienes

Jetpack, el superplugin de Automattic ofrece muchas funcionalidades en una, como estadísticas, widget de Twitter, iconos sociales y mucho más.

Ahora bien, tiene un pequeño-gran defecto, y es que por defecto instala y, sobre todo, activa todos los módulos integrados, lo que no siempre es la situación deseable.

Si quieres controlar Jetpack, hasta que a los chicos de Automattic se les ocurra ofrecernos control manual del mismo, tienes un par de opciones:

Jetpack lite

Este plugin, creado por Samuel Aguilera, ofrece una versión ligera de Jetpack. En realidad es un sustituto del plugin oficial, pero en este caso solo ofrece las funcionalidades básicas, dejando las utilidades restantes para plugins especializados.

El hecho de crear Jetpack lite vino a raíz de su misma implantación, ya que para usuarios que solo querían el plugin estadísticas de WordPress.com vino a ser una muerte sin opciones, ya que Jetpack lo sustituyó, pero añadiendo quizás demasiados módulos adicionales.

Con Jetpack lite lo que tienes es simplemente las estadísticas y los enlaces cortos del tipo wp.me, si quieres más lo instalas por tu cuenta.

Manual control for Jetpack

Mark Jaquith, por su parte, ha creado este otro plugin que, en vez de eliminar opciones, lo que hace es añadir al Jetpack original la funcionalidad de que Jetpack no auto-active las nuevas funcionalidades que vaya incorporando, dejando al usuario la elección.

No desactiva lo ya activo, simplemente se mantiene alerta y, cuando Jetpack incorpore nuevos módulos evitará que se activen sin tu permiso.

Es una solución elegante, a la espera de que Automattic se piense el modo de activación de los módulos de Jetpack y no los active por defecto.

Si has visitado el escritorio de WordPress desde un dispositivo móvil, y no estoy hablando a través de las aplicaciones oficiales, sino en navegación normal, seguro que estás de acuerdo conmigo en que la experiencia deja mucho que desear, y no solo por el tamaño.

Da igual si es desde un móvil Android, o un iPhone, el escritorio de WordPress no está todo lo adaptado que nos gustaría para este tipo de navegación móvil táctil, ni de coña.

Afortunadamente hay solución.

Juiz Smart Mobile Admin es un plugin que viene a solucionar este problema,  y para ello ofrece este gran elenco de funcionalidades … que estabas esperando:

• Traducible (en la versión actual soporta inglés y francés)
• Puedes hacer zoom en cualquier área
• Enlaces de salto (del pié de página al contenido, del contenido al menú)
• Deslizamiento automático en el contenido cuando haces clic en un elemento de menú.
• Oculta automáticamente la barra de direcciones de Safari en iOS.
• Mejoras en la visualización de tablas
• Soporte de la barra de Admin de WordPress

Aún no siendo una solución perfecta en la versión actual, es una estupendo sustituto del escritorio por defecto en dispositivos móviles de pantalla pequeña (en un iPad se maneja mejor el escritorio y desde WordPress 3.3 mejoró mucho con el diseño adaptativo).

Por defecto, WordPress muestra una fila de iconos para dar formato a tus textos en el editor visual de entradas. Y supongo que ya sabrás que haciendo clic en el último icono, el de los cuadritos de colorines, aparece una segunda fila en la que además tienes los siguientes iconos:

• Estilo de párrafo
• Subrayado
• Justificado total
• Color de texto
• Pegar como texto plano
• Pegar desde Word
• Eliminar formatos
• Insertar caracteres especiales
• Aumentar / disminuir márgenes de texto
• Deshacer / Rehacer cambios
• Ayuda

Pues bien, lo que quizás no sepas es que hay una tercera fila de iconos que puedes hacer visible …

Para verla solo tienes que añadir este código a tu fichero functions.php, o casi mejor a tu Plugin de Funciones:

// muestra tercera fila de iconos al editor visual
function add_more_buttons($buttons) {
$buttons[] = 'hr';
$buttons[] = 'del';
$buttons[] = 'sub';
$buttons[] = 'sup';
$buttons[] = 'fontselect';
$buttons[] = 'fontsizeselect';
$buttons[] = 'cleanup';
$buttons[] = 'styleselect';
return $buttons;
}
add_filter("mce_buttons_3", "add_more_buttons");

Una vez guardes los cambios verás estos otros iconos:

• Insertar línea horizontal
• Subíndice
• Superíndice
• Familia de fuente
• Tamaño de fuente
• Limpiar código de Word
• Estilos de wpgallery, oEmbed y  más.

Esta nueva fila se verá aunque no hayas desplegado la primera, estará siempre visible.

¿Quieres aún más?, pues puedes instalar el plugin TinyMCE Advanced, que añade esos iconos y muchísimos más (a voluntad y personalizable), sustituyendo el editor estándar de WordPress por una versión más “completa”.

¡Tu eliges!

A nadie se le escapa que Instagram es una auténtica revolución social. Y, es mi opinión, no es porque sea una verdadera maravilla social, sino porque para todos aquellos que no somos buenos fotógrafos ofrece un modo de compartir nuestras instantáneas del iPhone de manera rápida y con unos pequeños retoques (filtros) que embellecen cualquier foto de tres al cuarto que hagamos.

Esta revolución móvil-fotera, que lo es, también se puede integrar con WordPress, aquí tienes como hacerlo del modo más sencillo, al estilo WordPress …

• Instagram for WordPress – Sencillo Widget para mostrar las últimas 20 fotos de tu cuenta Instagram en tu web. La única pega es que requiere PHP curl para que funcione
• Instagram gallery widget – Mismo objetivo que el anterior pero sin requisitos y muy configurable.
• Instagram embed – Este plugin habilita una serie de shortcode para incrustar fotos o series de tu Instagram en cualquier entrada o página de WordPress.
• insta.SHOW – Similar al anterior, pero en este caso con un solo shortcode: [instagram] muestra un deslizador (slider) de tus fotos en Instagram.
• Instapress – Este otro integra las funcionalidades de los anteriores (widget e incrustación en contenido) y además añade la creación de galerías desde sets de Instagram. Muy completo y fácil de usar.
• Instagrate to WordPress – Otro de mis preferidos, que actúa al estilo Posterous. Simplemente lo configuras y la próxima vez que captures una foto desde tu iPhone a Instagram se crea automáticamente una entrada con la foto. Tienes muchas opciones para configurar títulos, estilos, etc, para que se adapte a tus necesidades de publicación. ¡Genial!

¡Ah! ¿que todavía no usas Instagram?, pues ya estás tardando. Yo casi no, pero es que yo hago buenas fotos (jeje)

Si ya estás usando el bbPress plugin (actualmente en la versión 2.0.2) y no se te ha instalado la traducción al español (seguro) puedes poner tus foros en español haciendo lo siguiente:

1. Accede al Glotpress oficial de la traducción de bbPress plugin
2. En la parte inferior de la página tienes una herramienta de exportación de la traducción (esta completa al 100%). Elige en el desplegable descargar el ‘mo‘ y haz clic en “Export“
3. Por FTP sube el fichero bbpress-plugin-es.mo a la carpeta ‘/plugins/bbpress/bbp-languages/‘
4. Si no se activa la traducción prueba a añadir esta línea al fichero wp-config.php de tu WordPress:

   define('BBLANG', 'es_ES');

Opcional: Si no te apañas con la descarga desde el sitio oficial aquí tienes un zip con los ficheros .po y .mo de la traducción. Descárgalo, descomprime el zip y sigue las instrucciones anteriores desde el punto 3, recordando que solo es necesario el fichero .mo, el .po es por si quieres hacer tu traducción personalizada.

Esta es una solución temporal para instalaciones ya activas. Esperamos que en la próxima actualización del plugin ya se vayan incorporando los archivos de traducción desde el Glogpress oficial, con lo que te evitarás todos estos pasos, solo con actualizar ya tendrás bbPress en español.

Aquí esta la nueva versión de un tema gratuito que diseñe hace algún tiempo al que no hice ninguna actualización  posterior a su primera versión. El tema Jooc lo hice como un experimento cuando iniciaba en la creación de temas para WordPress y Buddypress y que al principio tenia muchos defectos grandes que poco a poco fui resolviendo. Aqui esta el gran salto de su versión 1.0 a la 1.5.6.

Por el momento esta en espera de la aprobación de los chicos de WordPress para aparecer en Buddypress.org, no tardara mucho en salir si no surge no se detecta ningún problema,  por el momento lo pueden descargar desde mi sitio web para aquellos que no quieran esperar.

¿Que tiene esta nueva versión?

1. Elimine la caja de búsqueda de la cabecera y la posicione en el sidebar con opcion para activar o desactivar l widget desde el panel de opciones
2. Cambie de lugar el cuadro de noticias del sidebar a debajo del menu principal, pueden ver la caja en los screenshots.
3. Panel de opciones para cambiar el logotipo y añadir código de rastreo de analytics.
4. Modifique el adminbar para darle un aspecto mas fresco y menos estorboso en el header, añadiendo también, una burbuja con el numero de notificaciones y una animación ”DropDown” al los menús desplegables.

El panel de control lo obtuve de nuestros amigos de wp.tutsplus.com y por el momento tiene pocas opciones en el área de administración pero para sus próximas versiones espero poder agregar muchas mas  para que cada sitio pueda tener un aspecto totalmente diferente a otro.

Link de Descarga

Screenshots

No hace falta que me repita, porque ya he explicado varias veces las ventajas de usar un servicio como Feedburner para gestionar nuestros RSS en vez de los feeds por defecto, así que iré directamente al grano.

Cuando ya tienes un RSS de Feedburner lo siguiente es ofrecerlo a tus visitantes, y para eso tienes que hacer un par de cosas, a saber …

1. Anunciarlo bien, quizás en tu barra lateral, con un enlace e icono bien clarito
2. Cambiar los enlaces a los feeds por defecto para que dirijan a tus visitantes al RSS de Feedburner

Para lo primero no hay prácticamente opciones, creas un widget o similar y lo pones a tu gusto, pero para lo segundo ya tenemos varias posibilidades, vamos a verlas todas …

1. Plugin

Lo primero que se os ocurre a muchos es instalar un plugin que haga el cambio por nosotros, lo que no es mala opción, y de paso nos evitamos tener que tocar código, y además funcionará aunque cambiemos de tema en nuestro WordPress, que por si solo ya es un muy buen argumento.

Para esta utilidad hay muchos, y quizás el más utilizado es FD Feedburner, aunque siempre puedes usar el oficial de Google.

2. Modificar el tema

Esta opción, aunque asuste a los más nuevos en esto del desarrollo, en realidad es muy sencilla y apta para todos los públicos. La principal ventaja es que no tienes que instalar un plugin, con el consiguiente ahorro en consumo de recursos, para algo tan simple como una redirección que puedes hacer tu mismo en unos segundos.

El proceso es muuuuy sencillo, pero hay 2 posibilidades …

A: Enlace en la cabecera del tema

1. Abres el fichero header.php de tu tema activo
2. Localizas las líneas de código para la suscripción al feed, como esta:

   <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />

3. Lo sustituyes por algo así:

   <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="http://feeds.feedburner.com/AyudaWordPress" />

   Simplemente cambia la URL del RSS de Feedburner de Ayuda WordPress (http://feeds.feedburner.com/AyudaWordPress) por el tuyo.

B: Función que genera los enlaces en la cabecera

Esta opción, disponible desde WordPress 3.0, la encontrarás en temas tan comunes como el mismo Twenty Eleven. En este caso no encontrarías los enlaces de antes en el fichero header.php, sino que tendrías que buscar en otro archivo, en functions.php del mismo tema este código:

add_theme_support( 'automatic-feed-links' );

Pues bien, si este es el caso lo que tienes que hacer es esto (también sencillo):

1. Borras la línea anterior del fichero ‘functions.php‘
2. Añades la siguiente línea al fichero ‘header.php‘ de tu tema

   <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="http://feeds.feedburner.com/AyudaWordPress" />

De nuevo, sustituye mi RSS de Feedburner por el tuyo y ya está.

3. Función que sustituya los RSS por los de Feedburner

Para mi la opción más elegante, a la par de resultona. Y es que, además de que no consume recursos, con este método tampoco tienes que acordarte si cambias de tema.

Aquí echaremos mano de nuestro archivo functions.php, o si lo prefieres de tu plugin de Funciones, opción con la que no tendrías que acordarte si cambias de tema, y simplemente le añadimos estas líneas:

// Redirigir feeds a Feedburner en el tema
add_action('template_redirect', 'redirige_rss_feedburner');
function redirige_rss_feedburner() {
        if ( is_feed() && !preg_match('/feedburner|feedvalidator/i', $_SERVER['HTTP_USER_AGENT'])){
                header('Location: http://feeds.feedburner.com/AyudaWordPress');
                header('HTTP/1.1 302 Temporary Redirect');
        }
}

De nuevo pones la URL de tu Feedburner, guardas los cambios y a correr.

¿Cual te parece mejor opción y, sobre todo, por qué?