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
    Hola amigos, ¿qué tal el día? Esta tarde os traigo una mini guía de WordPress
    Hola amigos, en el artículo de hoy vamos a ver cómo solucionar la vulnerabilidad reverse
    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

    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.