Close
Image Alt

Recopilación de 45 trucos para WordPress

Esta es una recopilación de los mejores trucos que he ido recopilando para WordPress de diversas fuentes (las principales están al pie del artículo). Muchos de ellos los utilizo con frecuencia.

Sobre Artículos

Mostrar los artículos más recientes

Este código muestra los cinco artículos más recientes:

Mostrar los artículos o páginas recientemente actualizadas

Mostras los artículos “pegados” (sticky) más recientes

Mostrar los artículos más populares en función del número de comentarios

Añadir enlaces de traducción de los artículos a otros idiomas

Para otros idiomas simplemente sustituye el en de langpair=es%7Cen por de (Alemán), fr (Frances), it (Italiano), pt (Portugués), ar (Arabe), ja (Japonés, ko (Koreano), etc…

Incluir código PHP dentro de los artículos (desde el administrador)

Al escribir código desde el editor del administrador dentro de un artículo WordPress transforma los códigos de inicio y final de php en caracteres de texto, por lo tanto si escribes:

no ocurrirá nada. Hay que sustituirlo por sus códigos equivalentes:

Lista de futuros artículos

Mostrar otros artículos del mismo autor y de la misma categoría

Mostrar un submenú de páginas en la barra lateral

Sobre Comentarios

Mostrar los últimos comentarios

Reordenar los comentarios para que aparezcan primero los más recientes

Busca esta línea en comments.php:

Añade antes de ella esta otra línea:

Dar un diseño diferente a los comentarios del autor del blog

Fuente: Highlight Author Comments in WordPress

Abre tu hoja de estilos (normalmente style.css) y añade este código:

Solamente hemos cambiado el fondo del comentario. Aquí podrás dar el diseño que te parezca más oportuno.

Después ve al archivo comments.php y busca esta línea:

Y sustitúyela por:

Ten en cuenta que el autor por defecto en WordPress es “admin” por lo que el valor por defecto de “user_id” es ‘1?, por lo que si has cambiado el administrador por defecto (muy recomendable) creando un nuevo usuario tendrás que cambiar el valor de “user_id” por el nuevo, que se puede encontrar facilmente en Usuarios -> Autores y Usuarios de tu Tablero de WordPress pasando el ratón sobre el número de entradas. El URL será algo parecido a http://www.tudominio.com/wp-admin/edit.php?author=”user_id”

Sobre Categorías

Mostrar una lista de categorías

Eliminar ciertas categorías del Loop

Mostrar las categorías en un menú desplegable

Relacionados con el Loop

Crea tus propios Loops utilizando WP_Query

Crear un loop con la primera imagen de cada artículo

Primero hay que crear esta función y añadirla en functions.php de nuestro tema:

Ahora ya podemos obtener las imágenes y crear el loop:

Relacionados con el Archivo

Mostrar los archivos por meses

Mostrar los archivos en un menú desplegable

Relacionados con los Avatares

Mostrar Gravatars

Cambiar el tamaño del avatar

Relacionados con las Etiquetas

Mostrar las etiquetas

Mostrar una nube de etiquetas

Mostrar artículos relacionados sin plugin en base a etiquetas

Abre single.php e incluye este código dentro del loop. Obtiene la primera etiqueta y muestra los últimos 5 artículos con la misma etiqueta:

Obtener etiquetas relacionadas con una categoría

Obtenido de WpRecipes. Se incluye esta función en functions.php:

Entonces ya podemos llamar a la función en nuestro tema:

Relacionados con Imágenes

Obtener la primera imagen de cada artículo y ofrecerla en la página principal del blog como imagen del artículo

Es una alternativa a los campos personalizados utilizados para este mismo uso.

Hay que añadir esta función al archivo functions.php de tu tema:

En la página principal de tu blog (index.php) incluye ahora una llamada a la función:

Cambiar de forma automática el tamaño de las imágenes usando Timthumb

Permite cambiar de manera automática el tamaño de las imágenes. Para ello necesitar bajarte este timthumb.php, crear un directorio en tu tema que se llame scripts y copiarlo ahí. Una vez hecho puedes mostrar las imágenes haciendo (en este caso lo redimensionamos a 150×150):

Cambiar de forma automática el tamaño de las imágenes usando funciones internas de WordPress

Fuente: Create thumbnails using WordPress built-in functions

En wp-includes/media.php hay una serie de funciones que WordPress usa para manipular ficheros. La que necesitamos es image_resize():

Puedes usarlo así para crear una nueva imagen de 100×60:

Lo malo es que como WordPress utiliza esta función en el administrador se necesita algo de código que no está disponible por defecto en los códigos. Esto lo puedes arreglar incluyendo wp-admin/includes/image.php en la prate superior del archivo functions.php de tu tema:

Relacionados con Búsquedas

Indicar el término incluido en la búsqueda

Remarcar el término buscado en los resultados de una búsqueda

Abre search.php file y sustituye

por

Y justo antes de esa línea recién modificada añade:

Y en tu hoja de estilos, normalmente style.css, añade:

Relacionados con Redes Sociales, RSS, Compartir artículos

Mostrar un RSS externo

Compartir el artículo por e-mail

Crear un botón para “Compartir en Facebook”

Mostrar enlaces válidos a redes sociales en una tabla

Requiere añadir los iconos de las redes sociales, que se encuentran facilmente en internet. También requiere el nombre de usuario en Twitter, en vez de la de Alex Denning (de WPShout, autor original del artículo, incluído en Lecturas Recomendadas).

Mostrar la entrada de Twitter más reciente

Relacionados con jQuery

Incluir jQuery (incluído en la instalación de WordPress)

Incluye la propia copia de jQuery incluída en WordPress. Debe ir antes de wp_head

Incluir jQuery desde Google (en vez del incluído en WordPress)

Se añade este código en functions.php de nuestro tema:

La última línea logra que no haya hacer nada en el header por lo que con esto bastaría, siempre y cuando en tu tema tengas incluído en la cabecera wp_head();

Relacionados con Campos Personalizados

Usando campos personalizados (Custom Fields)

Mostrarlos en una lista

Utilizar campos personalizados para mostrar imágenes (y cambiarlas su tamaño usando timthumb), con una imagen alternativa si no hubiera imagen
Necesitas tener cargado timthumb en tu tema/scripts (ver más arriba cómo usarlo).

Mostrar el valor de un campo personalizado específico

Mostrar múltiples valores de un campo personalizado que tiene el mismo ID

Mostrar un campo personalizado sólo si existe

Varios

Títulos dinámicos

Incluir una página dentro de otra

Obtener el ID de la página de jerarquía superior

Dar una clase dinámica a body en función del tipo de página, de la categoría, etc..

Mostrar una guía (breadcrumbs) de Inicio/Categoría/Título

Proteger tu e-mail de spam

Si no tienes más remedio que mostrar tu dirección de e-mail puedes utilizar la función antispambot() que se encuentra en WordPress:

Uso de la función post_class() para incluir nuestras propias clases

Permite incluir nuestras propias clases. Su uso sería para añadir la clase estilo, por ejemplo:

El resultado sería:

Lecturas recomendadas y fuentes del artículo

WordPress Hacks – Huge compilation of WordPress Code
WPShout, 10 Really Useful WordPress Code Snippets
Smashing Magazine, 10 Useful WordPress Loop Hacks
Smashing Magazine, 10 Exceptional WordPress Hacks
Vanderlay, 9 WordPress Hacks to Encourage User Interactivity
Noupe, Mastering Your WordPress Theme Hacks and Techniques

Comments

  • Jordi

    No estaría mal poder ver ejemplos de cada uno, ni que sea en imágenes.

    Suerte con el blog.

    25 November, 2009
    reply
  • Hola, me parecen muy intereantes los trucos, mas me gustaría saber como mostrar en el post una información diferente que en el index, ej. en la portada se muestra una imagen y un resumen separado con el leer mas, bueno que cuando se acceda al post, dentro del post no se muestre la imagen y el resumen sino otra información diferente, en joomla es una opción que viene incluida por defecto pero en wordpress no se como hacerlo.
    Un SAludo
    Suerte

    3 December, 2009
    reply
  • Hola.
    Perdón por mi ignorancia pero… ¿Cómo coloco un banner (o simplemente un enlace) que diga “Compartir este artículo en Delicious” o algo por el estilo, para que las personas puedan publicarlo en dicha página directamente desde mi blog?
    Algo así como el que está al final de este artículo…
    Muchas gracias de antemano, un saludo 😉

    2 July, 2010
    reply
  • Miss, éste es sensillo:

    20 July, 2010
    reply
  • Miss, éste es sensillo: ttp://sharethis.com/

    20 July, 2010
    reply
  • Ramon

    Hola
    Tengo un problema al añadir articulos a mi blog wp el ultimo que añado se ve duplicado y al añadir otro nuevo es siempre el ultimo el que se duplica,por mas que intentado arreglarlo no lo consigo.
    Si alguien me puede ayudar lo agradeceria mucho
    Un saludo a todos

    11 January, 2012
    reply
  • buenos e interesantes trucos, muchos de ellos los uso para personalizar mi blog 🙂

    19 November, 2012
    reply
  • Jose

    Hola:
    ¿Cómo puedo ordenar la biblioteca multimedia por CARPETAS y dentro de esta, naturalmente, los archivos?
    Gracias

    10 December, 2012
    reply

Post a Comment