Planeta WordPress

Recopilación de entradas publicadas en Kebrantin durante el mes de Enero de 2012.

• Cómo aumentar el número de suscriptores RSS de tu blog
• Reduce el spam en tu WordPress usando el archivo .htaccess
• Cómo borrar 4.000 entradas de golpe de la base de datos de WordPress
• Cómo usar shortcodes en los ficheros de un theme

Y no me refiero al término figurado de comprometerte con este servicio de webs gratuitas con WordPress, que también es recomendable, sino que ahora puedes compartir tu boda, la pre-boda, el viaje de novios o lo que te parezca relacionado con ese gran día en un blog de WordPress.com, y con mucha ayuda.

Todo es gracias a un nuevo tema incorporado en WordPress.com, llamado Forever (muy apropiado). El tema, además de ser realmente bonito y minimalista, está muy enfocado en la carga de fotos, como la de la tarta, el traje de novia, el viaje, las fotos con las madrinas, esas cosas. Con una zona de entradas destacadas con deslizador (slider para los amantes de los anglicismos), realmente atractivo.

Pero no acaba ahí la cosa, pues Forever también incorpora, por ejemplo, un widget especialmente dedicado a tu boda, con el que puedes incluir el día de la gran fecha, para que siempre esté ahí presente, para que todos tus allegados sepan cuando será ese día especial y, en un futuro, para recordarlo siempre.

Otra chulada es un formulario de contacto adaptado, donde tus futuros asistentes a la boda pueden apuntarse. Vamos, todo muy bien pensado.

Si quieres probarlo puedes activarlo en tu web de WordPress.com o, entre tanto, echarle un vistazo en el sitio demo que han preparado al efecto

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

Me encantan este tipo de proyectos, de los que demuestran que WordPress no tiene límites, que es un CMS absolutamente escalable a cualquier necesidad y adaptable a todo tipo de usos, y Annotum es una prueba de lujo de esto que te digo.

Y es que la instalación de WordPress por defecto ofrece el entorno, la base de publicación, pero si usamos Annotum convertimos WordPress en un entorno de publicación totalmente adaptado al entorno académico, verás a lo que me refiero …

Y es que hay unas cuantas cosas que explicar sobre Annotum:

Annotum es un tema WordPress

Si, es un tema WordPress, que puedes descargar desde el repositorio oficial de temas. Pero no solo ahí, si vas al repositorio en Github encontrarás además localizaciones para traducirlo a tu idioma y, muy interesante, paquetes para Mac OSX y Windows en los que se incluye una instalación completa de MAMP (o WAMP), WordPress y Annotum, para que lo instales en tu ordenador o servidor privado (o académico).

Además, Annotum incluye muchas funcionalidades de plugins en si mismo, por lo que no necesitas ir añadiéndole plugins tras instalarlos, lo que usa ya lo lleva incorporado … aunque puedes añadirle más cosas por supuesto.

También soporta “temas hijos” (child themes) para darle el aspecto que desees sin tocar el tema base.

Artículos en vez de entradas

Para disfrutar de las características especiales de Annotum debes usar el tipo de entrada personalizada (incorporada) de artículo (article) en vez de añadir entradas nuevas normales que, aunque también puedes usarlas (por ejemplo para distinguir noticias de artículos académicos), no sacan todo el partido de Annotum.

Editor propio y adaptado

Para adaptar la escritura a la estructura – más compleja habitualmente – de los artículos académicos, Annotum usa para los artículos un editor incorporado que distribuye de manera distinta algunos aspectos y añade funcionalidades que el editor de WordPress por defecto no incorpora, como funciones matemáticas, tablas y otras utilidades.

Formato estándar de publicaciones académicas NLM-DTD XML

Este especial tema importa, exporta y utiliza el formato XML especialmente adaptado a publicaciones académicas, en concreto el Kipling Subset DTD.

No solo puedes importar contenidos en este formato ya estándar y usarlo en tu WordPress, sino que – lo más importante – puedes exportar tus artículos para que se publiquen en cualquier otro entorno que use este estándar.

Y, además, el mismo editor permite convertir un artículo de Annotum en una entrada normal, para que no te falte de nada.

Gestión de múltiples autores por artículo

