Mantén a raya los accesos a paginas 404 en tu blog con el plugin 404 Notifier

Imagen decorativa

Normalmente cuando tienes un blog, quieres tener el control de todo lo que pasa en él. Quieres tener conocimiento de primera mano de la satisfacción de los visitantes, de si encuentran lo que buscan, de todo el feedback que puedan darte. Aun así, hay siempre cosas que se escapan, como por ejemplo cuando un usuario tiene problemas para encontrar una página en concreto. Relativo a este tema, cuando ya tenemos un blog cargado de entradas y estas escapan a nuestro control, puede que pase que algún enlace se rompa, o que por alguna razón el blog no este funcionando como debiera y el usuario tenga que ver la pagina de error 404 al intentar acceder a un contenido publicado.

Para ello, existe un plugin, para llevar este control. En este caso hablo de 404 Notifier, un complemento que nos va a permitir tener al menos el control de todos aquellos enlaces a los que nuestros usuarios quieren acceder y, o están rotos o ya no existen dentro de nuestro blog.

Instalación:

La instalación es muy sencilla, simplemente deberemos ir al panel de plugins de nuestro WordPress, y en el buscador de plugins, buscar el nombre del plugin “404 Notifier“. Una vez lo tengamos localizado en el listado de resultados, simplemente deberemos instalarlo y posteriormente activarlo.

Configuración: 

Una vez instalado y activado, nos vamos al menú de Ajustes y localizamos el que queremos configurar (404 Notifier). Una vez dentro de la configuración, simplemente deberemos activar la casilla de activación y describir la direccion de correo donde queramos que envie los correos con los accesos no encontrados por nuestros usuarios. También es posible configurar el numero de entradas RSS que se mostraran en el feed de los errores.

 

Configuracion 404 Notifier

 

Una vez hecho todo esto, podremos estar un poco mas tranquilos, ya que por cada error 404 que encuentre un usuario, recibiremos un mail indicando el sitio exacto del fallo y podremos identificar fácilmente el origen del mismo y subsanarlo en el menor tiempo posible.

Screencast: instalar WordPress en OSX

Para llevar nuestro blog a cabo necesitamos hacer pruebas, pero queda feo que esas pruebas las publiquemos en nuestro sitio web directamente (en el entorno de producción). Para ello; a la hora de diseñar, desarrollar o probar themes o plugins para nuestro blog, necesitamos otro WordPress de prueba que por comodidad instalaremos en nuestro ordenador.

En este vídeo, mostraremos cómo instalar la última versión de WordPress en nuestro sistema Mac OS X 10.6.6 ó superior de una forma muy sencilla.

Tags para los Custom Post Types

nube de tags

Ya existe mucha documentación sobre cómo crear taxonomías y cómo usarlas en los custom post types, pero… ¿cómo usar las taxonomías que usa WordPress por defecto? A esta pregunta no existe mucha documentación, y menos en español. Por esto, he decidido volver a escribir en TodoWP y hacer un pequeño manual de cómo usar específicamente tags en un tipo de post personalizado.

Los ingredientes para lograrlo son:

  1. La definición o declaración del post type
  2. La conexión del tipo de post con la taxonomía
  3. El cambio en el query por defecto

Lo primero es tener el custom post type:

register_post_type('alojamiento',
array(
'labels' => array(
'name' => 'Alojamientos',
'singular_name' => 'Alojamiento'
),
'capability_type' => 'post',
'public' => true,
'supports' => array('title','editor'),
'taxonomies' => array('post_tag')
)
);

Este es un ejemplo básico de cómo se registra un post type, lo importante en este ejemplo es la linea donde se registran las posibles taxonomías para este tipo.

'taxonomies' => array('post_tag')

Nota: en esta parte no es necesario poner todas las taxonomías que se usarían. Luego se pueden crear taxonomías personalizadas para usarlas con este tipo de post.

tags

Hasta el momento aun no ponemos usarla, ¿por qué? Porque el editor no nos mostrará la caja que permite agregar las etiquetas. Para esto nuestro segundo ingrediente.


register_taxonomy_for_object_type('post_tag', 'alojamiento');

Esta última linea se coloca también en la acción init, al igual que el register_post_type. Hasta el momento todo funciona perfecto, podemos crear custom post y asignarles etiquetas. Incluso si agregamos un widget con la nube de etiquetas aparecerán las que hayamos creado y nos indicará cuántos posts tienen esa etiqueta.

