No todos tienen las habilidades técnicas para personalizar un sitio web. Hay mucho que aprender cuando se trata de HTML, PHP y CSS. Sin embargo, la programación no es la única forma de personalizar una apariencia. De hecho, se necesita poco esfuerzo para crear un sitio web con WordPress y Elementor.
WordPress es uno de los sistemas de gestión de contenidos más flexibles y versátiles de Internet. Elementor es un sistema de edición rico en funciones que hace que el desarrollo sea muy sencillo. Ponga los dos juntos y tendrá una plataforma que le permite a cualquiera crear el sitio de sus sueños.
En este tutorial, le mostraré cómo crear un sitio web de WordPress usando Elementor. Puede comenzar a diseñar algo espectacular hoy y comenzar a construir para mañana.
Configuración de WordPress y alojamiento
Lo primero que necesitará es alojamiento web y un nombre de dominio. Esta es la base de su sitio. Piense en ello como una forma de bienes raíces digitales que necesita comprar para construir su «casa» o «negocio».
Vaya a la página de alojamiento de WordPress de GreenGeeks y haga clic en «Comenzar». A continuación, seguirá las instrucciones de la página siguiente para configurar su cuenta. Puede registrar un nuevo nombre de dominio gratuito o transferir uno que ya tenga.
Una vez que configure su cuenta de GreenGeeks, tendrá acceso a cPanel . Este tablero viene con una variedad de herramientas para ayudarlo a tener éxito. Desplácese hasta la parte inferior de la pantalla hasta que vea la sección Instalador de aplicaciones Softaculous. Haga clic en el icono de «WordPress» e instálelo en su nuevo dominio.
Instalar Elementor
Ahora que su alojamiento y WordPress están listos para funcionar, es hora de instalar Elementor . Vaya a la sección Complementos de WordPress y haga clic en «Agregar nuevo».
Busque «Elementor» en el cuadro de texto de la derecha.
Instale y active el complemento «Elementor Page Builder».
Creando tu primera página con Elementor
Con el complemento instalado, ahora pasamos a crear la primera página. Vaya a la sección Páginas y haga clic en «Agregar nuevo».
Esta va a ser nuestra página de inicio. Título de la página «Inicio» y haga clic en el botón «Guardar borrador». Es una buena idea adquirir el hábito de guardar constantemente su trabajo. Esto reduce las posibilidades de perder todo si algo sucede.
Debajo del título, haga clic en el botón «Editar con Elementor» para abrir el editor del complemento.
Cree su página de inicio con Elementor usando una plantilla prefabricada
Quizás la forma más fácil de comenzar con Elementor es usar una plantilla prefabricada. Esto le dará la oportunidad de descubrir la configuración y explorar lo que la herramienta puede hacer en un entorno real.
Haga clic en el botón «Agregar plantilla» ubicado cerca del centro de su pantalla.
Elementor tiene una amplia gama de plantillas para elegir. Algunos son gratuitos, mientras que otros solo están disponibles en la versión Pro del complemento. Encuentre un diseño que le guste y haga clic en el botón «Insertar».
Haga su plantilla de Elementor de ancho completo
Cuando pase el mouse sobre la plantilla, verá un panel de control azul claro. El primer icono es un editor de la sección. Haga clic en este icono para cambiar la vista del panel izquierdo para editar la plantilla.
La primera opción disponible a la izquierda en Diseño es para estirar el diseño. Verá un tipo de interruptor que puede activar y desactivar. Haga clic en el interruptor para cambiar el diseño para que sea de ancho completo.
Cambiar el texto de la página de inicio
Ahora puede comenzar a personalizar el contenido de la página de inicio. Esto se hace utilizando las diversas herramientas a su disposición. Para editar cualquiera de los elementos de la página, simplemente haga clic en ellos y el panel izquierdo cambiará al editor de esa parte en particular.
Puede cambiar las fuentes, los colores, el tamaño e incluso cómo aparece cada una de las etiquetas de encabezado en la página.
Cambiar las imágenes de fondo
Otra parte importante de la personalización es cambiar la imagen de fondo. Usted querrá algo que le guste más a su sitio web.
Vuelva a la pantalla Editar sección y haga clic en «Estilo».
Elija una imagen diferente después de eliminar la que está allí.
Tienes muchas opciones cuando se trata de cambiar el fondo. Los degradados, el tamaño e incluso el contenido de video de YouTube se pueden usar en Elementor.
Cambiar los colores y las fuentes
Para cambiar los colores y las fuentes de su página de inicio, haga clic en el elemento que desea cambiar y haga clic en la pestaña «Estilo». Desde aquí, puede modificar los colores del texto usando un selector de color o escribiendo el código hexadecimal si lo tiene disponible. También tiene acceso a una amplia gama de fuentes para elegir.
Al elegir la apariencia de la fuente, es una buena idea tener una paleta fija que no incluya muchos colores diferentes. Un sitio que tiene demasiado que hacer a menudo distrae y puede hacer que el visitante se vaya casi de inmediato.
Una vez que haya completado los cambios, haga clic en el botón «Guardar» en la parte inferior izquierda.
Después de que Elementor guarde la página, haga clic en el ícono de Menú en la parte superior izquierda.
Haga clic en la opción «Configuración de página» de la lista del menú.
Cambie el menú desplegable Estado a «Publicado».
Haga clic en el icono «X» en la parte inferior izquierda para salir del editor y ver su página.
Establecer la página como la página de inicio de su sitio
Ahora que la página está creada y publicada, es hora de establecerla como página de inicio. Vaya al área de Configuración de WordPress y haga clic en «Lectura».
En la opción «Visualizaciones de la página principal», verá un botón de radio para mostrar una página estática. Esto le dice a WordPress que desea usar una página específica para la pantalla de inicio de su sitio web. Haz clic en el botón de opción junto a «Una página estática».
Ahora podrá cambiar las opciones de página principal y página de publicación. Por ahora, haga clic en la ventana desplegable y haga clic en la página «Inicio» que creó.
Desplácese hasta el final de la página de configuración y haga clic en el botón «Guardar cambios».
Su página de inicio ahora será la que creó en Elementor.
Crear el resto de las páginas de su sitio
La página de inicio no es la única sección que quizás desee ajustar. También tiene cosas como las páginas Acerca de nosotros o Contacto que quizás desee ajustar. En ese caso, simplemente siga los pasos del tres al nueve mientras cambia cada título de la página que desea crear.
Es importante tener en cuenta que es posible que deba cambiar sus widgets en WordPress para que su diseño se ajuste perfectamente. Además, debe tener en cuenta que algunos temas tienen configuraciones propias que es posible que deba ajustar para que todo el sitio encaje perfectamente.
Por ejemplo, puede haber algunos colores en su tema actual que desee ajustar. Hacer coincidir su esquema de color con el que eligió en Elementor hará que el sitio fluya mejor visualmente.
Personaliza tu sitio web hoy
Elementor le da control sobre la personalización de WordPress sin aprender una sola línea de código. El sistema hace todo el trabajo en segundo plano por usted. Desde la creación de páginas de destino que se conviertan hasta la simple creación de un aspecto elegante para el sitio, el complemento puede manejarlo todo. Lo único que necesitará agregar es un poco de su propia imaginación.
¿Qué tipo de herramientas de edición has usado en el pasado para WordPress? ¿Te gusta usar plantillas prediseñadas o diseños personalizados que creas desde cero?