Cómo hacer un sitio web con WordPress y Elementor










  • 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.

    Instalador de WordPress

    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".

    Agregar nuevo complemento

    Busque "Elementor" en el cuadro de texto de la derecha.

    Elementor

    Instale y active el complemento "Elementor Page Builder".

    Complemento Elementor

    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".

    Agregar nueva página

    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.

    Guardar borrador

    Debajo del título, haga clic en el botón "Editar con Elementor" para abrir el editor del complemento.

    Editar con Elementor

    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.

    Agregar plantilla

    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 clic en 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.

    Icono de diseño

    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.

    Haga clic en Cambiar

    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.

    Editar partes de Elementor

    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".

    Estilo

    Elija una imagen diferente después de eliminar la que está allí.

    Nueva imagen

    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.

    Pestaña Estilo

    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.

    Botón Guardar

    Después de que Elementor guarde la página, haga clic en el ícono de Menú en la parte superior izquierda.

    Menú

    Haga clic en la opción "Configuración de página" de la lista del menú.

    Configuración de página

    Cambie el menú desplegable Estado a "Publicado".

    Publicado

    Haga clic en el icono "X" en la parte inferior izquierda para salir del editor y ver su página.

    Ver pagina

    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".

    Asientos 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".

    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ó.

    Página de inicio

    Desplácese hasta el final de la página de configuración y haga clic en el botón "Guardar cambios".

    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.

    Contáctenos

    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?










  • Subir