Pero aún hay un problema: si en esa nube de etiquetas entramos a ver el listado de posts no veremos los de tipo especial, incluso aparecerán los posts normales, pero no los especiales.

Para esto nuestro tercer ingrediente. El problema radica en que el query que internamente tiene WordPress en el momento de solicitar los contenidos que se pasan a la plantilla para ser mostrados no incluye los post types.


function agregar_los_custom_posts($query)
{
if(is_tag() && empty($query->query_vars['suppress_filters']))
{
$post_types = array('post', 'alojamiento');
$query->set('post_type', $post_types);
return $query;
}
}
add_filter( 'pre_get_posts', 'agregar_los_custom_posts' );

Este filtro logra agregar nuestro o nuestros tipos al query en caso necesario.

Espero que esto les ayude cuando estén en sus desarrollos. Comenten sus resultados.

10 (+1) grandes recursos para aprender WordPress

WordPressLa lista de recursos que han publicado en WP MU es extraordinaria, con links a sitios y e-books muy interesantes. Me he permitido la licencia de añadir un sitio en español, uno de mis blogs favoritos e imprescindible si quieres mantenerte al día en WordPress. También, he sustituido el recurso número 10 por otro muy recomendable ;) .

1. El Codex de WordPress. Un wiki oficial con documentación acerca de la aplicación que mantiene una entusiasta red de voluntarios de todo el mundo.

2. WPBeginner. Un sitio con tutoriales, en el que se ha anunciado que pronto habrá también material en vídeo.

3. A Beginner’s Guide To WordPress Theme Development. Es un e-book con una guía para principiantes que quieren aprender a desarrollar themes de WordPress.

4. Top 100 WordPress Plugins. Los 100 mejores plugins de WordPress recopilados en formato e-book.

5. Smashing WordPress. Smashing Magazine es uno de los sitios más populares de Internet que ahora tiene un sección dedicada a WordPress.

6. SixRevisions. Un stio de diseño web que también tiene una categoría acerca de WordPress con tutoriales, trucos e ideas.

7. WordPress For Designers. Una serie de videotutoriales para aprender a desarrollar un theme desde cero.

8. ProBlogger. No es un sitio específicamente sobre WordPress pero se publican artículos muy interesantes relacionados con el blogging y sobretodo acerca de cómo optimizar un blog para obtener más rendimiento.

9. The Beginner’s Guide to SEO. Todo lo que se explica en este e-book puede aplicarse a un blog de WordPress.

10. Blogpocket. :) . Este es un cambio a la lista original. En Blogpocket tenemos una categoría dedicada a WordPress con más de 540 posts sobre el tema.

11. Ayuda WordPress. El blog de Fernando Tellado sobre WordPress es una referencia acerca de la plataforma y por eso lo añadimos a esta selección de WP MU.


Este blog pertenece a la red Blogpocket Multisite, donde puedes encontrar también: Mariposas en la maleta, Acordes Modernos y Cicuta en la sangre

Configurando W3 Total Cache para el CDN de Amazon

Esta entrada es la segunda parte del post Activando el CDN de Amazon para optimizar el tiempo de carga

W3 Total Cache es un excelente plugin de WordPress para automatizar la transmisión de los archivos de tu blog al CDN de Amazon. Con él podemos subir todos los archivos de un determinado tipo (por ejemplo, las imágenes incluidas en
todos los posts, las denominadas “attachments“) o hacerlo cada vez que publiquemos un post.

Activar el CDN

Configuración de W3 Total Cache 1 como CDN

En primer lugar, hay que activar el CDN. Para ello, seleccionamos la casilla “Enabled” del apartado “CDN”, dentro de la opción “General Settigns” de la configuración de W3 Total Cache. En el desplegable “CDN Type” elegimos “Amazon CloudFront” y pinchamos “Save all settings”.

Escribir las credenciales del CloudFront

Configuración de W3 Total Cache 2 como CDN

En la pestaña “CDN” de la configuración de W3 Total Cache (Performance), escribimos las credenciales con las que nos registramos en Amazon S3. En “Access key ID” tecleamos el Nº de la clave de acceso y en “Secret Key” la clave de acceso secreta (datos que obtuvimos en el registro de Amazon S3 tal y como contamos en el apartado “Las credenciales de seguridad de Amazon S3″ del post Activando el CDN de Amazon para optimizar el tiempo de carga).

