¿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


  1. Definir el estilo
  2. Trabajar los contenidos
  3. 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





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]

Repasar el SEO

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us