Elementor, uno de los constructores de páginas más populares en la comunidad WordPress actual, ya no es un simple constructor de páginas. Gracias a sus potentes funciones, incluso con un tema básico gratuito de WordPress, los usuarios pueden dise?ar sitios web totalmente funcionales sin escribir una sola línea de código. Esto ha convertido a Elementor en la herramienta preferida de muchos dise?adores de sitios web.

Elementor ofrece una gran cantidad de opciones y personalizaciones, pero a menudo pasamos por alto algunos de estos detalles que suelen tener un impacto significativo en el proceso de dise?o de sitios web. En este post, nos sumergiremos en cómo puedes acelerar el proceso de dise?o y optimizar tu experiencia de creación de sitios web aprovechando al máximo Elementor y su integración con herramientas de terceros.

I. Encofrado prefabricado

Tanto si estás creando páginas para un nuevo proyecto como si estás a?adiendo nuevos elementos a un sitio web existente, las plantillas prefabricadas son un gran recurso para acelerar el proceso de dise?o. Dise?ar nuevas páginas desde cero puede llevar mucho tiempo, y las plantillas predise?adas pueden ayudarte a no perder tiempo retocando dise?os y estilos de página.

Biblioteca de plantillas Elementores un rico repositorio de plantillas gratuitas y premium. Puede ahorrar tiempo importando una página entera (por ejemplo, la página Acerca de o la página de Contacto), o elegir importar sólo una parte de una página (por ejemplo.Sección de servicios o sección de héroes) para combinar con flexibilidad el contenido de las páginas.

Además de la biblioteca de plantillas nativa de Elementor, existen varias fuentes de terceros de las que puedes obtener plantillas de calidad. Por ejemplo:

• Mercado Envato: Es un mercado muy popular que ofrece una gran selección de plantillas Elementor, temas para WordPress y plugins.

• TemplateMonsterOtro proveedor de plantillas de calidad, que también ofrece algunas plantillas gratuitas.

Con estos recursos, podrá encontrar inspiración rápidamente y crear páginas web de alta calidad en cuestión de minutos.

En segundo lugar, el uso de teclas de acceso rápido Elementor para mejorar la eficiencia.

Si utilizas Elementor y dependes únicamente de tu ratón, es hora de que cambies tu forma de trabajar. Aprender los atajos de Elementor puede aumentar enormemente la velocidad de tus dise?os y ahorrarte mucho tiempo.

He aquí algunos atajos habituales que pueden acelerar considerablemente el proceso de dise?o:

plataforma	Teclas de acceso directo (Windows)	Teclas de acceso directo (Mac)	Descripción funcional
retirar	Ctrl + Z	Cmd + Z	Deshacer los cambios realizados en la página
rehacer	Ctrl + Mayús + Z	Cmd + Mayús + Z	Rehacer los cambios realizados en la página
haga una copia de	Ctrl + C	Cmd + C	Copiar secciones, columnas o widgets
pegar (como en "copiar y pegar")	Ctrl + V	Cmd + V	Pegar secciones, columnas o widgets
Estilo de pasta	Ctrl + Mayús + V	Cmd + Mayús + V	Estilos para pegar secciones, columnas o widgets
eliminando	Borrar	Borrar	Borrar secciones/columnas/widgets editados
haga una copia de	Ctrl + D	Cmd + D	Copiar secciones/columnas/widgets editados
guardar (un archivo, etc.) (informática)	Ctrl + S	Cmd + S	Guardar página en el historial de revisiones
Panel/Vista previa	Ctrl + P	Cmd + P	Cambio entre las vistas de panel y vista previa
Editor móvil	Ctrl + Mayús + M	Cmd + Mayús + M	Alternar entre las vistas de escritorio, tableta y móvil
registro histórico	Ctrl + Mayús + H	Cmd + Mayús + H	Ir al panel Historia
navegador (en la pantalla de un ordenador)	Ctrl + I	Cmd + I	Abre el navegador.
biblioteca de plantillas	Ctrl + Mayús + L	Cmd + Mayús + L	Abrir el modo de biblioteca de plantillas
Ayuda rápida	Ctrl + ?	Cmd + ?	Abrir la ventana de ayuda de los atajos de teclado
abortar	ESC	ESC	Abra "Ajustes" y vaya a "Salir al panel de control".

