Cómo mover los botones de compartición y el Me Gusta en JetPack

Hoy os voy a enseñar cómo mover los botones de compartición y el Me Gusta en el plugin JetPack de WordPress. Por defecto, los botones de compartición se muestran al final de la función de bucle the_content(), lo que hace que se muestren al final del texto de tu mensaje -, pero eso puede no ser donde tu los quieres poner en el diseño de tu sitio.

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

Cómo mover los botones de compartición y el Me Gusta en JetPack

Jetpack, por defecto, sólo concede esta etiqueta para dos filtros – the_content() y the_excerpt() – para que los iconos puedan mostrarse. Al editar los archivos del tema, puedes mover la etiqueta donde quieras – pasamos a conectarlos a los filtros de manera que, cuando se activen los módulos de compartición y Me Gusta, los botones se muestran sin ningún trabajo adicional. Puedes mover los iconos para ponerlos donde mas te guste y aquí te cuento cómo:

1. En tu archivo functions.php, agrega lo siguiente:

<pre>function jptweak_remove_share() {
    remove_filter( 'the_content', 'sharing_display',19 );
    remove_filter( 'the_excerpt', 'sharing_display',19 );
    remove_filter( 'the_content', array( 'Jetpack_Likes', 'post_likes' ), 30, 1 ); 
} 

add_action( 'loop_end', 'jptweak_remove_share' );</pre>


2. Busca el archivo de la ubicación en la que deseas que aparezcan los iconos para compartir – header.php para tu cabecera, por ejemplo – y coloca el código siguiente en el área que deseas que aparezcan los botones compartir o Me Gusta:

<pre>if ( function_exists( 'sharing_display' ) )
    sharing_display( '', true );

if ( class_exists( 'Jetpack_Likes' ) ) {
    $custom_likes = new Jetpack_Likes;
    echo $custom_likes-&gt;post_likes( '' );
}</pre>

Ten en cuenta que no es necesario mostrarlos juntos.

Mueve los botones de compartir a través de jQuery

Este método viene a través de Beau Lebens, un compañero de Automattic. Él codificó este método jQuery para mover los iconos de compartir:

jQuery (document). listo (function ($) {
    / / Reubicar botones Jetpack intercambio hacia abajo en los comentarios de formar
    jQuery ('# compartir ") html (jQuery (' sharedaddy. ') separar ().).;
});

El #sharing selector es sólo la ubicación DOM donde quiero mover los botones de y la .sharedaddy es el recipiente que los lugares Jetpack sus botones en general. Acabamos de separarlo de su posición normal y luego tiramos a la nueva ubicación exactamente como estaba.

Espero que esto os ayude a desarrollar vuestro tema y mostrar cosas de la manera que quieras al saber cómo mover los botones de compartición y el Me Gusta en el plugin JetPack de WordPress.

Fuente: Tim Moore yo solo lo traduje a español para los que no os lleváis con la lengua inglesa.

1 comentario

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Responsable: Javier Fuentes Izquierdo
Finalidad: Responder a tus comentarios.
Derechos: Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en este formulario, así como el derecho a presentar una reclamación ante una autoridad de control.
Información adicional: En la política de privacidad de CursEmOn, encontrarás información adicional sobre la recopilación y uso de tu información personal por parte de CursEmOn, incluida información sobre acceso, conservación, rectificación, eliminación, seguridad y otros temas.