En “bucket” escribimos el nombre del bucket de Amazon S3 y en “Replace site’s hostname with” ponemos el nombre del CNAME que creamos para asociarlo a la distribución del CloudFront.

Configurar qué archivos vamos a subir automáticamente

Configuración de W3 Total Cache 3 como CDN

Continuamos en la opción “CDN” del apartado “Performance” del plugin W3 Total Cache para indicarle qué ficheros hay que subir automáticamente.

Cada opción permite, con el botón “Upload attachments”, subir también manualmente todos sus archivos.

Con “Hosts attachments” podemos subir las imágenes asociadas a cada post. Su botón “Upload attachments” lo utilizaremos la primera vez para subir al CDN las imágenes de todos los posts. Una vez realizda esta primera carga manualmente, cada vez que publiquemos un post solo se transmitirán las imágenes asociadas a dicho post, sin que tengamos que hacer nada.

Si queremos automatizar la subida de otros archivos que no se encuentren en wp-includes/files, activaremos la opción “Host Custom Files” y para que se sobreescriban los archivos, seleccionaremos “Force over-writing of existing files”.

Configuración de W3 Total Cache 4 como CDN

Las máscaras de los archivos relacionados con la opción “Host Custom files” anterior, se escriben en la caja “Custom file list” del apartado “Advanced”.

Y si queremos que se actualicen cualquier archivo modificado, hay que activar la casilla “Export changed files automatically”.


Este blog pertenece a la red Blogpocket Multisite, donde puedes encontrar también: Mariposas en la maleta, Acordes Modernos y Cicuta en la sangre

Activando el CDN de Amazon para optimizar el tiempo de carga

S3 de Amazon
[Imagen de PC Actual]

En mi último encuentro en Madrid con Guillermo Carvajal salió a colación el CDN de Amazon para optimizar el tiempo de carga. Gracias a él puedo publicar esta entrada en Blogpocket.

Pero antes de entrar en materia, te recomiendo como introducción la lectura de los siguientes posts:

¿Qué es un CDN?

En pocas palabras, un CDN es un repositorio externo a tu blog, que sirve de almacenamiento y que lleva asociado un servicio de transmisión rápida de archivos. Entre los muchos servicios que ofrece Amazon S3, se encuentra CloudFront que optimiza de forma muy eficiente la transmisión de archivos por lo que es ideal para guardar aquellos archivos que más tardan en cargarse, como las imágenes, los scripts y las hojas de estilo. Ambos servicios son de pago y se factura por el consumo de transmisión de datos.

Nos centraremos sobretodo en las imágenes. Conviene que todas se encuentran almacenadas en el directorio local del servidor donde tienes alojado tu blog. Este suele ser “wp-content/uploads”. Si has utilizado imágenes de tu cuenta de Flickr, puedes pasarlas todas a este directorio local con el plugin Add Linked Images To Gallery. Este plugin te copiará todas las imágenes desde Flickr y modificará todas las URL’s de las entradas de tu blog correspondientes a las imágenes. Además, a partir de entonces, podrás seguir utilizando Flickr y enlazarlo en tus nuevas entradas; y cuando las publiques, automáticamente se cambiarán las URLs.

Registro en Amazon S3 y creación de un “bucket”

El siguiente paso será registrarte en Amazon S3. Si tienes cuenta de Amazon puedes entrar directamente en aws.amazon.com/es/ e ir a la Consola de Administración de AWS. Ahí deberás crear un “bucket” o carpeta para tus archivos. En la región elige Irlanda. Al pinchar en “Create Bucket” la primera vez, deberás proporcionar tus datos de registro y facturación.

Registro en CloudFront y creación de una “distribución”

Una vez registrado en Amazon S3 y creado el “bucket”, podrás asociar una “distribución” en el CloudFront pero antes tendrás que suscribirte a dicho servicio. Entra en aws-portal.amazon.com/gp/aws/manageYourAccount y pincha en el enlace para suscribirte a la lista de servicios (entre los que se encuentra CloudFront). Tendrás que volver a dar tus datos de facturación y para verificar la validez de tu cuenta tendrás que llamar a un teléfono y proporcionar a la locución automática (en inglés) el pin que aparecerá en la página de suscripción.

