Tutoriales

Generar una clase secuencial en el loop de WordPress

A veces necesitamos que cada ítem del loop tenga asignada una clase diferente y numerada para usarlas en extractos de JavaScript que lo requieren (por ejemplo para asociar una navegación con anclas a los ítems del loop):

Obtener el slug de un post en WordPress

 No existe una función que lo permita, pero se puede conseguir de 3 formas: 1. Usando basename() y get_permalink(). 2. Usando global $post object. 3. Crear una función completa que traiga el slug. Y llamarla en el HTML.

Cambiar el el valor del atributo class con JavaScript

Cambiar todas las classes con una nueva o más: (Puedes agregar más clases separándolas con un espacio) Agregar clases adicionales sin afectar las existentes: Eliminar una clase, sin afectar las existentes: Verificar si una clase ya ha sido aplicada a un elemento: Asignar estas acciones a eventos: Cambiar clases con JQuery: jQuery afrece un atajo […]

Usar el Thickbox nativo de WordPress

WordPress incluye en sus librerías el sistema de ventana modal Thickbox, el cual podemos aprovechar usando el siguiente código en el archivo functions.php de nuestro tema: Adicionalmente, para llamar las imágenes de precarga y cierre de la ventana modal debemos incluir en nuestro footer.php, antes de la etiqueta wp_footer() lo siguiente: Para usar el thickbox […]

Eliminar el campo «Biografía» del perfil de usuario de WordPress

 Agrega este código al archivo functions.php de tu tema: add_action( ‘personal_options’, array ( ‘T5_Hide_Profile_Bio_Box’, ‘start’ ) ); class T5_Hide_Profile_Bio_Box { public static function start() { $action = ( IS_PROFILE_PAGE ? ‘show’ : ‘edit’ ) . ‘_user_profile’; add_action( $action, array ( __CLASS__, ‘stop’ ) ); ob_start(); } public static function stop() { $html = ob_get_contents(); ob_end_clean(); […]

Obtener la URL de una imagen subida a WordPress

Si queremos usar la URL de una imagen subida al editor WordPress dentro de nuestro tema, podemos usar el siguiente código: 1. Obtener la URL. Añadimos este código php dentro del archivo de nuestra plantilla php, donde «full» es el tamaño de la imagen subida  2. Aplicarla Agregamos este código donde queramos que aparezca la […]