Seguimos con la serie “Crear la web de un restaurante” en este caso vamos a iniciar la personalización de Melao tema html para restaurante, como es lógico comenzaremos con el header, la parte superior del sitio, lo que ven a primera los visitantes en cuanto ingresan al sitio.
Pero antes, es importante recordar que estamos trabajando como base con Melao Tema responsive Html / Css para restaurantes, cafeterías, bares. Sería muy interesante ir siguiendo esta serie de artículos/vídeos a medida que vas realizando las labores en tu propio equipo, por eso la invitación es a adquirir el tema, te dejamos los datos:
Melao Tema Html para restaurante
Melao Tema responsive Html / Css para restaurantes, cafeterías, bares es un tema ideal para restaurantes, bares y todos los derivados, que permitirá mostrar la información detallada del negocio, mostrando su menú, horarios de atención, promoción de eventos, formulario para reservaciones y varias opciones mas.
DEMO COMPRARRecuerda: Para tener una versión completa del proceso revisa el vídeo que encontraras al final de este post, o en nuestro canal de youtube.
Además puedes revisar el artículo inicial de esta serie: Crear la web de un restaurante
Header
Cuando un visitante ingrese lo primero que va llamar su atención sera la imagen destacada que elijamos para nuestro sitio, lo mas importante es que la persona que ingrese tenga la información básica del restaurante, ubicación, horarios de apertura y alguna imagen que le ayude a identificarlo.
Para modificar la imagen del Header, debemos encontrar en el archivo style.css desde el cual se realiza la asignación de background a la capa que es el contenedor del header. Quizá lo mas sencillo sera sobre escribir la imagen que se encuentra en la carpeta img, el archivo lleva el nombre de home-welcome.jpg.
Nombre del restaurante:
Es importante ubicar la etiqueta “H1” dentro de la sección “Home” , la capa “title-home”, allí podemos cambiar el nombre del restaurante, tal como lo muestra la siguiente imagen:
Horarios y Ubicación
Luego de cambiar el nombre del restaurante encontramos un div con clase “services-intro” desde donde se podrán cambiar esos valores de acuerdo a cada gusto:
Cambiar titulo Welcome
Si queremos que nuestro sitio este totalmente en español podemos cambiar también el titulo Welcome que viene por defecto para eso necesitamos 2 cosas:
- El archivo Psd que viene dentro de la descarga con el nombre de “curved welcome” , se debe abrir con Adobe Photoshop.
- El archivo de fuente “oswald regular” que se puede descargar desde este enlace
Vale recordar que este post es descriptivo y no haremos el paso a paso, para ello invitamos a ver el vídeo Inicio de personalizacion – Header, en nuestro canal de youtube, o al final de este artículo.