domingo, 6 de diciembre de 2015

Agregar Boton de compartir Wordpress

 

 Como conseguir agregar el boton de "Compartir en Facebook" en Wordpress

Para conseguir que se quede como se ve en la imagen de arriba hay que hacer los siguientes pasos: 

Nos ubicaremos en la plantilla Single.php (que es la que usan comúnmente la mayoría de themes)

Usaremos ctrl+f para ubicar <?php the_content(); ?>

Ahora hacemos un salto de linea después de dicho código para agregar el siguiente script:
 <span>
    <a href="javascript: void(0);" onclick="window.open ('http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>', 'Facebook', 'toolbar=0, status=0, width=550, height=400');">
    <div class="fb-share"><span class="fb-text">Compartir en facebook</span></div></a>
    </span>


Quedándonos nuestra plantilla de la siguiente forma;


Le damos click en actualizar archivo y con eso tenemos agregado el botón de facebook en la plantilla de nuestros post, ahora sera cosa de agregar el CSS del mismo.

Nos vamos a nuestro style.css y hasta el final agregamos:
 .fb-share {width: 96%;padding: 12px;background: #3b5998 url("http://i.imgur.com/vsQCIap.png") no-repeat left center;background-position: 22% 50%;margin-top: auto;float:left;text-align:center;}
.fb-text {color: #fff;text-transform: Uppercase;font-size:22px;}
 Damos actualizar archivo y hemos terminado!

 Y cuando se le da click al botón de compartir arrojara un popup como el siguiente:

0 comentarios:

Publicar un comentario