Para crear la distribución en el CloudFront, haz click en el botón “Create distribution”, selecciona el “bucket” y, en la ventana siguiente, rellena el nombre del CNAME que crearás, a continuación, en tu hosting para manejar el enlace del tipo static.midominio.com en lugar del propio del CloudFront. El resto de valores son: Logging “Off” y Distribution Status “Enabled”.

Una vez creada la distribución, apunta el “Domain name” porque lo necesitarás para crar el CNAME.

Ahora haremos dos cosas: crar el CNAME en el hosting del blog y apuntar las credenciales de Amazon S3.

Creación de un CNAME en tu hosting

La creación de un CNAME para tu dominio depende del panel de administración que se utilice para tu hosting. Pero, en general, consiste en seleccinar tu dominio y entrar en el apartado de gestión de DNS. Ahí tiene que existir la opción de añadir registros de un dominio (de tipo A, NS, MX, CNAME, etc.). Escribe el nombre del registro (en nuestro caso, el nombre del alias del estilo static.midominio.com), el tipo (CNAME) y el valor (el “Domain name” que apuntaste cuando creaste la distribución en el CloudFront).

Las credenciales de seguridad de Amazon S3

En WordPress lo mejor es gestionar el manejo del CloudFront con un plugin del tipo W3 Total Cache. En un próximo post veremos cómo se configura ese plugin y para ello se necesitarán las claves de acceso al S3 de Amazon.

Dichas credenciales de acceso se encuentan en el enlace “Credenciales de seguridad” del apartado “Gestionar” al pie de la página home aws.amazon.com. En la pestaña “Claves de acceso” apunta el Nº de la clave de acceso y la clave de acceso secreta.

Test de prueba

Prueba que todo funciona correctamente subiendo un archivo cualquiera con el botón “Upload” desde la pestaña S3 de la consola de gestión de AWS.

Subir las imágenes a Amazon S3

Ahora solo resta subir todas las imágenes de tu blog al S3 de Amazon y modificar todas las referencias existentes a sus URLs por las nuevas de Amazon.

Continuará…

Un arduo trabajo si no fuese por el plugin W3 Total Cache. Lo vemos en el próximo post, aquí en Blogpocket.


Este blog pertenece a la red Blogpocket Multisite, donde puedes encontrar también: Mariposas en la maleta, Acordes Modernos y Cicuta en la sangre

Midiendo la velocidad del blog con Google Analytics

Optimizar el tiempo de carga de las páginas de tu blog es una de las tareas que te puede proporcionar muchos beneficios. Además de poner orden en la maquinaria interna mejorarás el posicionamiento en los buscadores, ya que, al parecer, ese parámetro (la velocidad del sitio) es uno de los factores que se tienen muy en cuenta.

Hay muchas herramientas con las que puedes medir la velocidad de carga de tu blog. Y ahora también lo puedes hacer con Google Analytics que nos proporciona el informe correspondiente en la nueva versión del producto (en “Mi sitio > Informes > Contenido > Velocidad del sistio”).

Lo primero que tienes que hacer, si quieres tener estadísticas del comportamiento de tu blog con Google Analytics, es incluir un pequeño código en las páginas. Dicho código se genera cuando te das de alta y solo tienes que copiarlo y pegarlo antes de la etiqueta </head> de las páginas que quieras medir. Si utilizas WordPress, puedes añadirlo en el archivo “header.php”. Acerca del sitio adecuado adonde situar el código, el otro día escribí: El código de Analytics, ¿al principio o al final de la página?.

Para activar el informe de velocidad del sitio en tu cuenta de Analytics, hay que modificar el código y añadirle una instrucción. En Kebrantin, se publicó ayer mi pequeño tutorial explicando cómo hacerlo. También, aprovechábamos para ver cómo se puede utilizar el archivo functions.php del theme activo para incluir el código de Google Analytics.

Entradas relacionadas:

Cómo detectar recursos no encontrados en la carga de tu blog


Este blog pertenece a la red Blogpocket Multisite, donde puedes encontrar también: Mariposas en la maleta, Acordes Modernos y Cicuta en la sangre

Insertar Reproductor en Categorías y sus respectivas entradas