Estos atajos no sólo simplifican las operaciones rutinarias, sino que también agilizan el flujo de trabajo al permitirle cambiar de un modo a otro con mayor facilidad al dise?ar páginas.

III. A?adir a cada páginaCSS personalizado

Aunque Elementor ofrece una gran cantidad de opciones de dise?o, a veces es deseable tener una página específica para unA?adir CSS personalizado. Esta función sólo está disponible en elElementor Prose proporciona en elWidgets HTMLRealización.

Inserte el siguiente código en el widget HTML a nivel de páginaA?adir CSS personalizado::

Código htmlCopy

/* Tu código CSS personalizado aquí */
.elementor p {
    color: rojo;
    font-size: 25px; text-decoration: underline;
    text-decoration: underline; line-height: 40px;
    altura de línea: 40px; }
}

Este método no sólo le ahorra dinero, sino que también le garantiza un control total sobre cada detalle de la página.

IV. Uso del buscador de Elementor para simplificar la navegación

Cuando dise?amos sitios web complejos que saltan con frecuencia entre distintas páginas, configuraciones y plantillas.Guardar página > Volver al panel > Abrir página > Buscar página para abrirla. Esto le llevará más tiempo si tiene que guardar la página y volver al panel de control para navegar cada vez.Elementor tiene una aplicación llamadaBuscadorque te ayudarán a acceder rápidamente a cualquier ajuste, plantilla o página.

Para utilizarBuscadorPulse en cualquier lugar del panel de control de WordPress. Cmd/Ctrl + E puede abrir la barra de búsqueda y saltar directamente a la ubicación de destino deseada. Esta función reduce considerablemente el tiempo de navegación durante el proceso de dise?o y mejora la productividad.

V. Dominar el uso de los navegadores

Navegador(navegador (en la pantalla de un ordenador)) es un widget de Elementor que facilita la navegación entre cada elemento del constructor de páginas. El navegador es muy útil para páginas largas o páginas con dise?os complejos de varias capas. Te permite navegar entre elementosVista rápiday arrastrar y soltar widgets con facilidad.

Se puede acceder al Navegador de las siguientes maneras:

• Haga clic con el botón derecho en cualquier elemento y seleccione Navegador.

• Haga clic en el botón Elemento del pie de página del panel.
• Uso de atajos Cmd/Ctrl + I.

Utilizando el navegador, es posible gestionar los elementos de una página de forma más eficiente, especialmente cuando se trabaja con dise?os complejos, y esta herramienta puede aumentar drásticamente su productividad.

VI. Definir paletas de colores para mejorar la coherencia del dise?o

Mantener la coherencia de los colores es vital a la hora de dise?ar un sitio web. Con los ajustes globales que se encuentran en los ajustes del sitio, Elementor puede definir colores de marca en los ajustes del selector de color y reutilizar estos colores cada vez que accedas a las opciones de color del estilo de widget. Esto ahorra mucho tiempo al eliminar la necesidad de recordar o copiar y pegar códigos de color cada vez.

Para definir la paleta de colores, puede elegir una paleta preestablecida o crear una combinación de colores personalizada. Esto no solo aumenta la velocidad de dise?o, sino que también garantiza que el estilo visual se mantenga coherente en todo el sitio.

VII. Uso de estilos y plantillas de widgets prefabricados y reutilizables

Elementor puede tener estilos de widget predeterminados que no siempre se ajustan a tus necesidades. Sin embargo, puedes usar la funciónAlgunos plug-ins de extensiónpara resolver este problema.

resúmenes

Elementor proporciona a los usuarios potentes funciones de dise?o y también ayuda a acelerar el proceso de dise?o con una gran variedad de herramientas y técnicas. Aprovechando al máximo lasBiblioteca de plantillas, accesos directos, navegador, herramientas del Finder y plug-ins de tercerosEsto permite reducir considerablemente el plazo de entrega del proyecto, manteniendo al mismo tiempo un dise?o de alta calidad.

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