?Qué es Elementor?
Elementor es un constructor de páginas de arrastrar y soltar para WordPress. El plugin te ayuda a crear hermosas páginas usando un editor visual. Está dise?ado para crear sitios web dinámicos rápidamente.
Este plugin de WordPress es una herramienta todo en uno que facilita y agiliza el dise?o de sitios web. Para darle un toque más dinámico, dispone de una rica selección de fuentes y bellas imágenes de fondo, que pueden utilizarse a voluntad para crear un sitio web que encaje perfectamente con la imagen de su marca.
![Image[1]-Guía para principiantes sobre el uso de Elementor en WordPress - Photon Flux | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042606114230.png)
Por qué usar Elementor
Elementor es para todo tipo de profesionales de tu equipo. Si no eres un experto en tecnología, el editor visual te ofrece la flexibilidad de arrastrar y soltar cualquiera de los más de 90 widgets para crear contenido como botones, puntuaciones con estrellas y barras de progreso. Para los desarrolladores de WordPress, sigue siendo la plataforma preferida, con optimizaciones de secuencias de comandos, propiedades personalizadas y versiones rollback.
"Este es un sitio web de un restaurante editado usando Elementor".
![Imagen [2] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042601351529.png)
?Es Elementor gratuito?
Elementor ofrece una versión gratuita y varios paquetes de pago. La versión gratuita incluye todas las funciones que necesitas para crear una experiencia de usuario potente en tu sitio web, incluido un editor de arrastrar y soltar, más de 40 widgets básicos y más de 30 plantillas. Para obtener funciones más avanzadas, como a?adir formularios y CSS personalizado, puedes actualizar a la versión profesional (Pro):
59 al a?o por 1 emplazamiento.
99 al a?o por 3 sitios.
199 al a?o para 25 centros.
399 al a?o para 1.000 centros
Cómo instalar Elementor
consultas con otrosPlugin de WordPressIgual. Instalación. Elementor Es rápido y fácil. Hay dos métodos:
Instale Elementor a través de Elementor.com
1. VisitasElementor.comy haga clic en "Inicio".
![Imagen [3] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042601492751.png)
2. Introduzca la dirección de correo electrónico y la contrase?a para crear una cuenta.
![Imagen [4] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042601510399.png)
3. Responder a algunas preguntas sobre a quién va dirigido el sitio y cuánta experiencia se tiene en la creación de sitios web.
![Imagen [5] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, cobertura mundial, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042601515810.png)
4. Elige cómo quieres construir el sitio
El plugin Elementor Pro se puede comprar o un paquete que incluye el plugin, así como la instalación de WordPress y alojamiento. También puedes consultar otros paquetes de pago o empezar con la versión básica gratuita. Para esta demo, nos quedaremos con la gratuita:
![Imagen [6] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042601540288.png)
5. Como Elementor requiere un sitio web WordPress activo, debes introducir el nombre de dominio del sitio web en su inspector.
![Imagen [7] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, cobertura mundial, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042601560330.png)
6. Tras confirmar la compatibilidad del sitio, haga clic en Instalar Elementor.
![Imagen [8] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042601583624.png)
7. Si se le dirige a la página de inicio de sesión del administrador del sitio, proceda a iniciar sesión. Si ya ha iniciado sesión, se le dirigirá a la página del plugin de Elementor. Haga clic en Instalar ahora en la esquina inferior derecha.
![Imagen [9] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, cobertura mundial, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042602003789.png)
8. Aparecerá una página con un mensaje de confirmación. Haga clic en el botónPlugin de activación.
![Imagen [10] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042602031535.png)
Una vez hecho esto, ya estás listo para empezar a utilizar el Editor de páginas de Elementor.
Instalación de Elementor a través del panel de control de WordPress
Primer pasoEn el panel de control, haga clic enplug-in (componente de software)>A?adir nuevo plugin.
Paso 2: En el campo de búsqueda, escriba Elementor y busque la opciónConstructor de sitios web Elementor.
![Imagen [11] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042602084374.png)
Paso 3: Haga clic enInstalar ahora. Instalacióndespués de la finalizaciónHaga clic enactive.
![Imagen [12] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042602092087.png)
El constructor de páginas se a?adirá automáticamente a la barra lateral. Sin embargo, este elemento de menú de la barra lateral sólo se puede utilizar para acceder a la configuración del backend de Elementor, no para editar páginas.
![Imagen [13] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042602105131.png)
Cómo utilizar Elementor en WordPress
Con Elementor, es posible dar vida a tus ideas de dise?o. Gracias a la edición en tiempo real, puedes ver cada elemento a medida que se dise?a, lo que facilita el proceso de dise?o. Echemos un vistazo a cómo utilizar el editor de Elementor.
Tutoriales Elementor
Elementor proporciona a los usuarios un dise?o intuitivo que les permite aprender los conceptos básicos del editor en un periodo de tiempo relativamente corto.
1. Primero, crea una nueva página o entrada y haz clic en Editar con Elementor.
![Imagen [14] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, cobertura mundial, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042602151291.png)
Paso 2: Accederás al editor de páginas de Elementor. Esto es lo que la página se verá así.
![Imagen [15] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, cobertura mundial, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042602155570.png)
3. A la izquierda, verás la barra lateral de Elementor con todas las funciones de arrastrar y soltar que puedes utilizar para crear páginas web.
Antes de empezar a arrastrar y soltar widgets, es importante entender que el editor de Elementor consta de tres bloques de construcción principales: secciones, columnas y widgets. Las secciones son el bloque de construcción más grande.
El editor resaltará las secciones y columnas con recuadros azules para mostrarle dónde puede arrastrar las piezas.Atención.Los widgets no pueden arrastrarse a la barra de navegación ni a la cabecera.
![Imagen [16] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, cobertura mundial, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042602184189.png)
Los bloques, columnas y piezas pueden controlarse mediante los tiradores azules. Los bloques pueden editarse simplemente haciendo clic con el botón derecho del ratón en el tirador.
![Imagen [17] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042602215118.png)
4. Cuando esté listo, simplemente haga clic, mantenga pulsado y arrastre el widget a la ubicación donde desee a?adir el nuevo módulo.
Por ejemplo, al desplazarse a la parte inferior de la página, puede elegir arrastrar el widget a una nueva área en blanco.
![Imagen [18] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042602274552.png)
5. "Puedes buscar widgets específicos para personalizar la página. Elige entre elementos básicos como cabeceras o galerías de imágenes, o explora elementos más avanzados como cabeceras animadas y rotaciones de recomendaciones.
![Imagen [19] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042602415050.png)
6. Haga clic en el botón de la esquina superior izquierda y, a continuación, en "Configuración del sitio web". En este menú puedes configurar los colores y fuentes por defecto para la página. También es posible configurar ajustes globales para todo el sitio en Elementor.
![Imagen [20] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, cobertura mundial, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042602430651.png)
7. Por último, puede hacer clic en la parte inferior del panel "Icono "Historia(matem.) géneroAcceso a la sección "Historial de revisiones" de Elementor. En la pesta?a "Acciones", puede seguir sus cambios, avanzando y retrocediendo entre cada acción. En la pesta?a "revisiones ", puede pasar de una revisión a otra y volver a cualquier versión anterior.
![Imagen [21] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, cobertura mundial, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042602451837.png)
Cómo crear tu página de inicio en Elementor
Elementor destaca entre sus competidores por su facilidad de uso. Crea tu primera página en la plataforma sin conocimientos de codificación y pruébalo por ti mismo.
1. Vaya al panel de WordPress.
2. Pulsepágina weby luegoA?adir nuevo contenido.
3. PulseUso del editor de ElementorVaya a Page Builder.
4. Elementor cargará lo siguiente.
![Imagen [22] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, cobertura mundial, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042602480144.png)
5. "A continuación, a?adaleyendayeditor de textoresponder cantandoWidget de imagen.
![Imagen [23] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, cobertura mundial, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042602483856.png)
Una vez colocado en su sitio, puedes editar cada widget a tu gusto. Haz clic en el icono verde "escriba a ", ?listo! Acaba de crear la primera página en Elementor.
7. Una vez que hayas terminado de dise?ar la página, puedes previsualizarla y luego publicarla. En primer lugar, ve al panel izquierdo del editor de Elementor.
8. Para previsualizar la página, haga clic en el icono del ojo.
9. Al publicar, pulse el botón verde Publicar.
Plantillas Elementor
Las plantillas son páginas y bloques predise?ados que te ayudan a dise?ar tu sitio web WordPress. Las páginas son dise?os de contenido completos, mientras que los bloques son secciones con widgets preconstruidos como pies de página, cabeceras y preguntas frecuentes. Se pueden buscar plantillas específicas por tipo de página, nombre de plantilla o etiquetas. Además, todas las plantillas son compatibles con dispositivos móviles. Pueden insertarse en cualquier página con un solo clic.
1. En el editor de Elementor, navegue hasta la parte inferior de la página, donde aparece una sección "A?adir widget aquí". Haz clic en la carpeta blanca.
![Imagen [24] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, cobertura mundial, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042606551323.png)
2. Se cargará una biblioteca. Para obtener una vista previa de las plantillas, haga clic en el icono de lupa de la imagen o simplemente pase el ratón por encima de una de ellas.
![Imagen [25] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, cobertura mundial, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042606560144.png)
3. Pulse el botón verde "palo"Botones".
4. Si no estás conectado al repositorio de plantillas de Elementor, se te pedirá que te conectes. Elementor te redirige automáticamente a su sitio web, donde puedes registrarte o iniciar sesión.
![Imagen [26] - Guía para principiantes sobre el uso de Elementor en WordPress - Photonflux.com | Servicio profesional de reparación de WordPress, cobertura mundial, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/04/2024042606583079.png)
5. Tras registrarse o iniciar sesión, se confirma la conexión.
6. Vuelva a la página que está editando ypaloLa plantilla requerida.
Lo anterior es una guía para usar Elementor en WordPress; en esta ocasión estamos usando la versión gratuita de Elementor para hacer la demostración, más adelante compartiremos con ustedes "cómo usar las funciones avanzadas en Elementor".
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 |
Enlace a este artículo:http://gqxi.cn/es/8968El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios