- Mensajes
- 193
- Puntuación de reacción
- 0
[Tutorial] Compartir entradas de Wordpress sin Plugins
Buenas a raíz de este tema se me ha ocurrido hacer el siguiente tutorial en el que os muestro como poner de forma fácil los marcadores para que los usuarios que acceden a nuestro sitio web puedan compartir nuestras entradas en las siguientes redes sociales:
Para ello vamos a utilizar AddThis un servicio gratuito el cual nos facilita bástante las cosas. A pesar de que yo en el tutoríal os proporciono el código sería aconsejable que genereis el vuestro y lo adapteis ya que el servicio genera un id distinto cada vez que se genera un código ya que ofrece otros servicios como estadísticas de like's, tweet's,etc, una vez te registras a pesar de que el registro no es obligatorio.
Como implementar el código en las entradas individuales
En el archivo single.php de nuestro theme donde queremos que aparezcan los botones añadiremos lo siguiente:
Podemos ponerlo, debajo del título, antes de los comentarios,etc.
Como implementar en el listsdo de post
En este caso el código será similar solo que hacer el listado de las entradas deberemos indicarle la url a compartir ya que no cojera la misma automáticamente. Por lo tanto una vez iniciado el bucle while,es decir:
Añadiremos donde queramos que aparezca lo siguiente:
Espero que os sirva, y cualquier duda decirme
Buenas a raíz de este tema se me ha ocurrido hacer el siguiente tutorial en el que os muestro como poner de forma fácil los marcadores para que los usuarios que acceden a nuestro sitio web puedan compartir nuestras entradas en las siguientes redes sociales:
- Google +
Para ello vamos a utilizar AddThis un servicio gratuito el cual nos facilita bástante las cosas. A pesar de que yo en el tutoríal os proporciono el código sería aconsejable que genereis el vuestro y lo adapteis ya que el servicio genera un id distinto cada vez que se genera un código ya que ofrece otros servicios como estadísticas de like's, tweet's,etc, una vez te registras a pesar de que el registro no es obligatorio.
Como implementar el código en las entradas individuales
En el archivo single.php de nuestro theme donde queremos que aparezcan los botones añadiremos lo siguiente:
HTML:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count" fb:like:width="130" ></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-519dcc2a106d0e64"></script>
<!-- AddThis Button END -->
Podemos ponerlo, debajo del título, antes de los comentarios,etc.
Como implementar en el listsdo de post
En este caso el código será similar solo que hacer el listado de las entradas deberemos indicarle la url a compartir ya que no cojera la misma automáticamente. Por lo tanto una vez iniciado el bucle while,es decir:
PHP:
<?php while (have_posts()) : the_post(); ?>
HTML:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count" fb:like:href="<?php urlencode(the_permalink()); ?> fb:like:width="130" ></a>
<a class="addthis_button_tweet" tw:url="<?php urlencode(the_permalink()); ?>"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium" g:pluseone:href="<?php urlencode(the_permalink()); ?>"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-519dcc2a106d0e64"></script>
<!-- AddThis Button END -->
Espero que os sirva, y cualquier duda decirme