COS-General

Cómo crear un módulo de Sígueme personalizado

Última actualización: March 8, 2016

Para crear un módulo de Sígueme personalizado, deberás reunir primero todo lo siguiente:

  • La lista de cuentas de redes sociales con las que deseas conectarte.
  • La URL asociada a cada una de las cuentas.
  • Los íconos que deseas utilizar para cada cuenta.
  • Determinar la disposición deseada de los íconos.

Las opciones son ilimitadas cuando se trata de íconos de redes sociales. Se recomienda buscar un conjunto de íconos compuesto por archivos png y comprobar que hay un ícono para cada una de las redes sociales con las que deseas conectarte. Existen 2 formas para hacerlo: horizontalmente y verticalmente.

Módulo «Sígueme» horizontal

Paso 1:

Carga tus archivos de íconos personalizados al administrador de archivos.

Paso 2:

Navega hasta Contenido > Administrador de diseño y en la plantilla en la que deseas agregar el módulo Sígueme personalizado, crea un nuevo módulo de HTML personalizado. Puedes hacer que este módulo sea global después de que se completa, por lo que se puede reutilizar en tu sitio. Ten en cuenta que los módulos globales no se pueden agregar a los grupos globales.

Paso 3:

Agrega la siguiente línea de código para cada una de las redes que deseas conectar, reemplazando el texto de relleno con la información adecuada. Asegúrate de dejar las comillas ("") en su lugar.

<!--Name of Social Network-->
<a href="URL of Account on Social Network"><img src="URL of icon from File Manager" alt="Alt Text to be displayed in event that the image doesn't load"></a>

Paso 4:

Si deseas que el módulo sea global, haz clic en el ícono de configuración en la esquina superior derecha del módulo y selecciona la opción "Convertir en global".

Módulo Sígueme vertical

Paso 1:

Carga tus archivos de íconos personalizados al administrador de archivos.

Paso 2:

Navega hasta Contenido > Administrador de diseño y en la plantilla en la que deseas agregar el módulo Sígueme personalizado, crea un nuevo módulo de HTML personalizado. Puedes hacer que este módulo sea global después de que se completa, por lo que se puede reutilizar en tu sitio. Ten en cuenta que los módulos globales no se pueden agregar a los grupos globales.

Paso 3:

Crea una lista desordenada de las cuentas de red social que deseas conectar a través del siguiente código. Agrega elementos de línea adicionales, según sea necesario.

<ul> 
<li><a href="URL of Account on Social Network"><img src="URL of icon from File Manager" alt="Alt Text to be displayed in event that the image doesn't load"></a></li>
<li><a href="URL of Account on Social Network"><img src="URL of icon from File Manager" alt="Alt Text to be displayed in event that the image doesn't load"></a></li>
<li><a href="URL of Account on Social Network"><img src="URL of icon from File Manager" alt="Alt Text to be displayed in event that the image doesn't load"></a></li>
</ul>

Paso 4:

Los íconos aparecerán como un lista con viñetas. Para quitar las viñetas, agrega la clase Sígueme a las declaraciones CSS en el módulo. Luego, agrega la siguiente declaración en el archivo CSS en el creador de plantillas.

.follow-me ul{ list-style: none; }

Paso 5:

Si deseas que el módulo sea global, haz clic en el ícono de configuración en la esquina superior derecha del módulo y selecciona la opción "Convertir en global".