En un primer tema en mi página, como insertar un reproductor de goear con reproducción automática; luego fui un poco más allá y expliqué cómo insertar un reproductor diferente en páginas de categorías específicas en WordPress, lo último me dejó se puede decir que me quedé con cierto aire de insatisfacción, ya que podía escuchar el reproductor correspondiente cuando me encontraba en la página de la categoría a la que le había asignado, sin embargo, esto no ocurría cuando visualizaba una entrada de una de esas categorías y sólo se escuchaba el reproductor general.

Investigando un poco más sobre el tema encontré en el codex de WordPress una función que me permitió realizar lo que deseaba, se trata de la función in_category.

...podemos utilizar esta función para realizar cosas diferentes, como por ejemplo insertar un header, footer o inclusive un diseño diferente por categoría o página (creo que todo esto se resumiría utilizando una función parecida pero para mostrar una hoja de estilos diferente según la página donde nos encontremos)...

La inclusión es sencilla, utilizamos is_home para insertar un código o función que se mostrará en la página principal; in_category('categoria-x') para insertar un código o función que se mostrará en la categoría especificada incluyendo sus entradas; por lo tanto, la función anterior que teníamos de la siguiente forma:

PHP:
  1. if(is_home())
  2. {
  3. include('radio.html');
  4. }
  5. elseif (is_category('naruto-sennin-shippuden'))
  6. {</p>
  7. include('naruto.html');
  8. }
  9. elseif (is_category('death-note'))
  10. {
  11. include('death-note.html');
  12. }
  13. elseif (is_category('mas-sabe-el-diablo'))
  14. {
  15. include('mas-sabe-el-diablo.html');
  16. }
  17. else
  18. {
  19. include('radio.html');
  20. } ?>

A esta función la modificamos, cambiando is_category por in_category, para quedar de esta forma:

PHP:
  1. if(is_home()) { include('radio.html'); } elseif (in_category('naruto-sennin-shippuden')) { include('naruto.html'); } elseif (in_category('death-note')) { include('death-note.html'); } elseif (in_category('mas-sabe-el-diablo')) { include('mas-sabe-el-diablo.html'); } else  { include('radio.html'); }

Este código nos permitirá mostrar un reproductor diferente por cada categoría especificada y en las entradas que le corresponden; para muestra pueden probar ingresando a las categorías: death-note, naruto-shippuden y, mas-sabe-el-diablo y a sus correspondientes entradas.

Espero que este tutorial les haya sido de ayuda, así que con un ejemplo específico podemos utilizar esta función para realizar cosas diferentes, como por ejemplo insertar un header, footer o inclusive un diseño diferente por categoría o página (creo que todo esto se resumiría utilizando una función parecida pero para mostrar una hoja de estilos diferente según la página donde nos encontremos), página e incluso en las entradas según la categoría a la que pertenece, sólo falta utilizar un poco la imaginación y ha echar a andar nuestros proyectos...

Cuestiones a responder antes de empezar un blog

Antes de empezar un proyecto en el que tengas que invertir una gran cantidad de dinero, siempre te harás unas preguntas antes. Te preguntarás si tu proyecto es viable, si solucionará la vida a los demás, si aportará valor añadido a tus potenciales clientes

Pero hay mucha gente que no se toma un blog como un proyecto, y deberíamos verlo así. En un blog quizá no tendrás que hacer una gran inversión de dinero, pero sí una gran inversión de tiempo, y tienes que aprovecharlo. Si quieres tener un blog con posibilidades de éxito, satisfacción personal y posible expansión en el mundo del blogging, tienes que hacerte preguntas, muchas preguntas. Hoy voy a analizar algunas de dichas cuestiones que, inspiradas en este artículo de Blogging Pro, pueden servirte para plantearte si deberías empezar tu nuevo proyecto, tu nuevo blog.

Como pregunta más importante inicialmente, deberías preguntarte si la temática de tu blog es realmente una pasión. Puedes leer más en El secreto del blogger: escribe sobre lo que te gusta. Seguidamente, pregúntate si podrías llegar a escribir más de 100 artículos sobre el tema en dicho blog. Si no tienes suficientes ideas, habrá un momento que te cansará escribir en el blog. No tendrás ganas de inspirarte y, por lo tanto, sin temas para escribir, no escribirás. Consecuencia: acabará como uno de los miles de blogs que hay por Internet abandonados. Los 100 artículos son una referencia, pero antes de empezar, comprueba que tienes suficiente para escribir durante muuucho tiempo.

