Teoría WordPress

Entiende qué es WordPress y por qué te recomiendo utilizarlo

Teoría Elementor

Descubre qué es Elementor PRO y por qué te recomiendo que crees tu web utilizando este constructor

Teoría Hosting y Dominio

¿Hosting? ¿Dominios? Son cosas de las que nos ocupamos normalmente los informáticos... Pero si quieres hacerte tu propia web, también tendrás que entender de qué va esto... ¡Verás que es más fácil de lo que creías!!

Comprar hoting y dominio a la vez

Si empiezas desde cero (aún no tienes comprado tu dominio), mira este vídeo y sigue las instrucciones paso a paso.

Comprar hosting y redirigir dominio

Si ya habías comprado tu dominio anteriormente, este es el vídeo que debes ver para saber cómo enlazar tu nuevo hosting y tu dominio de siempre.

Certificado SSL

Configura tu certificado SSL para que tu web sea segura.

Instalar WordPress

¿Crees que instalar WordPress en tu nuevo y flamante hosting será complicado? Pues te vas a sorprender.

Conoce el entorno de WordPress

Si nunca habías trabajado con WordPress antes, este tour te ayudará a familiarizarte con él.

Ajustes generales

Esto sí, esto no... Déjalo todo a punto antes de empezar a crear tu web y te ahorrarás muchos quebraderos de cabeza.

Temas en WordPress

Elige y configura el tema de WordPress. ¿Que qué es eso? Te lo explico despacito.

Plugins

Los plugins son los responsables de la magia de WordPress. ¡Aprende a dominarlos!

Instalar Elementor PRO

Elementor PRO va a ser tu mejor amigo a partir de ahora.

Activar el modo mantenimiento

¡Que nadie vea lo que se está cociendo mientras está en el horno! Queremos que sea una sorpresa, y por eso ponemos una página de aviso de que estamos creando algo maravilloso. Y, de paso, aprendemos a usar Elementor :)

Crear una landing y previsualizar

¿Te mueres de ganas de tener tu primera landing page? Mira lo fácil que es con Elementor. Y aprende también a previsualizar tu página.

Los elementos de Elementor

En elementor hay un montón de elementos diferentes, con su jerarquía, su orden y su organización interna. Descubre cuál es para poder dominarlos a todos.

Textos y encabezados

Empecemos por el principio: cómo añadir y gestionar los textos de tu página web con Elementor.

Caja de icono

Aprende a utilizar los elementos complejos en Elementor.

Duplicar elemento

Multiplica los elementos para ir mucho más rápido.

Editar sección

Edita y configura el elemento base, el que los contiene a todos: la sección

Añadir sección desde cero

Añade una sección en blanco y juega con todo lo que puede contener.

Adaptabilidad: versiones tablet y móvil

Aprende cómo acceder a las versiones tablet y móvil de tu web

Valores globales: colores

Aprende a configurar tus colores corporativos para tenerlos a mano y que te sea muy fácil dar formato a toda la página

Valores globales: fuentes y tipografías

Configura también tus fuentes corporativas y verás qué sencillo es hacer tuya una web

Activar el modo de mantenimiento

Ahora que ya tienes todo configurado, ahora sí: vamos a activar el modo de mantenimiento y a ver cómo lo verán nuestros visitantes.

Crear una nueva página

Aprende a crear una nueva página con WordPress y Elementor

Las plantillas de Elementor

Descubre la infinidad de opciones de plantillas que tienes con Elementor PRO

Elemento Formulario

Aunque lo veremos en lecciones más avanzadas, aquí tienes una primera oportunidad de familiarizarte con el elemento formulario (para más información, ve al capítulo de email marketing)

Elemento Imagen

Uno de los elementos que más vas a utilizar en tu web, por descontado. Empieza a familiarizarte con las opciones de este elemento y piérdele el miedo a toquetear :)

Cambiar los colores y las fuentes, ajustar márgenes y relleno. Elemento mapa.

Partiendo de la plantilla que hemos elegido, vamos a cambiar de color todos los elementos para que se quede una página en coherencia con nuestra marca. Y también las fuentes. ¡Es facilísimo!

Plantillas de bloques

En Elementor no solo tienes plantillas de páginas completas, sino también los llamados «bloques», que te permiten crear una página realmente a tu gusto. ¡Descúbrelos!

Botones

Otro elemento imprescindible para crear tu página web. Descubre cómo se usa y aprende algunos truquillos por el camino.

Define tus servicios

No podemos empezar a crear tus páginas de servicios sin antes tener perfectamente claro cuáles son tus servicios, en qué consisten, cómo se estructuran... ¡Manos a la obra!

Crear página de servicios

Ahora que ya lo tienes todo claro y redactado, creemos tu página (o páginas) de servicios!

Guardar página como plantilla