Esto, que es muy común en los entornos académicos, donde hay publicaciones de varios autores, en Annotum es un estándar reconocido e incorporado, permitiendo que los artículos se asocien a varios autores y se muestre tal peculiaridad, gestionable desde un widget en el mismo editor de artículos.

Si solo quieres esta funcionalidad para un WordPress “normal”, puedes conseguir lo mismo con el plugin Co-authors Plus.

Editores de referencias, tablas, figuras y ecuaciones

En un entorno académico es prácticamente obligatorio disponer de una base referencial y documental de cada artículo, por ello el editor de Annotum incorpora editores de cada uno de estos recursos, pudiendo documentar cada referencia, tabla, ecuaciones LaTeX.

Sistema de revisiones, autores y editores

Annotum también tiene integrado un sistema de revisiones de artículos que discrimina entre autores, revisores y editores. También permite que los comentarios solo sean visibles para revisores y editores, y les manda emails de aviso.

Si quieres algo así en un WordPress sin Annotum el plugin Edit flow (muy recomendable) te ofrece esta funcionalidad.

PDF automático de los artículos

No tienes que hacer nada, Annotum crea un PDF de cada artículo publicado y muestra un enlace para su descarga, también automáticamente. Si quieres incluso puedes añadir una descarga en versión ePub con este hack.

En definitiva, con Annotum y WordPress tienes un entorno perfecto para publicaciones académicas:

• WordPress como plataforma sólida de escritura, publicación y SEO
• Los añadidos de Annotum que hacen que tus publicaciones dispongan de los estándares académicos

Y, fíjate si tiene posibilidades esta combinación de WordPress y Annotum que incluso Google se plantea migrar Google Knol a este sistema.

¿Te animas a probarlo?, yo ya lo he hecho, y aún estoy alucinando. Puedes ver mis primeros pinitos en Annotum y WordPress. Si quieres puedes registrarte ahí mismo y lo pruebas.

Ya hace tiempo que se está trabajando en el que será el nuevo tema por defecto de WordPress, que para seguir la tradición empezada hace un par de años, se llamará Twenty Twelve, o 2012.

Las características que incorporará el nuevo tema por defecto serán las siguientes:

• Tiene que tener formatos de entrada en la visualización de entrada sencilla y enlace permanente
• Imagen de cabecera con altura variable y definible por el usuario
• Versión móvil
• Por defecto mostrará una página estática en la portada
• Los estilos en el editor serán los mismos que en la web en vivo
• Se eliminarán cosas inservibles, como widgets inútiles
• El código base será el de Twenty Eleven (2011), o quizás el de Twenty Ten, que en realidad ha tenido más actualizaciones y los programadores lo conocen mejor.
• Sin imagen destacada en la cabecera
• Por defecto no tendrá imagen de cabecera

Y de momento poco más

Ya estamos en navidad y el nuevo año 2012 está a la vuelta de la esquina y que mejor que realizar una recopilación de los mejores temas y plantillas para tu WordPress de 2011.

A través de las siguiente recopilación de temas y plantillas para el gestor de contenidos WordPress encontraréis una amplia variedad de estilos para mejorar el diseño web y disponer de la mejor imagen de marca posible, y si no sabes por donde empezar también puedes hablar con profesionales como por ejemplo mi hermano en Color Vivo Internet.

A continuación puedes ver una ampliar colección de los mejores temas de WordPress para 2011.

Studeo. Tema WordPress para Agencias creativas y negocios.

Studeo es un paquete completo para crear tu sitio web con WordPress para agencias creativas, de diseño web, freelance o virtualmente cualquier negocio que quieras tenga una imagen atractiva y profesional en la web.

Scope. Tema para WordPress para Agencias y Negocios.

Scope es el tema perfector para una agencia de creativos, freelance o negocios en general. Grandes líneas, colores y muchas grandes caracteristicas ideales para tu web.

ShowyCase. Tema para WordPress para portafolios y fotografos.

ShowyCase es una plantilla profesional muy flexible y personalizables para crear portafolios, webs de agencias de diseño o webs de estudios de fotografía.

I Love It!. WordPress para compartir contenidos.

Gracias a la gente de CosmoThemes podéis disponer de un completo tema para WordPress como I Love It! para compartir contenidos a través de la web con diferentes formatos.

Limon. Un tema de WordPress para restaurantes o Spas.