¿Cuál es tu objetivo? En todo proyecto en tu vida, desde el más simple hasta el más complejo, deberías tener un objetivo claro. En el caso del blog, preguntas que podrías hacerte serían: ¿Quieres que te dé ingresos extra? ¿Deseas trabajar como freelance escribiendo? ¿Es sólo un hobby que te gusta y quieres que te haga disfrutar? Si tienes claro tu objetivo general, más adelante ya irás describiendo y fijando objetivos secundarios: número de visitas, ingresos, número de comentarios, suscripciones vía correo electrónico o vía feed RSS…

Organízate: pregúntate cuánto tiempo tienes y quieres dedicar a escribir. Marca un horario para dedicarlo a tu blog, ya sea para escribir, ya sea para leer e inspirarte y adquirir nuevas ideas. Un blog es un proyecto con una gran inversión de tiempo, así que tienes que tener claro cuánto tiempo quieres dedicarle. Recuerda: es importante la constancia, ya sea con diez artículos al día o un solo artículo a la semana.

Antes de empezar también es importante que te plantees cuál será tu público objetivo. ¿A quién puede interesarle? ¿Quién quieres que te lea? Una vez decidido y cuando tengas tu público más o menos acotado, intenta plantearte como promocionarás tu blog. Escribir excelente contenido es imprescindible, pero también es importante publicitarse en redes sociales, darse a conocer en otros blogs de la misma temática, etc. También puedes optar por hacer concursos, entrevistas a otras personas o cualquier tipo de acción que te vaya bien para darte a conocer.

Y por último, más que una pregunta, una recomendación. ¡Calma, mucha calma! Quizá se te acaba de ocurrir una idea, y quieres ponerla en práctica al momento. ¡No! Está muy bien emprender nuevos proyectos, pero antes asegúrate de que tu nuevo blog sea lo que tú quieres que sea. Asegúrate de que dispones del tiempo necesario y de que tienes claros tus objetivos. Comprueba que es el momento adecuado para emprender en el mundo del blogging, según tus circunstancias personales.

A partir de ahí… a empezar a escribir y paciencia, ¡mucha paciencia!

Imagen de Manuela Hoffmann, licencia CC en Flickr.

Configura tu WordPress: los plugins

Si el otro día hablábamos de la configuración de Widgets para los que estén entrando en el mundo de WordPress, hoy vamos a hablar de cómo instalar un plugin. Para los habituales es una tarea muy fácil, casi monótona, pero si es de las primeras veces que lo haces puede que no tengas muy claro el procedimiento.

Antes de nada, una recomendación personal: utiliza el buscador de plugins que te proporciona WordPress. Lo puedes encontrar en el menú de administración de tu blog, en el apartado Plugins / Añadir nuevo. De esta forma te será mucho más fácil instalarlo, ya que no tendrás que utilizar el servidor FTP de tu página.

Por lo tanto, el procedimiento es el siguiente:

  1. Ventana Plugins / Añadir nuevo. Busca el nombre del plugin o la funcionalidad y escoge el que más te guste.
  2. Selecciona la opción de Instalar. Te aparecerá la descripción; haz clic en “Instalar ahora”.
  3. Te aparecerá la ventana de Instalando plugin, y te informará si ha sido instalado correctamente.
  4. En Acciones, tienes la opción de Activar plugin. De esta forma el plugin empezará a funcionar.
  5. ¡Ya tienes el plugin instalado y activado!

Como ves, es muy fácil y rápido. Los pasos a seguir a partir de este momento son distintos según el plugin que quieras instalar. Hay plugins que no tienen ninguna opción de configuración: quizá funcione automáticamente o quizá tengas que mirar la documentación para saber cómo utilizarlo. La mayoría, sin embargo, incluyen un menú en el propio escritorio de administración de WordPress. Podrás encontrarlo dentro de la sección “Plugins”, “Herramientas” o “Opciones”.

Si no sabes cómo configurarlo, lo mejor es que entres a la página del autor del plugin y busques más información. También puedes probar a pasar por ForoWordPress y preguntar, es probable que alguien pueda ayudarte.