Te presentaré en este artículo, la versión gratuita de Elementor : uno de los constructores de página más famosos y populares (o constructor de páginas).
Si consideras crear su sitio web a menor costoPero mientras quieres un resultado profesional, sabes que estás en el lugar correcto.
Lo dejo claro. versión gratuitaPorque como lo entiendes, Elementor has also versión pro que puede permitirte desbloquear aún más características.
Pero no te apresures demasiado, ya tenemos mucho que ver con la versión gratuita y si te gusta y quieres ir aún más lejos, puedes en ese momento ser capaz de pensar en go to pro.
Para este tutorial, te consideraré ya cómodo con los conceptos básicos de WordPress y constructores de páginas.
Si este no es el caso y necesita ayuda, no dude en ser aconsejado y acompañado por un WordPress proveedor.
Índice
Instalación de herramientas básicas
Aquí. mi configuración el día que escribo este tutorial:
- Tema : OceanWP (un clásico para Elementor) versión 3.2.2
- WordPress versión: 5.9.3
- Versión del elemento: 3.6.5
Descubre aquí todos los temas compatibles con Elementor.
Una vez instalado mi tema, me muevo instalación de nuestro constructor de páginas favoritos.
Tenga en cuenta que la versión que se puede instalar directamente desde la biblioteca oficial de WordPress es la versión gratuita de la extensión.
Cuando se activa la extensión, se le preguntará si desea:
- Abrir una cuenta Elementor para aprovechar aún más posibilidades
- Elija Tema recomendado por Elementor : Hola*
- Edita tu nombre de sitio
- Descargar logo
Por mi parte, voy a dar algunos pasos, pero depende de ti mirar lo que puede ser de interés.
En la última etapa de esta lista de verificación, Elementor le preguntará si desea comenzar con un diseño existente o si prefiere construir su sitio desde cero.
Por supuesto, eres libre de ver lo que más te gusta.
El objetivo de este tutorial seguirá siendo presentarte al módulos disponibles en versión gratuita*.
Así que ya no voy a mirar la opción. desde cero con posterior utilización de módulos.
Sin embargo, nada le impide iniciar un kit de diseño existente y volver a trabajar con los módulos gratuitos.
Aquí para información qué Biblioteca Elementor* of paquetes de diseño pre-designado.
Usted encontrará paquetes gratuitos y pagados (pro etiquetados) en esta biblioteca.
Para ser honesto contigo, libre elección de diseño es todavía limitado Y si absolutamente quieres algo un poco menos extendido y saliendo del lote, probablemente tendrás que suscribirte al profesional.
Como se dijo anteriormente, voy a para este tutorial empezar en un diseño desde cero (1y elección en la última etapa).
Deprecated: strtolower(): Pasando nulo al parámetro #1 ($string) de cadena de tipo se describe en /home/elementiib/www/wp-content/plugins/elementor/includes/utils.php línea 727
¿Listo para seguir adelante?
Descubrimiento de los módulos gratuitos de Elementor
Ahora debes haberte preparado correctamente. Extensión de Elementor para revisar todo características ofrecidas en su versión gratuita.
En mi caso, editaré mi "página de muestreo" predeterminada creada en mi WordPress y lanzaré la edición con Elementor.
El procedimiento siempre será el mismo, no importa la página que desee editar.
Sabe que puede pasar directamente por la página en cuestión o a través del panel de WordPress para lanzar Elementor.
Una vez que haga clic en "Editar con Elementor", llegará al configuración de la página incluyendo la parte de edición de la izquierda y la vista en vivo de la derecha.
Los diversos módulos se llaman Widgets En Elementor y en el panel de publicación a la izquierda los encontrará.
Este signo está bastante bien hecho, debo decir, porque se separa bien
claramente los widgets libres de aquellos que están pagando y que son
debe pasar a PRO para poder desbloquear (actualmente bloqueado).
En nuestro caso, estaremos especialmente interesados en dos áreas: Básico y general.
Módulos básicos
Ahora te invito al juego "Basic" descubrir juntos las posibilidades que se ofrecen aquí.
widgets básicos
Algunos widgets son muy explícita en cuanto a su interés y no voy a habitar demasiado en él, este es particularmente el caso de:
- Título
- Imagen
- Texto Editor
- Video
- Button
- Icon
Como puedes ver en estos widgets, incluso sabemos antes de usarlos para lo que son.
En realidad esencial y clásico para todos los sitios web, Así que no sería posible parecer un diseño.
Sección interna
Ahora ve al widget "Sección interna" que necesita apoyarse en ella para explicar para qué es.
Para obtener información, si quieres añadir un widget a tu página, haz un arrastrar y soltar en el lugar deseado.
A continuación se abre a la izquierda, el panel de edición widget con 3 pestañas:
- Diseño de página o contenido para definir la forma (HTML, altura, ancho, alineación, desbordamiento, etc.)
- Estilo para definir el fondo (colores, tipografía, fronteras, fondo, etc.)
- Avances para ir aún más lejos en la personalización (marges, animaciones, sensible, etc.)
Esta configuración es la misma para todos los widgets que añadirás a tu página.
Para volver a nuestro módulo, la sección interna permite añadir una sección con dos columnas.
Si quieres más columnas, haz clic en
en el botón "+" para añadir una sección con el número deseado de columnas (1, 2, 3, 4, 5, 6 y varias configuraciones posibles).
Para hacerlo simple, una sección le permitirá definir las columnas que desea para su diseño en una ubicación dada y puede insertar (en las columnas) los diversos widgets disponibles.
Por ejemplo, puede tener como configuración una sección de dos columnas con una imagen en la columna izquierda y texto en la columna derecha.
Usted puede ver rápidamente que las posibilidades son infinitas.
Finalmente, la construcción de la sección con columnas también permite preparación de la respuesta del sitio donde las mismas columnas se muestran en la versión horizontal de la computadora
(uno junto al otro) se mostrará automáticamente en la vertical sobre los móviles y posiblemente tabletas (uno encima del otro) para una visualización óptima.
Severator y spacer
El "Separador" no es más que un widget que permite la separación visual de dos áreas de una página por medio de una sola línea.
"Spacer", por otro lado, permite definir un espacio en blanco entre dos contenidos de una página.
Google Maps
El ingenio Google Maps puede ser muy conveniente para usted si desea mostrar una dirección física en su sitio utilizando un mapa para que sus visitantes puedan localizarlo mejor y eventualmente llegar a la ubicación mostrada.
Obviamente puedes definir un Dirección específica en el campo "Localización".
Módulos generales
Ahora vamos a los widgets "General", justo debajo de los de la versión "PRO".
. Imagen e icono caja
Ambos aparatos "Cajas de imagen" y "box of icons" están hechos para usted si desea asociar texto y un título con una imagen (o icono).
Lo entenderás, te ayuda a evitar tener que tomar 3
widgets (título, texto, imagen o icono) para lograr este resultado y este
están en algún tipo de widgets 3 en 1.
👉 Notation par étoiles et témoignages
Ya que ambos van juntos a menudo, les presentaré al mismo tiempo.
Si desea publicar opiniones de clientes en su sitio web, entonces widgets "Star Rating" y "Testimonios" están hechos para ti.
Ellos le permitirán mostrar las opiniones de sus clientes y también
para enriquecerlos por el número de estrellas de evaluación que tienen
izquierda.
Por ejemplo, puede tomar el consejo de su tarjeta. Google Mi negocio (si tiene uno) y publicarlos directamente en su sitio con estos widgets.
👉 Carrousel d’images et galerie basique
Si desea presentar varias imágenes, vídeos o incluso audios en el mismo lugar en su página, entonces el "Carrousel images" y "Basic Gallery" Te gustará.
Estos dos widgets hacen lo mismo en general a la diferencia notable de las imágenes carrusel, que es diapositiva dinámica que se alternan automáticamente y también con flechas de navegación.
Lista de iconos
Si te gusta enriquecer tu contenido con listas inteligentes, numeradas u otras, el widget "lista de iconos" tiene la peculiaridad de proponer, además de acompañar sus listas con iconos de su elección.
Contrato
Una característica muy importante en los sitios web: metros dinámicos.
Elementor ofrece un widget "Computer" que permite definir, entre otras cosas, un número de inicio y final, la adición de prefijo y sufijo, la duración de la animación, etc.
Progresos
Si desea mostrar sus habilidades, experiencia, activos o progreso, el widget "Progress bar" está hecho para ti.
Además de traer un toque animado a su sitio web, este módulo permite Asociar visualmente datos particulares con una progresión.
👉 Onglets, accordéon et va-et-vient
Usted puede querer mostrar contenido bastante sustancial, pero si no desea aumentar significativamente la altura de su página, widgets "Onglets", "Accordion" y "Vuelve y adelante" puede ser de gran interés.
Le permiten distribuir bien su contenido sin tener que alargar su cuadro de texto.
"Acordion" y "Go-and-go", por otro lado, tienen la ventaja de ser dinámica y estar de acuerdo para preguntas frecuentes (Preguntas frecuentes).
Iconos de medios sociales
Un requisito para crear un sitio web es presentar sus redes sociales.
Elementor ofrece un widget "Iconos de medios sociales", Esto le permite hacer esto añadiendo botones a los colores de las redes principales que redirigirán a sus visitantes a ellos.
- Alerta
Si tiene el perfil de editor de contenido para su sitio (blog by
ejemplo) y que desea mejorar la experiencia de sus visitantes haciendo la información agradable de leer, el widget "Alert" puede ser de interés.
Permite añadir una caja de texto dentro de su contenido, pero
tener la particularidad de ser capaz de elegir su código de color de:
- Información (azul)
- Éxito (verde)
- Advertencia (orange)
- Peligro (rojo)
Además, este módulo le permite ganar uniformidad y armonía entre su contenido diferente.
Personalmente, encuentro este widget muy simple, pero tan práctico.
SoundCloud
El ingenio SoundCloud permite simplemente agregar un audio de una URL externa.
La simplicidad del módulo significa que podemos seguir adelante.
Código corto
Si necesita insertar un código corto (o código corto), sepa
que Elementor también ofrece, en su versión gratuita, un widget llamado "Código corto" Y déjate venir y pega tu código en tu página.
Si la noción de código corto no te habla demasiado, no te preocupes, el concepto es realmente muy simple.
Te invito a aprender sobre ello, realmente vale la pena.
HTML y menú Anchor
En caso de que estés cómodo con el código y añade algo
Las líneas HTML dentro de tu página no se enfrían en la espalda así que sabe que un widget "HTML" existe y que puede permitirle ir más allá de lo que es posible hacer en su página.
Además, si quieres que tus visitantes puedan acceder
rápidamente a la información que pones a su disposición, te invito a usar el widget "Anchor menu" que le permite diseñar estos atajos a los lugares deseados en su página.
Si usa anclas, piensa en agregar el ID en cuestión a la zona apuntada o no funcionará.
Columna lateral
Si tienes un blog o configuración de comercio electrónico, por ejemplo, el widget "La columna del sida" puede ser de interés.
Puede permitirte proponer contenido Anexo y Suplemento relacionados con el contenido principal de la página en cuestión.
👉 Chemin du texte
Para concluir sobre los widgets de la parte "General" del panel editorial Elementor, revise brevemente el widget « Camino del texto » que permite simplemente modificar la forma de apariencia de un texto.
Varias formas son posibles como:
- Wave
- Arc
- Circle
- Línea
- Oval
- Spiral
- Aduanas
Todo lo que tienes que hacer es divertirte con él.
Versión gratuita de Elementor
Así que revisamos lo que es generalmente posible hacer con Elementor en su versión gratuita.
Me gustaría compartir mis opiniones sobre las características que hemos visto.
Para una necesidad relativamente simple, Sólo puedo recomendar que instale Elementor, porque como puedes ver, podemos hacer muchas cosas incluso en una versión gratuita.
Por ejemplo, usted puede probarlo y tomarlo primero y luego si le conviene y su necesidad es más importante, por qué no entrar en PRO en ese momento.
La licencia cuesta, en el momento en que escribo estas líneas, 59 dólares por un año* (para 1 sitio) que sigue siendo asequible.
En caso de querer profundizar más el proceso
crear sitios web para permitirle utilizar Elementor, aquí
un artículo que trata precisamente del fundamentales al diseñar un sitio bajo WordPress.
Eso es todo para este tutorial, espero que fuera agradable y que usted fue capaz de descubrir lo que Elementor, uno de los constructores de página de WordPress más populares en el mundo, está esperando para usted!
