En el dise?o de sitios web modernos, la integración de enlaces a redes sociales se ha convertido en una forma importante de mejorar la interacción con el usuario, y el tema Avada ofrece una función muy útil: la funciónElementos de enlace socialfacilita a los webmasters la tarea de a?adir enlaces a redes sociales en cualquier lugar de su sitio web. Tanto si desea mostrar los iconos de las redes sociales de su empresa como si quiere que los usuarios accedan rápidamente a sus plataformas sociales, la aplicaciónAvada Los elementos de vinculación social de todos ellos pueden ayudarte a conseguirlo fácilmente.

En este artículo, explicaremos en detalle cómo utilizar la función Elementos de enlace social de Avaday le presentamos sus potentes funciones de personalización para ayudarle a crear una sección de enlaces a redes sociales visualmente atractiva.

?Qué es el elemento de enlace social de Avada?

Elementos de enlace social es un widget proporcionado por Avada que permite a?adir enlaces e iconos de redes sociales a las páginas web. Este elemento es perfecto para aquellos que quieren poner susPlataformas de medios sociales(por ejemplo, Facebook, Instagram, LinkedIn, Twitter, etc.) que vinculan a los usuarios con el sitio web. Con este elemento, los visitantes pueden hacer clic fácilmente en el icono para saltar a la plataforma social adecuada.

Avada 7.12 La versión ha optimizado los elementos de enlace social y ha a?adido más opciones de personalización, lo que permite a los usuarios ajustar el estilo, el color, la posición y otros detalles de los iconos para adaptarlos a sus necesidades de marca.

Cómo utilizar Avada Social Linking Elements

Paso 1: A?adir elementos de enlace social

• Creación de un contenedorCreación de un nuevo contenedor en una página web. Este contenedor se puede dise?ar con colores de fondo, efectos de degradado e incluso se puede a?adir un encabezado para resaltar la sección de redes sociales.

• A?adir elementos de enlace social: A?ade el Elementos de enlace social. En convencionales (armas) Avada admite hasta 38 plataformas sociales, incluidos los sitios de redes sociales más comunes, como Facebook, Twitter, LinkedIn, YouTube, etc., además de la opción de a?adir correo electrónico y números de teléfono.

• A?adir enlaces socialesEn la lista, haga clic en la casilla en blanco e introduzca el enlace de la plataforma social. Cada enlace genera un icono social correspondiente, en el que el usuario hace clic para abrir la plataforma social correspondiente en una nueva pesta?a.

Paso 2: Personalizar los iconos de enlaces sociales

• Iconos personalizados: se encuentran en la convencionales (armas) para elegir si desea activar los iconos sociales personalizados. Si se han configurado iconos personalizados en las opciones globales (en la pesta?a redes sociales (encontrado en), puede elegir mostrarlo en este elemento.

• Mostrar/Ocultar opcionesEn la página Visibilidad elemental Los ajustes permiten elegir si se muestran o no los elementos de los enlaces sociales en función del tama?o de la pantalla (por ejemplo, escritorio, tableta o móvil).

Paso 3: Ajustes de dise?o y estilo

existe idear tab, Avada ofrece una gran cantidad de funciones de personalización que permiten controlar por completo el aspecto y la disposición de los iconos sociales:

• alineación: Puede elegir alinear los iconos a la izquierda, al centro o a la derecha para que se ajusten al dise?o de la página.

• tama?o de letraTama?o del icono: El tama?o predeterminado del icono es de 16px, pero puede ajustarlo según sus necesidades. Por ejemplo, el tama?o de la fuente puede ajustarse a 60px para que el icono sea más llamativo.

• Bordes y rellenosTambién puede a?adir bordes y rellenos a los iconos sociales para aumentar su visibilidad. En este ejemplo, se puede a?adir un relleno de 20px al icono y un borde de 2px para mejorar el efecto visual.

• Color de fondo y color del iconoColores de los iconos: es posible establecer diferentes colores para los iconos. Por defecto, puede elegir utilizar un color personalizado o un color de marca. Por ejemplo, puede establecer el color del icono en el color 1, y el color de fondo en el color 5 en estado normal y en el color 1 al pasar el ratón, y establecer su transparencia.

buenas prácticas

• Elija el tama?o de icono adecuadoEl tama?o de los iconos es fundamental para el impacto visual de un sitio web. Los iconos demasiado grandes pueden estropear el dise?o general de la página, mientras que los demasiado peque?os pueden ser difíciles de atraer la atención de los usuarios. Se recomienda ajustar el tama?o de los iconos al estilo general del dise?o de la página.
• Mantener la coherencia de los colores de la marcaPara mantener la coherencia de la marca, se recomienda establecer los colores de los iconos y los colores de fondo utilizando colores que coincidan con la imagen de la marca. Colores de la marca que facilita el uso de colores de marca preestablecidos.
• Adaptación móvilEnlace social: Asegúrese de que el elemento de enlace social se muestra correctamente en diferentes dispositivos, especialmente en dispositivos móviles. Puedes ajustar la configuración de visualización en función del tama?o de la pantalla para asegurarte de que sea utilizable y visualmente atractivo en todos los dispositivos.

alcanzar un veredicto

Elementos de enlace social de Avada es una herramienta potente y fácil de usar que ayuda a a?adir enlaces de redes sociales a su sitio web para mejorar la experiencia interactiva de sus visitantes. Con las diversas opciones de personalización que ofrece Avada, es fácil ajustar el estilo, el color, la posición, etc. de los iconos para asegurarse de que encajan perfectamente con el dise?o del sitio web.

Para obtener más información y tutoriales relacionados con WordPress, siga el enlaceRed de fluctuación de fotonestiene los tutoriales de WordPress más completos y los más activos.Comunidad de intercambio de WordPress.

Contacte con nosotros
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨詢：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres