¿Cómo crear una página web?
Antes de empezar
Hemos de tener la siguiente información:
- Logo
- Estudio de "branding" (opcional) lo que nos permitirá determinar:
- Colores
- Tipografía
- Contenidos
Pasos a realizar
- Definir el estilo
- Trabajar los contenidos
- Trabajar el SEO
Definir el estilo
Vamos a definir la tipografía, los colores de la web y el logo. Si la empresa tiene un documento de branding utilizaremos los colores y la tipografía de este documento.
¿Qué sucede si el cliente no nos da esta información? Lo vamos a extraer del logo de la empresa
De aquí extraemos 2 colores (puedes utilizar Photopea, Photoshop o similar)
- Negro: #2b2d2c
- Rojo: #d65555
Apariencia > Personalizar
Cargar el logotipo y el favicon
Identidad del sitio
Colores
Vamos a utilizar la configuración del tema de Mybooking. En personalización ves a Mybooking theme > colores
- Color primario => Botones, navegación en el programa
- Primario claro => https://mdigi.tools/lighten-color
- Primario oscuro => https://mdigi.tools/darken-color/
- Color secundario
- Secundario claro
- Secundario oscuro
Hay unos colores en el contenido que no se cambian al definir el color primario. ¿Por qué? Porque estos contenidos están creados con Elementor. Hemos de ajustar la paleta de colores de Elementor.
Vamos a tener que acceder a la web y pulsar en [Editar con Elementor]
Desde ajustes del sitio ir a colores globales
Todavía quedan cosas por ajustar
- Buscador "sticky" (que se desplaza al hacer scroll)
- Menús
Buscador sticky
En Apariencia > Personalizar > Mybooking theme > Formularios de reserva
Menú superior
Apariencia > Personalizar > Mybooking Theme > Navegación
- Color resaltado de los enlaces
- Color del enlace de navegación activo
Menú pie de página
Apariencia > Personalizar > Mybooking Theme > Pie de página
Color de los enlaces resaltados
Trabajar los contenidos
- Datos de la empresa y redes sociales
- Página de contacto
- Páginas legales
- Términos y condiciones
- Aviso legal
- Política de privacidad
- Política de cookies
- Página de inicio
Datos de la empresa y redes sociales
Esta información se muestra en el pie de página de la web y se configura en Apariencia > Personalizar > Mybookig theme > Contacto
Esta información la podemos extraer de Mybooking
Página de contacto
Navegar a través de la web y pulsar [Editar con Elementor]
En el enlace del teléfono si ponemos tel:número te abre la llamada desde el móvil
En el enlace del email, si ponemos mailto:email te abre el programa de correo desde el móvil o el ordenador
Una vez hayas aplicado los cambios, pulsar el botón [Publicar]