06 de enero de 2017 Marc Coiduras

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  😉



  • Marc Coiduras

    Si te ha gustado el artículo puedes compartirlo usando los siguientes botones:
    Zona Web
    Google+
    Reddit
    Si te ha gustado el artículo puedes compartirlo usando los siguientes botones:
    Zona movil
    Tagged: , ,
    Artículos relacionados
    Saludos amigos, que tal estos días? Yo he estoy ocupado, creando un plugin para añadir
    Muy buenos días amigos, entre ayer y hoy he estado añadiendo una hoja de estilo
    Hola amigos, qué tal el fin de semana? Yo he estado haciendo unas pequeñas modificaciones
    Muy buenas amigos, hoy he estado haciendo unas modificaciones para añadir una sugerencia en los

    About the Author

    Marc Coiduras Hola, mi nombre es Marc Coiduras y soy diseñador web, localizado en Valencia, España.

    Deja un comentario

    CONTACTA CONMIGO PARA CUALQUIER COSA

    Te doy la bienvenida a ponerte en contacto conmigo para obtener más información
    sobre cualquiera de mis productos o servicios.