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:

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í