Cómo incorporar botones sociales como imágenes en Wordpress sin utilizar JavaScript?

  • Autor Autor Geg1
  • Fecha de inicio Fecha de inicio
Geg1

Geg1

Kappa
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Hola a todos, estoy buscando algo en css o la verdad nose. Quiero deshacerme de los js de google, facebook, etc.
Y poner los botones como imagenes, se que tengo que desistir del contador porque eso va con js si o si (creo)

Y no tiene que ser mediante un plugin con widgets , ya que, mi theme no acepta widgets!!

Help Me!!
 
¿ Deseas añadir Me Gusta o solo quieres compartir? Si solo quieres compartir coloca el botón con una imagen en html y listo.
Así lo hago yo en mis sitios. Más sencillo imposible, no tiene css ni js ni nada de nada:

botones-sociales.webp

Son simples imágenes con el link correspondiente a la ruta de la api de cada red.
El código que uso es este ( yo utilizo bootstrap para que las imágenes queden centradas pero si no usas Bootstrap puedes remover todos los div y centrarlo con un align center o algo así):

HTML:
<div class="row">

<div class="col-xs-3 col-md-3"></div>

<div class="col-xs-2 col-md-2"><a href="https://twitter.com/intent/tweet?text=Aqui%20la%20descripcion%20que%20deseas%20compartir&amp;url=http://aqui-la-ruta-a-tu-articulo" target="_blank"><img class="center-block" src="http://aqui-la-ruta-a-tu-imagen-de-Twitter" alt="Compartir en Twitter" /></a>

</div>


<div class="col-xs-2 col-md-2">

<a href="http://www.facebook.com/sharer.php?u=http://aqui-la-ruta-a-tu-articulo" target="_blank"><img class="center-block" src="http://aqui-la-ruta-a-tu-imagen-de-Facebook" alt="Compartir en Facebook" /></a>

</div>


<div class="col-xs-2 col-md-2">

<a href="http://plus.google.com/share?url=http://aqui-la-ruta-a-tu-articulo" target="_blank"><img class="center-block" src="http://aqui-la-ruta-a-tu-imagen-de-Google" alt="Compartir en Google+" /></a>

</div>  

<div class="col-xs-3 col-md-3"></div>  

</div>
 
¿ Deseas añadir Me Gusta o solo quieres compartir? Si solo quieres compartir coloca el botón con una imagen en html y listo.
Así lo hago yo en mis sitios. Más sencillo imposible, no tiene css ni js ni nada de nada:

Ver el archivo adjunto 56084

Son simples imágenes con el link correspondiente a la ruta de la api de cada red.
El código que uso es este ( yo utilizo bootstrap para que las imágenes queden centradas pero si no usas Bootstrap puedes remover todos los div y centrarlo con un align center o algo así):

HTML:
<div class="row">

<div class="col-xs-3 col-md-3"></div>

<div class="col-xs-2 col-md-2"><a rel="nofollow" href="https://twitter.com/intent/tweet?text=Aqui%20la%20descripcion%20que%20deseas%20compartir&url=http://aqui-la-ruta-a-tu-articulo" target="_blank"><img class="center-block" src="http://aqui-la-ruta-a-tu-imagen-de-Twitter" alt="Compartir en Twitter" /></a>

</div>


<div class="col-xs-2 col-md-2">

<a rel="nofollow" href="http://www.facebook.com/sharer.php?u=http://aqui-la-ruta-a-tu-articulo" target="_blank"><img class="center-block" src="http://aqui-la-ruta-a-tu-imagen-de-Facebook" alt="Compartir en Facebook" /></a>

</div>


<div class="col-xs-2 col-md-2">

<a rel="nofollow" href="http://plus.google.com/share?url=http://aqui-la-ruta-a-tu-articulo" target="_blank"><img class="center-block" src="http://aqui-la-ruta-a-tu-imagen-de-Google" alt="Compartir en Google+" /></a>

</div>  

<div class="col-xs-3 col-md-3"></div>  

</div>

Si ! pero como soy ultra noob con css y diseño lo que busco es que los botones sean similares a los oficiales, osea, algo asi:

KdKIszQ.png


Sin el contador, obvio
 

Temas similares

Atrás
Arriba