Instala Magnific Popup en wordpress y dale estilo a tus galerías

Directo al grano, Magnific Popup hará que las imágenes de tus galerías creadas en wordpress puedan ser vistas en una ventana emergente. De esta manera, al ver tus imágenes, los lectores no saldrán de tu post.

Algo como esto:
Magnific Popup tecneofito

1. Archivos requeridos.

Para instalar Magnific Popup solo se requieren 3 archivos (2 js y 1 css).
Descarga aquí

2. Subir archivos a la carpeta del tema en wordpress.

La ubicación del tema que utilizas en wordpress es wp-content/themes/nombre_del_tema aquí se debe crear la carpeta magnific-popup y almacenar los tres archivos descargados jquery.magnific-init.js, jquery.magnific-popup.min.js y magnific-popup.css.

3. Agregar función en functions.php.

Ahora toca editar el archivo functions.php para añadir esta nueva función.

Código:

function pexeto_add_title_to_attachment( $markup, $id ){
    $att = get_post( $id );
    return str_replace('<a ', '<a title="'.$att->post_title.'" ', $markup);
}
add_filter('wp_get_attachment_link', 'pexeto_add_title_to_attachment', 10, 5);

add_action('wp_enqueue_scripts', 'enqueue_magnific_popup_styles');
function enqueue_magnific_popup_styles() {
    wp_register_style( 'magnific_popup_style', get_stylesheet_directory_uri() . '/magnific-popup/magnific-popup.css' );
    wp_enqueue_style( 'magnific_popup_style' );
}
add_action('wp_enqueue_scripts', 'enqueue_magnific_popup_scripts');
function enqueue_magnific_popup_scripts() {
    wp_register_script( 'magnific_popup_script', get_stylesheet_directory_uri() . '/magnific-popup/jquery.magnific-popup.min.js', array( 'jquery' ) );
    wp_enqueue_script( 'magnific_popup_script' );
    wp_register_script( 'magnific_init_script', get_stylesheet_directory_uri() . '/magnific-popup/jquery.magnific-init.js', array( 'jquery' ) );
    wp_enqueue_script( 'magnific_init_script' );
}

Con eso ya puedes crear galerías en tus post y se verán genial. Cuando crees tus galerías no olvides configurar en ajustes enlazado a: archivo multimedia.

Nota: el código de esta función pertenece a ajtroxell.com, puedes revisar el post original aquí

Deja una respuesta

Mira más contenido relacionado

¿Cómo agregar una imagen de perfil a Zoom en Windows y Android?

por Tecneófito, agosto 17, 2021

Agregar una imagen de perfil a Zoom no es una tarea complicada, pero primero veamos...

Cómo utilizar el análisis de la competencia para mejorar su SEO

por Tecneófito, agosto 9, 2021

El análisis de la competencia no es una estrategia nueva. La historia nos ha mostrado...

¿Por qué la música de Spotify se pausa sola y como solucionarlo?

por Tecneófito, mayo 4, 2020

Spotify se ha visto afectado por una serie de problemas que hacen que las canciones...

¿Cómo abrir archivos RTF en PC usando Google Chrome?

por Tecneófito, mayo 3, 2020

Probablemente esté aquí porque no puede abrir el archivo con la extensión ".rtf" o...

Cómo mover mi blog de Wix a WordPress

por Tecneófito, abril 28, 2020

Wix es un impresionante creador de sitios web que parece perfectamente adaptado a...

Cómo proteger su perfil de Netflix usando un código PIN

por Tecneófito, abril 20, 2020

Netflix es una de las principales plataformas de streaming para ver películas y...