Seguro que te has dedicado en cuerpo y alma a crear una página de servicios increíble. ¿Y si la pudieras aprovechar como plantilla para otras páginas? ¡Te enseño cómo!

Guardar elementos como plantillas

Pero no solo puedes guardar tus páginas completas como plantillas, sino también los elementos sueltos. En este caso, vamos a guardar un botón, que utilizaremos muchas veces!!

Mostrar precios. Anclas.

Elementor tiene opciones muy chulas para mostrar los precios de tus servicios. Y, por si no lo sabías, también puedes hacer que los enlaces dirijan a una sección concreta de tu página. Se llaman anclas, y son tremendamente útiles :)

Elemento Galería

Descubre cómo puedes mostrar una galería de imágenes increíble. Para ilustrar tus proyectos, enseñar tu local... ¡Lo que se te ocurra!

Página padre y duplicar página en WordPress

También tienes la opción de duplicar tus páginas directamente desde WordPress. Y de organizarlas en jerarquía. Descubre cómo.

Blog: introducción y nociones de SEO

¿Tu web va a incluir un blog? Descubre los pros y los contras de esta herramienta, y conoce algunas nociones de SEO muy fáciles de implementar en tu blog.

Gestión del blog con WordPress

Como ya sabes, WordPress se creó originalmente para albergar blogs, por lo que sus funcionalidades son muy potentes en este ámbito. Descubre todo lo que puedes hacer con WP antes de pasar a ponerlo bonito con Elementor.

Blog en Elementor: plantilla para entrada individual

Ahora que ya tienes controlado tu blog en WordPress, es hora de darle forma con Elementor, empezando por las entradas individuales.

Blog en Elementor: plantilla para la lista de entradas

También llamada «Archive». Esta plantilla será la que se usará en la página «Blog» de tu web, así que configúrala con sabiduría :)

Blog: aspecto final

Ya has configurado tanto la lista de entradas como las entradas individuales. Es el momento de disfrutar de tu creación.

Introducción a la página de inicio

Es la página más importante de tu web, y por eso la dejamos para el final. Descubre cómo sacarle el máximo partido.

El banner de inicio: el wow de tu web

Vamos a detenernos bastante en esta sección ya que, como sabes, solo hay una oportunidad para crear una primera impresión. Hay multitud de opciones para diseñar y crear tu banner. Míralas todas y elige las que más te gusten y te representen :)

Email marketing

Si lo deseas, puedes instar a los visitantes de tu web a suscribirse a tu lista de correo. Pero, ¿cómo se hace eso con Elementor? Te lo cuento en detalle.

Primeros pasos con las páginas legales

En esta lección crearás las páginas necesarias en WordPress e instalarás el plugin «Complianz», en su versión gratuita o, si lo prefieres, de pago (tendrás más opciones), que te permitirá gestionar todas las opciones de tus páginas legales. ¡Verás qué fácil es!

El asistente de Compliaz

Complianz es un plugin muy completo, con un montón de opciones. Para que no se te salte ninguna, han creado un asistente que te va guiando en todo el proceso. ¡Vamos a hacerlo juntas!

El banner de cookies

Si hay algo que nos trae de cabeza a los desarrolladores web es la legislación sobre cookies. Ufff... Bien, pues con Complianz lo tienes cubierto. Lo único que tienes que hacer es configurar el banner para que quede precioso en tu web. Te explico cómo en este vídeo.

Añadir páginas legales al menú

El último paso es dejar disponibles todas las páginas legales para los usuarios. ¡Verás lo fácil que es!

Menús en WordPress

Ahora que ya tienes toooodas las páginas que conforman tu sitio web, es el momento de crear los menús para que estén accesibles.

Cabecera en Elementor

Junto con el banner, la cabecera es la parte que antes verán tus visitantes. Cuídala para que trabaje para ti.

Pie de página en Elementor

Al contrario que la cabecera, el footer o pie de página es un lugar en el que puedes incluir mucha información, ya que no molesta a los usuarios en su navegación por tu web. Dales acceso a todo lo necesario para que no se pierdan nada.

Revisar versión de escritorio

¡Ya está!!! Solo nos queda revisar. Asegúrate de que todo está como quieres, primero, en la versión de escritorio.

Revisar versiones de tablet y móvil

Una vez hayas revisado la versión de escritorio, puedes pasar a la tablet y, después, al móvil. Descubre cómo.

Tu web, por fin, ONLINE

ha llegado el momento que tanto esperabas. Por fin tienes lista tu web y puedes darle al botón de publicar. Pero, espera... ¿Existe ese botón? ¿Cómo se publica una web? ¡Te lo cuento!

¿Y ahora qué?

Ya tienes tu web online!!! Has hecho un grandísimo y maravilloso trabajo y verás como muy pronto recoges sus frutos. Pero... ¿y si quieres más más? Te cuento cómo puedes mejorar aún más tu web: