QuickTrick: Usar jQuery en Wordpress

Hola, a partir de hoy, aparte de los posts normales, intentaré escribir trucos sencillos y rápidos, que me han sido muy útiles en mi día a día como programador. Y aquí el primero:

Si quereis usar jQuery en Wordpress y lo haceis como normalmente, es bastante probable que no funcione, y un posible error que lo puede estar causando es una función llamada jQuery.noConflict(), pero para evitar problemas, sólo tenéis que escribir el código así:

 <script type="text/javascript">  
   jQuery(document).ready(function($){  
     //TODO  
   });  
 <script>  

Espero que le sirva de ayuda a alguien ^_^

Como crear "child themes" en Wordpress

Hola a ti de nuevo. Hoy quiero hacer un pequeño y sencillo tutorial, sobre como crear de manera rápida y sencilla, un tema nuevo para tu web hecha en Wordpress.

La manera mas sencilla y rapida de crear un tema nuevo y que tenga su encanto, es crear un tema hijo (Child Theme). Un tema hijo, es un tema que usa todos los fichero de otro tema, excepto los que estén creados en el. Por ejemplo, si hay un tema hijo de twentyfourteen, que tiene el fichero single.php, Wordpress usará todos los ficheros del tema padre, en este caso de twentyfourteen, y el fichero single.php del tema hijo. Sencillo verdad?

Pero con solo crear una carpeta ya tengo un tema hijo? No. Debes hacer unos pocos pasos, muy sencillos, y entonces si que tendrás tu tema hijo creado y listo para ser usado. En este tutorial, haremos un tema hijo del tema por defecto twentyfourteen.

Para empezar, debemos acceder por FTP a la carpeta donde este localizado nuestro Wordpress. Ahí deberíamos encontrar una estructura de carpeta parecida a la de la imagen de la derecha.

Nosotros debemos centrarnos en la carpeta wp-content. Dentro, buscamos la carpeta themes, y dentro de ésta comprobamos que exista la carpeta twentyfourteen.

En ésta ruta ( /wp-content/themes ), crearemos una carpeta nueva con el nombre que queramos. En muchos otros tutoriales, se dice que se debe poner de nombre "padre-child", pero no, se puede, pero no es obligatorio. Para éste tutorial la crearemos con el nombre "temaHijo".

Dentro de ésta carpeta debemos crear un fichero llamado style.css. Éste si que debe llamarse así, pues Wordpress es el nombre que va a buscar dentro de cada tema para saber información de él. En este fichero vamos a escribir lo siguiente

/*
 Theme Name:   Tema Hijo
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  Tema hijo de TwentyFourteeen
 Author:       Arnau Lacambra
 Author URI:   http://naulacambra.blogspot.com
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:  tema-hijo
*/

@import url("../twentyfourteen/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

De todas estás lineas, las únicas verdaderamente importantes son Theme Name, que define el nombre que visualizará de nuestro tema, Template, que será el tema al que Wordpress irá a buscar los ficheros que no encuentre en nuestro tema, y @import, ya que cargará todo el CSS importante de nuestro tema padre.

Y ya està! Ya podemos seleccionar nuestro nuevo tema en la administración de nuestro Wordpress. Es recomendable añadir también un screenshot.png, que será la imagen que se visualizará en el selector de temas, y un fichero functions.php, en el que definiremos todas las reglas especiales para nuestro tema. Pero esto ya lo veremos en futuros tutoriales.

Espero que no haya ninguna duda, y si la hay, comentad sin ningún tipo de pudor ni miedo.

Enlaces:
Wordpress Child Themes
Twentyfourteen Wordpress Theme
Theme Development Wordpress Codex

Problema con QTranslate y Wordpress 3.9

Buenas a ti de nuevo. No se si lo habia comentado antes, pero al trabajar con web, muchas veces lo hago usando un CMS comodo y facil como es Wordpress. Pues bien, actualizando una de las webs que administro, a la nueva versión 3.9, me encontré con un problema con un plugin, QTranslate. Para quien no lo conozca, es un plugin de Wordpress para ofrecer contenido en varios idiomas, muy facil de utilizar, y gratuito. Es verdad que tiene sus fallos, pero con un plugin extra, QTranslate Slug, se arregla el mas importante, creo yo, que es el problema con las URLs.

Bien, a lo que iba, el problema que me ha dado Wordpress al actualizar e intentar visualizar la web ha sido éste

PHP Catchable fatal error: Object of class WP_Post could not be converted to string in /wp-content/plugins/qtranslate/qtranslate_core.php

Investigando 5 minutos, he encontrado la solución, y es nada mas que borrar una variable $before del return en la función qtrans_strftime, del fichero qtranslate_core.php. Al final, deberia quedar asi

return strftime($format, $date).$after;

Y arreglado! Espero que le sirva de ayuda como me ha ayudad a mi.

Enlaces:
Wordpress 3.9
QTranslate
QTranslate Slug
StackOverFlow