Integración de barra social en WordPress [ACTUALIZADO]



Buenas amigos, el artículo de hoy es un pequeño tutorial sobre marketing social.

En él hablaré y explicaré  la integración de una barra social en WordPress para compartir nuestros artículos.

Marketing Social

Los botones que vamos a añadir para compartir son los siguientes:

Zona Web:

  • Google+
  • Facebook
  • Twitter
  • Reddit

Zona móvil:

  • Google+
  • Facebook
  • Twitter
  • Telegram
  • WhatsApp

Preparando styles.css

Ahora, deberemos ir a nuestro menú de WordPress>Apariencia>Editor.

Una vez cargue la página, está, mostrara el archivo styles.css de tu tema activo.

Vamos al final del archivo y añadimos el siguiente código:

Código styles.css

Terminando con los styles

Bien, ahora tendremos que ir a Apariencia>Editor.

En la lista de archivos de la derecha, buscaremos el archivo header.php y hacemos clic en él.

Justo debajo de la etiqueta </title> añadiremos el siguiente código:

Código header.php

Colocar la barra al final de cada artículo

Bien, ya solo nos queda crear la barra social y que aparezca en cada entrada de nuestro blog.

Para ello, vamos a necesitar que nuestra barra social, aparezca en cada artículo.

También vamos a hacer que los iconos de la zona móvil, solo aparezcan cuando se visita la web desde un dispositivo móvil.

Pasos a seguir

  • Deberemos ir a nuestro menú de WordPress>Apariencia>Editor
  • Buscar en el menú de la derecha, el archivo single.php
    (Si estás utilizando un tema pro, el archivo a modificar quizás no aparezca en dicho menú.
    Deberás hacerlo mediante FTP y buscar el archivo que se refiere al código de los posts.)

Encuentra el siguiente código o parecido:

<?php if ( is_single() ) : ?>

Copia y pega el siguiente código y pégalo debajo del anterior código que hemos buscado o a tu preferencia.

Código barra social
Ahora en todos los artículos de nuestro blog, aparecerá nuestra barra social.

Y cuando alguien nos visite desde el móvil o tablet, aparecerán los iconos de la zona móvil.

Espero que este artículo te haya servido de ayuda, cualquier duda, comenta  😉






descripción de la firma