Tutorial de Elementor Pro: Edición de widgets de encabezado y párrafo y aplicación de estilos globales

hacer uso de Elementor Pro Al construir una página, la eficacia del ajuste del contenido y el estilo afecta directamente al rendimiento visual general. Este artículo explica cómo utilizar los widgets de título (Encabezado) y texto (Editor de texto), e introduce la configuración de colores y fuentes globales para ayudar a conseguir un diseño uniforme y una edición eficiente.

I. Las tres áreas principales de configuración de los widgets de Elementor Pro

En Elementor Pro, la mayoría de los widgets contienen tres pestañas principales de configuración:

• Contenido: Rellenar texto, insertar enlaces, fijar HTML pestaña (de una ventana) (informática)
• EstiloAjustar colores, fuentes, sombras, espaciado, etc.
• AvanzadoAjuste de parámetros como márgenes, anchura, posición, animación de desplazamiento, etc.

Esta estructura está presente en casi todos los componentes básicos, lo que facilita una rápida asimilación y una gestión unificada.

II. Edición del widget Encabezado (Heading)

1. Introduzca el contenido del título

golpe (en el teclado)leyendaWidget, vaya al panel izquierdo. Después de introducir el texto, se actualiza en tiempo real en el lienzo.HTML Se recomienda elegir las etiquetas en función de la estructura, por ejemplo, el título principal de la página de inicio es siempre <h1>. Se puede ajustar la alineación, por ejemplo, centrada.

2. Definir el estilo de color

En la pestaña Estilos, haga clic en el icono de la Tierra situado a la izquierda del selector de color para abrir la ventanacolor globalPanel. Si el icono es de color, indica que se está utilizando un estilo global. Si es gris, indica un color personalizado temporal.

Seleccione un estilo de color preestablecido para completar rápidamente la igualación de colores. También puedes seleccionar manualmente un color o introducir un valor de color, crear un nuevo color y hacer clic en "+" para guardarlo como color global, e introducir un nombre para facilitar su reutilización posterior.

3. Gestión de los colores del sitio

Haz clic en el icono de engranaje de la esquina inferior izquierda para acceder a la página de configuración del sitio y selecciona "Colores globales". Aquí puedes gestionar de forma centralizada los colores principales, los secundarios, los de texto, etc. Además, permite añadir y eliminar colores personalizados, lo que resulta muy útil para ajustar el estilo unificado de todo el sitio.

En tercer lugar, la configuración uniforme del estilo de fuente

Elementor Pro Proporciona una funcionalidad de fuente global para ayudar a las páginas a mantener un estilo tipográfico coherente.

1. Aplicar estilos de fuente globales

Haz clic en el icono del lápiz de la pestaña Estilo para abrir el panel Configuración de fuente. Puede seleccionar una fuente de Google y ajustar su tamaño, grosor, espaciado, altura de línea y otras propiedades. Tras el ajuste, todos los módulos que utilicen este estilo de fuente se actualizarán de forma sincrónica.

2. Gestión centralizada de los tipos de letra

Vaya a "Fuentes Globales" en los Ajustes del Sitio, puede establecer múltiples roles de fuentes, tales como Primaria, Secundaria, Texto, etcétera. También puede añadir funciones personalizadas para diferentes escenarios, como menús, botones, avisos, etc.

IV. Widget de texto de párrafo (Editor de texto)

1. Añadir texto de párrafo

Arrastre el widget del editor de texto para escribir o pegar contenido.Elementor Pro ofrece ayudas de texto AI integradasPuedes generar, ampliar o acortar párrafos rápidamente haciendo clic en "Escribir con IA".

Es fácil ajustarlo directamente en el lienzo una vez generado.

2. Definir los estilos de texto

Los párrafos de texto también admiten colores y fuentes globales. Seleccione el tipo de letra global directamente en la etiqueta de estilo para que coincida con el color del texto y haya uniformidad visual.

3. Ajuste de la disposición del texto

Vaya a la pestaña Avanzado y establezca Ancho en Personalizado, y controle el ancho de línea del contenido del párrafo arrastrando el control deslizante para hacerlo más legible. Establece Autoalinear en Centrar para que el diseño sea más lógico.

V. Conclusión

Elementor Pro Proporciona un potente sistema de gestión de estilos, con funciones globales de color y fuente, puede mejorar enormemente la eficacia de la edición y mantener la coherencia general del diseño. Los encabezados y los párrafos son los módulos básicos para construir una página, y un buen dominio de su configuración será de gran ayuda en la construcción de páginas posteriores.

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