Limon es un bello, limpio y completo tema para WordPress diseñado para restaurantes, spas y salones de bodas. Tiene 18 diferentes opciones de color, 7 diferentes fondos y un extenso panel de control de opciones. Posibilidades de personalización sin límites.

Fotos es un tema WordPress para fotografos.

Fotos es un completo tema para crear una página web para estudios de fotografía y fotografos con galerías ilimitadas en modo presentación.

Y puedes encontrar muchos más temas para WordPress premium en multitud de webs como ThemeForest, StudioPress, Press75, KreativeThemes, PagesLines, UPthemes, WooThemes, Templatic, o en la propia web de temas oficial de WordPress. Adicionalmente os recomiendo el libro de WordPress, aunque está en inglés es realmente bueno.

Las mejores plantillas para WordPress de 2011 is a post from: Carrero

Hace mucho que surgió el debate, incluso en el repositorio oficial de WordPress, acerca de si son mejores los temas de pago – o premium – o los gratuitos, e incluso aquí lo hemos debatido alguna vez.

Yo mismo he pasado por varias sensaciones al respecto, así que hoy te planteo una lista de lo que para mi son los pros y los contras de cada uno de ellos, bajo mi punto de vista claro está.

Temas gratuitos

Cada vez encuentro más pros para los temas de pago pero aún así los temas gratuitos tienen unas virtudes intrínsecas, no siempre por lo gratuito, me explico …

A favor

• Precio: Por cero euros puedes tener miles de temas para usar en tu WordPress
• Calidad: En muchos temas gratuitos esto no es contrario a la calidad, encontrando muchos temas gratis que nada tienen que envidiar a temas premium, ni en diseño ni en personalización.
• Actualizaciones: Es una de sus principales ventajas, pues si usas temas “oficializados” en el repositorio de WordPress puedes usar el sistema de actualización nativo de WordPress, con lo que siempre estarás al día sin tener que estar pendiente ni suscribirte a boletín alguno.
• Compatibilidad: De lo mejor de los temas gratuitos es que tratan de ser compatibles con todo y con todos. En este caso la simplicidad juega a su favor, con lo que no necesitarás de plugins para que funcionen, usarán las funciones estándar y no te darán problemas siempre y cuando el autor los mantenga actualizados a las versiones mayores de WordPress.
• Escalabilidad: Este es su mayor valor, sobre todo si son del repositorio oficial, pues tienes la garantía de que están bajo la licencia GPL, con lo que puedes mejorar el tema, ampliarlo, adaptarlo a tus necesidades de manera sencilla.

En contra

• Branding: Una de las pegas de los temas gratuitos es que son tan populares que hay que realizar personalizaciones si o si para no parecerse a los miles de usuarios que lo estarán usando por todo el ancho mundo. Su popularidad juega en contra de tu identidad única al usar temas gratuitos, sobre todo si son muy populares.
• Soporte: Aquí dependes de que el tema sea tan popular como para que genere una comunidad propia o sus propios hilos en los foros de soporte oficiales. Sino no tienes garantía por parte del autor, caminas solo.
• Diseño: Salvo honrosas excepciones, en los temas gratuitos no encontrarás grandes trabajos de diseño. La programación lleva tiempo, y los trabajos finos más, así que el voluntariado en ocasiones va en contra de un bonito diseño, aunque ya digo que hay excepciones.
• Seguridad: Por el propio carácter voluntario y gratuito no puedes esperar que los parches de seguridad se apliquen al instante, sino que dependemos de que el autor tenga tiempo para actualizar el tema, o lo hagamos nosotros mismos.

Temas de pago

En los temas premium, de pago, he ido cambiando mis afecciones, pasando del escepticismo al enamoramiento pero, igual que tienen puntos a favor, también tienen sus pegas …

A favor

• Precio: Si, aunque parezca contradictorio, los temas WordPress premium son enormemente baratos, y muchos diseñadores, como Elegant Themes, ofrecen packs anuales a precios de risa por los que descargarte decenas de temas de muchísima calidad.
• Personalización: Uno de los valores de los temas premium son sus potentes paneles de control, que permiten personalizar su aspecto hasta puntos insospechados.
• Soporte: Los temas premium suelen ir asociados a un compromiso de actualizaciones y soporte por parte del creador, ya sea por email o mediante foros atendidos por el mismo diseñador. Esto es una garantía para el comprador y, sobre todo, necesario para los primeros pasos, pues estos temas suelen requerir algo de curva de aprendizaje.
• Diseño: Lo mejor de los temas premium es que la competencia entre autores hace que se ponga especial énfasis en el diseño, por lo que se encuentran temas realmente hermosos, con tipografías preciosas y detalles que encantarán a tus visitantes.
• Seguridad: Una de las virtudes del pago es que los parches de seguridad se aplican al instante, a veces en cuestión de minutos a ser conocidas.

