Ya hemos visto muchas maneras de personalizar WordPress con shortcodes pero estas pequeñas maravillas pueden usarse en muchos más sitios que en el editor de entradas, aquí tienes unos cuantos buenos ejemplos …
Shorcodes en widgets de texto
Lo primero es añadir este código al fichero functions.php de tu tema activo:
La segunda línea es la que hace que funcionen los shortcodes en el widget de texto. Además, hay que tener en cuenta que los widgets de texto tienen una casilla para "añadir saltos de párrafo automáticamente", pues bien, la segunda linea inhabilita el código autop que podría, en caso de estar marcada la casilla, meter el shortcode introducido en un párrafo o incluso romper las tags.
Shortcodes en el tema
También se pueden usar shortcodes en el tema que uses. Para ello utilizamos la función do_shortcode() en la que el argumento será una cadena que contendrá el shortcode.
Por ejemplo, para mostrar el shortcode [publicidad] en tu tema pondrías algo así donde quieras que aparezca el resultado esperado:
La función do_shortcode() acepta cualquier tipo de texto. Si la cadena contiene un shortcode procesará ese código. De este modo, por ejemplo, podrías mostrar manualmente contenido de tus entradas de este modo:
Para poder meter shortcodes en la descripción del usuario hay que pasar la cadena de descripción por la función do_shortcode(). Para ello tendrás que añadir esto a tu tema activo:
Impresionante la recopilación realizada por Cats who code sobre códigos con los que adaptar tu sitio a la visualización en iPhone. Como creo que es de un gran interés para desarrolladores y usuarios avanzados y que, por supuesto, son aplicables a WordPress, aquí los tienes con alguna adaptación a nuestro entorno:
Detectar iPhones e iPods usando Javascript
Al desarrollar para iPhone o iPod Touch lo primero que hay que hacer es detectarlo para que, luego, le apliquemos códigos o estilos. El siguiente código d etecta iPhones o iPods usando Javascript, y los redirige a una página específica para iPhone.
Aunque el código anterior funciona de maravilla puede que Javascript esté desactivado en el iPhone. Si fuera el caso puedes usar PHP para detectar iPhones o iPods Touch.
En muchas ocasiones visitas una web con tu iPhone y la ves en miniatura. La razón es que el desarrollador olvidó definir el viewport (o no sabe que existe). La declaración de width=device-width te permite definir el ancho del documento al ancho de la pantalla del iPhone. Las otras dos declaraciones son muy útiles si estás desarrollando un sitio "solo para iPhone". En caso contrario puedes borrar estas dos declaraciones.
Definir un viewport es fácil: Simplemente inserta el siguiente meta en la sección "head" de tu sitio (fichero "index.php" de la plantilla activa):
Cuando un usuario añade tu web a su página de inicio el iPhone usa una captura de pantalla de tu sitio como icono. Pero tu puedes ofrecer un icono específico, lo que es mucho mejor.
Definir un icono personalizado para iPhone es fácil: Simplemente pega el siguiente código en la sección "head" de tu sitio (fichero "index.php" de la plantilla activa). La imagen debe ser de 57px por 57px en formato .png. No tienes por qué añadir brillos o esquinas ya que el iPhone las añade automáticamente:
Evitar que Safari ajuste el tamaño de texto al rotar
Cuando rotas el iPhone, Safarie ajusta el tamaño de texto. Si por algún motivo prefieres evitar este efecto solo tienes que usar el siguiente CSS, que tendrás que añadir a tu hoja de estilos (fichero "style.css" de tu plantilla activa).
La declaración -webkit-text-size-adjust es una propiedad CSS exclusiva de webkit que permite controlar el ajuste de texto.
Como el iPhone permite ver la página en vertical o apaisdo puede que necesites detectar en qué modo el documento será visible.
Esta función Javascript detecta la orientación actual del iPhone y aplica una clase CSS específica para cada modo de orientación. Fíjate que en este ejemplo la clase CSS se añade al ID del page_wrapper. Remplázalo por el nombre de ID deseado (línea 24)
Redimensionar imágenes automáticamente para iPhones
En las webs actuales la mayoría de las imágenes suelen ser de un ancho superior a 480px. Al ser de este tamaño la pantalla del iPhone puede que las imágenes más grandes se vean incorrectamente, incluso destrozando el diseño de tu sitio.
Pues bien, usando el siguiente código CSS podrás redimensionar automáticamente las imágenes que sean de un ancho mayor de 480px, el ancho estándar del iPhone, con lo que nunca se verán más anchas y no desconfigurarán tu sitio al visualizarse en un iPhone.
La barra de tareas es útil pero a veces ocupa demasiado sitio, que vendría estupendo para mostrar mejor tu web. Si quieres que Safari oculte la barra por defecto cuando un usuario de iPhone visite tu sitio solo tienes que añadir el siguiente Javascript:
Al igual que con los enlaces "mailto", tan útiles para que te envíen emails, si se visualiza tu web con un iPhone puedes añadir otro tipo de enlaces que ejecutarán acciones, gracias a la función de teléfono de este miniordenador de bolsillo.
Si quieres ofrecer enlaces para que te llamen o te envíen un SMS puedes usar códigos html de este tipo:
Como no se usa ratón en el iPhone no se utiliza la pseudo clase :hover. Sin embargo, usando Javascript puedes simular la clase pseudo :hover cuando el usuario apoye el dedo sobre un enlace:
Si tienes un blog alojado en WordPress.com ya no necesitas visitar tu perfil de Facebook para añadir un enlace a tus publicaciones más recientes, puedes hacerlo desde el tablero de tu WordPress.
Solo tienes que ir al apartado "Mis tableros -> Gestionar blogs" desde la barra de WordPress.com y verás la nueva opción que se suma a la de compartir en Twitter o Yahoo, en concreto la de divulgar en Facebook.
Una vez ahí solo tienes que marcar la casilla de Facebook y se inicia el proceso (en dos ventanas) de autorización de tu cuenta de Facebook para publicar las publicaciones.
Si tienes un blog alojado en WordPress.com ya tienes RSS en tiempo real con PubsubHubbub, el protocolo que cambia el modo en que funciona la comunicación entre los clientes RSS y los feeds.
Si hasta ahora el cliente, por decirlo así, preguntaba al feed por si había información nueva, ahora, con PubsubHubbub el cliente simplemente está a la escucha, y es este protocolo quien le envía la información, lo que hace que la información aparezca en tiempo real, nada más publicarse, en nuestro caso desde WordPress.
Como he dicho al principio, en WordPress.com ya está habilitado, pero en tu WordPress alojado también puedes habilitar este sistema, instalando el plugin PushPress, que manda los "push" directamente, sin necesidad de servicios externos (digo esto porque otros plugins usan servicios externos, este lo hace directamente). ¿Que no quieres instalar otro plugin?, pues también puedes activarlo si usas Feedburner como redirección de tus feeds. Solo tendrás que activar la opción llamada "Pingshot" de la pestaña "Publicize" para tenerlo disponible.
Hay muchas maneras de ocultar la versión de WordPress a miradas indiscretas. Ya hemos hablado de borrar el fichero readme.html y añadiendo la función remove_action, pero son soluciones incompletas en realidad pues no eliminan, por ejemplo, las referencias al número de versión, de tus feeds RSS. Cualquier hacker lo sabe ¿por qué no tu?
Una solución mucho más limpia, segura, efectiva y elegante es añadir el siguiente código al fichero functions.php de tu tema activo:
Si quieres aprovechar el visualizador de Google Docs, y cargar tus propios PDF, alojados en tu servidor, sin tener que subirlos a Google Docs, puedes hacerlo creando un shortcode que use esta funcionalidad.
Para ello solo tienes que hacer lo siguiente:
1. Añade este código al fichero functions.php de tu tema activo:
Si alguna vez has intentado incluir un shortcode como ejemplo en alguno de tus post, y dicho shortcode esta activo en nuestro blog, sabemos la pesadilla a la que nos enfrentamos: el shortcode se ejecutará aun cuando lo pongamos entre <code></code>
El error que cometemos es este: insertamos el shortcode completo ignorando (u olvidando) que el encargado de ejecutarlo es código PHP, el cual procesa el shortcode y envía el resultado, ignorando por completo los <code></code> en los que esta envuelto.
La solución es separar el shortcode, pero no con espacios, sino con los mismos <code></code>. Por ejemplo:
Para obtener este resultado: [shortcode]
Debemos escribir el código de esta forma: <code>[<code>shortcode</code>]</code>
Básicamente lo que hacemos es separar el shortcode, pero en lugar de utilizar espacios, utilizamos unos <code></code> extras.
En este ejemplo sencillo lo que haces es poner en negrita el texto encontrado, pero puedes sustituir la "class" por la que tu quieras, añadiendo color o lo que más te guste.
Curioso, aunque no sé si práctico, este truco que permite visualizar las miniaturas de entrada introducidas a partir de WordPress 2.9, también en la ventana de administración de entradas.
Para obtener el resultado de la captura solo tienes que añadir el siguiente código al fichero functions.php de tu tema activo:
Ya sabrás que es el servicio de la semana, y seguramente del año. Google Buzz está llamado a ser la gran competencia de servicios como Twitter, Foursquare o Friendfeed, así que más vale que estemos preparados.
Añadir a tu sitio un enlace para compartir en Buzz es bien sencillo, solo tienes que añadir el siguiente código en el fichero single.php, page.php, index.php o donde quieras que aparezca: