¿Aún no conoces Elementor? Pues no te preocupes. A partir de este momento vas a comenzar a experimentar una nueva forma de diseñar sitios web realmente profesionales, de una manera muy sencilla y agradable.
Elementor es un plugin. No tiene más historias. Su principal función es como Editor de Contenidos. Pero no cualquier editor ya que de esos hay muchos por ahí.
Un potente editor de contenidos con el cual seremos capaces de crear sitios web realmente impresionantes. Algo que quizás nunca hayas visto. Pues a partir de ahora lo vas a hacer.
En esta entrada, Elementor Page Builder, puedes encontrar una breve reseña de la historia de Elementor y de lo que ha llegado a ser hoy en día en el "mundo WordPress".
Por si aún no lo sabes, Elementor se distribuye en 2 presentaciones:
Si aún no tienes Elementor PRO este es el momento perfecto para que te hagas con este fantástico editor de contenidos.
Va a ser parte importante de este curso. Desarrollaremos muchas lecciones con este plugin para que aprendas a utilizarlo en su totalidad y sacar el máximo provecho para el desarrollo de sitios web 100% profesionales.
Para instalar Elementor es necesario haber instalado WordPress. Si necesitas afinar tus conocimientos sobre WordPress para compatibilizarlos con Elementor, aquí tienes el curso de WordPress.
https://es.wordpress.org/plugins/elementor/
Para instalar el plugin:
Ahora nos aparece Elementor como parte del menú principal de WordPress con una serie de opciones para configurar el plugin.
Anuncio publicitario
En realidad Elementor no necesita mucha configuración para comenzar a utilizarlo. Dependerá mayormente del tema WordPress con el que estemos trabajando.
A continuación, vamos a ver algunas de las opciones más relevantes de este plugin:
Dirígete al apartado Elementor >> Ajustes. En la pestaña General podemos ver las siguientes opciones:
En futuras lecciones vamos a instalar el tema oficial de Elementor, Hello Theme, que se integra perfectamente con Elementor PRO y veremos como sacar provecho a las fuentes y colores con Elementor.
En la pestaña Avanzado, cambiamos la opción Cargar compatibilidad con Font Awesome 4 por Sí y hacemos clic en Guardar cambios. De esta manera nos aseguramos que se muestren correctamente todos los iconos que utilicemos con Elementor.
Las opciones por defecto de la pestaña Estilo son suficientes para trabajar con Elementor sin complicaciones.
En este apartado, cuando instalamos Elementor PRO, se activa una pestaña llamada Integraciones.
En esta pestaña podremos indicar claves y APIs de algunas de las aplicaciones más conocidas como reCAPTCHA (para evitar el SPAM en los formularios), Facebook SDK (para integrar comentarios o botones de Facebook en nuestro sitio web) o Mailchimp (para los newsletters), entre otras.
Todas estas aplicaciones se pueden integrar con Elementor de una manera muy sencilla sin necesidad de instalar plugins adicionales. Esta pestaña la conoceremos más adelante cuanto comencemos a trabajar con Elementor PRO.
En la lección, integraciones en Elementor, veremos como se configuran y cómo funcionan los widgets y aplicaciones asociados a las integraciones.
Aunque en este apartado no hay que hacer nada de momento para configurar Elementor, es muy importante que lo tengas en cuenta ya que te podrá ayudar a solventar algunos fallos que se presenten en un futuro.
Este es una de las funciones más importantes que ofrece Elementor y se suele utilizar cuando migramos nuestro sitio web de dominio o activamos el cretificado SSL (HTTP → HTTPS).
Lo que hace esta herramienta es modificar todas las URLs antiguas por las URLs nuevas en la base de datos de manera que vuelva a funcionar todo correctamente con Elementor.
En esta pestaña, Elementor nos ofrece la opción de reinstalar una versión "estable" del plugin anterior a la que estamos usando por si esta presenta algún problema de funcionamiento.
Al instalar Elementor PRO, también nos ofrece la opción para este plugin.
El modo de mantenimiento nos permite configurar la típica página de "Sitio web en construcción".
Ofrece 2 opciones:
Para poner en marcha esta opción tenemos que crear previamente una Plantilla. En la lección, plantillas con Elementor, veremos que son las plantillas y cómo crearlas con Elementor.
En el apartado Elementor >> Gestor de perfiles, el plugin ofrece la opción de limitar el acceso según los perfiles que hayamos creado en nuestro sitio web.
Esto es muy útil, si por ejemplo, tenemos un periódico digital y no queremos que algunos redactores tengan acceso a ciertos apartados de Elementor pero si al contenido.
En la entrada, perfiles en WordPress, puedes encontrar información actualizada sobre la creación y gestión de usuarios y perfiles en un sitio web.
En este apartado, Elementor nos ofrece un resumen de todos los detalles técnicos de nuestro sitio web como datos del servidor, temas y plugins instalados entre otros.
Los apartados fuentes personalizadas e iconos personalizados solo están disponibles con Elementor PRO. En futuras lecciones veremos cómo añadir fuentes e iconos personalizados, a nuestro sitio web, con Elementor.
Anuncio publicitario
Ahora que ya has instalado Elementor y conoces a "grosso modo" lo que es capaz de hacer, comenzamos este fantástico curso con buen pié y con muchos ánimos.
Nuevamente te recuerdo que vas a necesitar la versión PRO de Elementor. La puedes conseguir haciendo clic en este enlace: Elementor PRO, para aprovechar todo el contenido del curso.
Te estaría muy agradecido si pudieras valorar esta entrada y compartirla en tus redes sociales. De esta manera me animas a continuar trabajando en este proyecto y ayudas a otras personas que desean aprender.
(18 votos, promedio: 4.9 de 5)
Todo el contenido que puedes encontrar en este sitio web es gratis y siempre lo será pero, mantenerlo, requiere de muchos cafés y muuuuchas horas . Si te gusta mi trabajo y te está ayudando, considera invitarme un café para apoyarme y apoyar este proyecto. ¡Te invito un café!.
No me gusta el SPAM y se que a ti tampoco. Sólo recibirás información útil sobre WordPress.
Al enviar, confirmas que has leído y aceptas la política de privacidad. Conoce nuestro compromiso con tu privacidad.
Deja un comentario si tienes alguna duda o cuéntanos cómo ha sido tu experiencia.
Copyright © 2025 Curso de WordPress
Hecho con Venezolano!
Desarrollado con WordPress y diseñado con Hello Theme y Elementor.
No he acabado el curso ,pero, vas por buen camino.
Hola amigo, pero que buen tutorial has hecho :). Maestro, te queria consultar si tienes en la web los pasos para poder usar elementor pro en localhost (xampp). Te lo agradeceria mucho, ya que llevo mucho buscando en la web esta info.
Hola Chris, gracias por tu comentario. Has llegado al lugar indicado. Estoy comenzando a desarrollar un curso de WordPress en Local donde usaremos el programa Local (olvídate de XAMPP). Esta semana sale a la luz las primeras lecciones con vídeos incluidos. No olvides suscribirte al blog para que estés al tanto de las novedades y a mi canal de YouTube que comienza esta semana https://www.youtube.com/channel/UChE9lmpc71kQLF-W5HG-mMg?sub_confirmation=1. Saludos!