En contra

• Precio: No para mi, pero quizás si para muchos el hecho de pagar por un tema cuando hay miles de opciones gratuitas puede ser un hándicap.
• Curva de aprendizaje: Al contrario que los gratuitos, los temas premium suelen tener tantas opciones, incluso estructuras de los mismos ficheros del tema, que a veces hace complicado sacarles todo el partido que tienen, que es mucho, pero que complican la vida al usuario novel, algo que no pasa con los temas gratuitos en su mayoría, que por su simplicidad exigen poco al usuario.
• Actualizaciones: Al contrario que con los gratuitos, la mayoría de los temas premium no están en el repositorio oficial, por lo que para las actualizaciones hay que estar pendiente de la web del creador o suscribirse a su boletín.
• Personalización: También es un “contra”, pues en muchas ocasiones tienen estructuras poco estándar que hacen que cualquier modificación de código sea realmente tediosa, teniendo que modificar varios ficheros por cada cambio. Esto complica la vida al desarrollador, teniendo que estudiar la estructura concreta del tema.
• Compatibilidad: Muchos temas premium requieren plugins para ofrecer todas sus funcionalidades, y lo que parece una virtud en principio al final es una debilidad porque genera dependencia, y en ocasiones pueden darse situaciones de que una actualización del tema no funcione bien porque el plugin necesario no se adapta como debiera.
• Escalabilidad: Aquí no hay garantías de licencia GPL, por lo que dependemos de la buena voluntad del creador del tema para poder extender y adaptar nuestro tema, algo que no siempre es posible. Por supuesto, huye de códigos ofuscados.

Bueno, ya, estas son mis opiniones, y quizás te preguntes ¿entonces cuales son mejores?, pues mi punto de vista es que para la mayoría de proyectos personales es mejor usar temas gratuitos, y para proyectos corporativos es mejor usar temas premium, por el plus de diseño y seguridad.

¡Hala, te toca!

Una de las virtudes “2.0″ de WordPress y cualquier CMS que se precie son los comentarios a las publicaciones, pero hay ocasiones en que uno puede decidir que en ciertas entradas no sean interesantes o necesarios.

Un caso habitual son las páginas estáticas, de pura información, donde los comentarios de los visitantes no tienen sentido.

Pues bien, aunque podemos hacerlo manualmente, quitando la llamada a los comentarios en el fichero page.php, eliminando el código … 

<?php comments_template(); ?>

Pero este sistema tiene un problema, y es que si actualizas el tema perderás los cambios, y tendrás que acordarte de volver a eliminar el código.

Si quieres inhabilitar los comentarios en páginas, de manera permanente, y sin que te afecten las actualizaciones, puedes – en su lugar – incluir este código en el fichero functions.php (sin las llamadas a php) o subirlo a tu WordPress como plugin:

<?php # -*- coding: utf-8 -*-
/**
Plugin Name: Disable Comments On Pages
Version:     1.0
Author:      Thomas Scholz
Author URI:  http://toscho.de
License:     GPL
*/
// Este archivo no lo llama WordPress
! defined( 'ABSPATH' ) and exit;
// Si existe la función al fichero le llamamos plantilla de comentarios
// No haremos nada en ese caso
if ( ! function_exists( 't5_disable_comments_on_pages' ) ) {
	/**
	 * Reemplaza la plantilla original de comentarios
	 * con la ruta de este archivo en las páginas
	 *
	 * @param  string $file Original comments template file path.
	 * @return string
	 */
	function t5_disable_comments_on_pages( $file ) {
		return is_page() ? __FILE__ : $file;
	}
	add_filter( 'comments_template', 't5_disable_comments_on_pages', 11 );
}

Este estupendo truco es de Thomas Scholz en WP Engineer

