Mover los iconos para compartir

Si utilizas un tema de bloques, ya no necesitas usar los fragmentos de código que aparecen a continuación para personalizar la ubicación de los botones para compartir en tu sitio. Puedes utilizar el bloque Botones para compartir para colocar los botones en cualquier lugar que quieras de tu tema.

Una de las solicitudes más habituales que nos envías es: «¿Podemos mover los botones para compartir y Me gusta?». De forma predeterminada, los botones para compartir y Me gusta se muestran al final de la función del bucle the_content(), lo que hace que aparezcan al final del texto de tu entrada, pero puede que ese no sea el lugar que quieres en el diseño de tu sitio.

En realidad, hay dos formas de mover los botones para compartir y una para mover el botón Me gusta.

Mover los botones para compartir y Me gusta

Jetpack, de forma predeterminada, simplemente asocia esta etiqueta a dos filtros — the_content() y the_excerpt() — para que se muestren los iconos para compartir. Al editar los archivos de tu tema, puedes mover la etiqueta a cualquier lugar que quieras. De forma predeterminada, la asociamos a los filtros para que, cuando se activen los módulos Compartir y Me gusta, los botones se muestren sin necesidad de hacer nada más. Puedes moverla libremente para colocar los iconos para compartir donde quieras; te explicamos cómo:

En tu archivo functions.php, añade lo siguiente:

function jptweak_remove_share() {
    remove_filter( 'the_content', 'sharing_display', 19 );
    remove_filter( 'the_excerpt', 'sharing_display', 19 );
    if ( class_exists( 'Jetpack_Likes' ) ) {
        remove_filter( 'the_content', array( Jetpack_Likes::init(), 'post_likes' ), 30, 1 );
    }
}
add_action( 'loop_start', 'jptweak_remove_share' );

Busca el archivo correspondiente al lugar donde quieras que aparezcan los iconos para compartir e inserta el siguiente código en la zona donde quieras que aparezcan los botones para compartir o Me gusta:

if ( function_exists( 'sharing_display' ) ) {
    sharing_display( '', true );
}

if ( class_exists( 'Jetpack_Likes' ) ) {
    $custom_likes = new Jetpack_Likes;
    echo $custom_likes->post_likes( '' );
}

Ten en cuenta que no es necesario mostrarlos juntos; puedes colocar sharing_display() en un lugar separado del código que muestra el botón Me gusta.

Mover los botones para compartir mediante jQuery

Este método nos llega a través de Beau Lebens, otro miembro de Automattic. Creó este método de jQuery para mover los iconos para compartir:

jQuery( document ).ready( function( $ ) {
    // Reubicar los botones para compartir de Jetpack debajo, dentro del formulario de comentarios
    jQuery( '#sharing' ).html( jQuery( '.sharedaddy' ).detach() );
} );

El selector #sharing indica simplemente la ubicación del DOM a la que quiero mover los botones, y .sharedaddy es el contenedor en el que Jetpack coloca normalmente sus botones. Simplemente lo separamos de su posición habitual y lo colocamos en la nueva ubicación exactamente tal como estaba.

Esperamos que esto te ayude a desarrollar tu tema y a mostrar los elementos como quieras.