VideoTips #2 : Compartir en redes sociales sin plugin

Utilizando las funciones básicas para compartir links de cada red social, se puede crear una función general sin la necesidad de acudir a plugins.

Necesitamos crear una función genérica que nos entrege un link y otra función capaz de crear una ventana de diálogo.

El siguiente video entrega la forma más simple de crear estos links para compartir artículos dentro de WordPress:

 

Para más detalles, acá abajo te entrego las funciones:

Agrega esto a functions.php

function the_share_link($type = 'twitter')
{
    echo get_the_share_link($type);
}

function get_the_share_link($type = 'twitter')
{
    global $post;

    $url = get_permalink($post);

    switch ($type) {
        case 'facebook':
            return 'http://www.facebook.com/sharer.php?s=100&p[title]='.$post->post_title.'&p[summary]='.$post->post_excerpt.'&p[url]='.$url;
            break;

        case 'getpocket':
            return 'https://getpocket.com/save?url='.$url;
            break;
        
        default:
        case 'twitter':
            return 'http://twitter.com/share?text='.$post->post_title.'&url='.$url.'&via=alvaroveliz';
            break;
    }
}

Y esta es la función en JS usando jQuery:

$('a.share').on('click', function(e){
    url = $(this).attr('href');
    winHeight = 350;
    winWidth = 500;
    var winTop = (screen.height / 2) - (winHeight / 2);
    var winLeft = (screen.width / 2) - (winWidth / 2);
    window.open( url , 'sharer', 'top=' + winTop + ',left=' + winLeft + ',toolbar=0,status=0,width=' + winWidth + ',height=' + winHeight);
    e.preventDefault();
});

Modo de uso

<a href="<?php the_share_link('twitter'); ?>" class="share">Compartir en Twitter</a>

Espero que te haya gustado este segundo VideoTip.

Comparte el video si te gustó y recuerda seguirme en Facebook para ver más VideoTips.

VideoTips
1 minuto