Aparte de una bonita frase, es una declaración que nos hacen en WordPress.com para animarnos a la actualización de CSS para su servicio de sitios con WordPress.

Y es que si haces la actualización de CSS no solo tendrás la posibilidad de aplicar un CSS preparado previamente por ti en tu editor favorito sino que también te ofrecen un par de funcionalidades extra por si quieres modificar el CSS desde WordPress.com.

La primera es el “selector de fuentes“, con el que puedes definir fácilmente las tipografías a emplear en tu CSS, eligiéndolas de entre más de 50, sin tener que “picar” código manualmente, y la segunda es un editor CSS integrado, con el que puedes guardar reglas de estilo utilizadas o incluso previsualizar como quedará tu sitio antes de hacer el pago por la actualización o los cambios a tu diseño.

Para rematar, si quieres aprender CSS, puedes visitar la página especialmente creada de CSS Basics, con los selectores y clases principales para dar tus primeros pinitos en este bonito “arte” del CSS.

Si te animas solo tienes que ir al escritorio de tu WordPress.com en el menú “Apariencia -> Custom design” y empezar a diseñar tu sitio con CSS.

Seguramente, la mayoría de vosotros conoce Timthumb, el script por excelencia que se usa para crear miniaturas por muchos temas de WordPress, sobre todo temas Premium.

¿Pero que pasa si usamos un tema premium que incorpora Timthumb?, simplemente no funcionará. El motivo es que Timthumb necesita la ruta correcta a la imagen y WordPress Multisite le da la ya conocida por todos ruta de http://subsitio.sitio.tld/files/año/mes/imagen.jpg

El problema consiste en que en esta dirección no existe la imagen ya que es un rewrite de http://subsitio.sitio.tld/wp-content/blogs.dir/blog_id/files/año/mes/imagen.jpg por lo tanto, no la encontrará y no mostrará la miniatura.

Por un proyecto que estoy realizando y porque muchas de mis páginas la he migrado a una instalación Multisite (simplemente para facilitarme la vida en la gestión y actualización de estas) me he encontrado de frente con este problema.

Pero hay una solución y muy sencilla y que podréis ir aplicando actualización tras actualización de Timthumb, cómo mínimo dentro de la rama 2.8.x.

La solución es la siguiente, descargados Timthump de la página oficial, debéis copiar todo el código y pegarlo dentro un editor de texto plano.

Seguidamente, justo bajo:

// -------------------------------------------------------------
// -------------- STOP EDITING CONFIGURATION HERE --------------
// -------------------------------------------------------------

Añadís esto:

// FIX Multisitio 1 de 2
require( $_SERVER['DOCUMENT_ROOT'] . '/wp-load.php' );

De forma que os quedaría así:

// -------------------------------------------------------------
// -------------- STOP EDITING CONFIGURATION HERE --------------
// -------------------------------------------------------------

// FIX Multisitio 1 de 2
require( $_SERVER['DOCUMENT_ROOT'] . '/wp-load.php' );

timthumb::start();

A continuación, buscáis la línea que pone:

protected function calcDocRoot(){
        $docRoot = @$_SERVER['DOCUMENT_ROOT'];

Y justo debajo, añadís esto:

// FIX Multisitio 2 de 2
if (is_multisite())
{
    global $blog_id;
    if (isset($blog_id) && $blog_id > 0)
    {
        $docRoot .= '/wp-content/blogs.dir/' . $blog_id . '/';
    }
}

Es decir, os quedará así:

protected function calcDocRoot(){
        $docRoot = @$_SERVER['DOCUMENT_ROOT'];

/// Fix Multisitio 2 de 2
if (is_multisite())
{
    global $blog_id;
    if (isset($blog_id) && $blog_id > 0)
    {
        $docRoot .= '/wp-content/blogs.dir/' . $blog_id . '/';
    }
}

Y ya está, guardáis con el nombre que utilice vuestro tema, normalmente timthump.php o thump.php y ya os funcionarán las miniaturas generadas.

Para todo aquel que quiera, también os dejo el archivo modificado con las indicaciones señaladas (Versión 2.8.3 la última en estos momentos) solo debéis descargarlo y borrar el txt del final.

Para futuras actualizaciones (cómo mínimo dentro de la rama 2.8.x, ya tenéis la metodología para que funcione de nuevo.