Wordpress

Como añadir widgets a tu WordPress Theme

Respuesta rápida

Los widgets se ubican en los sidebars. Por lo tanto hay que registrar un sidebar en el functions.php con la función register_sidebar($args) para que aparezca en el panel de control. A su vez, para que aparezca en el Theme habrá que añadir la función dynamic_sidebar($id) en el lugar exacto que queramos que salgan los widgets.

Respuesta completa

En WordPress -a partir de ahora WP- un widget es una porción de código visible que se ubica en los sidebars.

Los sidebars son zonas que permiten mostrar widgets.

En el panel de administración podemos elegir qué widgets colocaremos en un sidebar y en qué orden.

Por lo general, cuando una página tienes dos columnas, una es de contenido y otra es un sidebar.

¿Porqué? Porque el contenido tiene la misma estructura en cualquier página, pero la segunda columna es mejor personalizarla según nuestros intereses.Leer más…

Wordpress

Utiliza Font-Awesome (con LESS.js) para el diseño de tu WordPress Theme

Respuesta rápida

Descargar Font-Awesome y añadirlo a nuestro theme con la estructura de functions.php extension. Hacemos un @import de font-awesome.less en nuestro style.less. Si tenemos Bootstrap habrá que eliminar de sus LESS el glyphicons.less para evitar conflictos.

Respuesta completa

Requisitos:

Font-Awesome es una librería que te permite tener imágenes escalables, es decir, que siempre tendrá buena calidad sin importar el tamaño.

Las imágenes son vectoriales y están en formato fuente.Leer más…

Wordpress

Utiliza Bootstrap (con LESS.js) para el diseño de tu WordPress Theme

Respuesta rápida

Descargando el Source de Bootstrap tenemos los ficheros LESS, los cuáles contendrán variables que podremos reutilizar en nuestros propios ficheros LESS de nuestro theme. Usando la estructura “functions.php extension” solo nos queda añadir las clases a nuestros templates.

Respuesta completa

Requisitos:

Antes de escribir esta entrada estuve pensando hacer una solo de Bootstrap -qué es, qué posibilidades da y cual es la mejor manera de usarlo-, pero está muy bien explicado en su página oficial, así que no voy a ser reiterativo y aconsejo visitar y conocer este framework.Leer más…

Wordpress

Utiliza LESS.js para el diseño de tu WordPress Theme

Respuesta rápida

Al lado de style.css añadimos style.less. Este archivo llamara a los archivos LESS de nuestro propio theme y de otros frameworks que añadamos. A su vez, añadimos al wp_head nuestro style.less y less.js.

Respuesta completa

Requisitos:

Un poco de LESS

Antes de escribir esta entrada estuve pensando si hacer una solo de LESS.js, qué es y qué posibilidades da y cual es la mejor manera de usarlo.Leer más…