Áreas para Widgets en Mybooking Theme
En el Theme de Mybooking tenemos áreas para Widgets que permiten extender el tema. Estas áreas se pueden usar para incluir Widgets propios del nuestro plugin, de Wordpress o de terceros.
Antes de comenzar a leer este artículo conviene haber leído el artículo que describe la estructura de la página.
Estas áreas son:
Comunes
- Área de Notificación Superior: Es una barra opcional que inicialmente aparece oculta y que sirve para poner contenido destacado como. son avisos, notificaciones etc.
- TopBar Derecha: Es una zona en parte derecha de la barra superior donde se puede añadir contenido destacado o botones de acción.
- Menú principal: Es una zona a la derecha del menú en la barra de navegación que permite añadir contenido cómo por ejemplo Widgets para la internacionalización si se desea un sistema de navegación diferente al que provee Wordpress y sus plugins de idiomas, iconos, botones etc.
- Pié de página: Es la zona inferior de la página dividida en 4 columnas. El número de ellas puede variar en función de las necesidades.
Plantillas
- Plantilla Mybooking Home: Contiene zonas de Widget que permiten extender con contenidos adicionales la plantilla Mybooking Home.
- Área de widgets en la plantilla MyBooking Landing: Contiene zonas de Widget que permiten extender con contenidos adicionales la plantilla Mybooking Landing.
- Plantilla MyBooking Contact Formulario de contacto: Contiene zonas de Widget que permiten extender con contenidos adicionales la plantilla Mybooking Contact.
Comunes
Área de Notificación Superior y TopBar Derecha
El tema provee de dos barras en la zona superior: una para las notificaciones con fondo rojo en el ejemplo y otra para contenido de contacto con fondo verde.
La barra superior tiene la siguiente estructura:
| Zonas | Contenido |
| Área de notificaciones | Por defecto invisible; al añadir contenido se hace visible. Se puede añadir un Widget o contenido HTML desde Apariencia > Widgets > Área Notificación Superior |
| Área de contenido de contacto y/o destacado | Por defecto muestra teléfono, WhatsApp y/o email definidos desde Apariencia > Personalizar > Mybooking Theme > Contacto. Se puede ocultar desde Apariencia > Personalizar > Mybooking Theme > Barra superior. Se puede añadir un widget o contenido html en la parte diestra de la barra desde Apariencia > Widgets > TopBar Derecha. |
Menú Principal
La menú principal forma parte de la navegación en Mybooking Theme y está dividida en tres zonas:
- El logotipo o nombre del sitio y el subtítulo del sitio. Puedes consultar como modificarlo aquí.
- El menú principal. Puedes consultar como crearlos y editarlos aquí.
- Una zona de widgets a la derecha del menú útil para situar slectores, botones, iconos personalizados u otros widgets. Estos se añaden desde Apariencia > Widgets > Menú principal añadiendo un Widget u HTML personalizado en el espacio.
Pié de página
El pié de página de Mybooking Theme contiene dos zonas:
| Zonas | Contenido |
|---|---|
| Zona de columnas | Por defecto se muestran los datos de contacto definidos desde Apariencia > Personalizar > Mybooking Theme > Contacto. Las columnas son dinámicas, por lo que se mostrarán las columnas que contengan contenido, inicialmente las de los extremos. Este se puede definir o sobre escribir en las zonas de Widgets. Si no se desea se puede ocultar desde Apariencia > Personalizar > Mybooking Theme > Pié de página. |
| Zona de créditos | Es una zona donde se puede añadir HTML sencillo personalizado. Este se define en Apariencia > Personalizar > Mybooking Theme > Pié de página. |
Las áreas de Widgets se encuentran en la zona de columnas y corresponde con cada una de ellas:
- Pié de página uno: Por defecto muestra nombre legal, NIF o CIF, Dirección postal
- Pié de página dos: Vacío
- Pié de página tres: Vacío
- Pié de página cuatro: Por defecto muestra los iconos de las redes sociales, número de teléfono fijo y móvil así como dirección de correo electrónico.
Plantillas
Es aconsejable leer el artículo dedicado a las plantillas antes de abordar esta parte.
Plantilla Mybooking Home
La plantilla Mybooking Home se ha diseñado para dar respuesta a las necesidades propias de los negocios de alquiler y contiene varias zonas:
Cabecera
La cabecera de la página de inicio es el componente principal del tema, puesto que en un sitio web es el elemento que primero se ve al llegar, y es necesario que sea suficientemente flexible para que el visitante la diferencie de otros sitios que visite.
La cabecera de Mybooking tiene las siguiente funcionalidades:
- Dos zonas de widgets (izquierda y derecha)
- Cuatro layouts diferentes
Este componente se visualiza en la plantilla Mybooking Home y se configuran sus principales funcionalidades desde Apariencia > Personalizar > Mybooking Theme > Cabecera
Para saber cómo configurar la cabecera consulta el siguiente artículo.
Área superior
Es el área inmediatamente inferior la cabecera donde se puede añadir código HTML o Widgets para por ejemplo mostrar un listado con las características del negocio, bloques con llamadas a la acción etc. Por defecto esta vacía.
Zona centro
Es el área central. Normalmente incluye galerías de productos, detalles sobre el producto con textos descriptivos e imágenes etc. Esta dividida en tres columnas que se adaptan ocupando todo el ancho mostrando de 1 a 3 columnas. Por defecto esta vacía.
Área inferior
Es el área inmediatamente superior al pié de página. Normalmente muestra preguntas frecuentes, artículos del blog etc. Por defecto esta vacía.
Área de widgets en la plantilla MyBooking Landing
En la plantilla Mybooking Landing tenemos una área de Widget que permite añadir contenido a la barra lateral de la plantilla. Puedes arrastrar un Widget; por ejemplo un buscador o selector en el área y se mostrará allí.
La página mostrará la imagen destacada como imagen de fondo y el texto de la página ocupará la columna izquierda mientras el contenido del Widget ocupará la columna derecha.
Plantilla MyBooking Contact Formulario de contacto
En la plantilla Mybooking Contact se cargan por defecto los datos de contacto definidos en Apariencia > Personalizar > Mybooking Theme > Contacto.
En el mismo sitio se añadir un URL con la referencia del mapa de Google y se mostrará en la página.
De la misma manera por defecto se muestra un formulario de contacto que esta integrado con Mybooking. Si no se desea usar este formulario y se quiere sustituir por otro se puede hacer desde esta área de Widgets arrastrando un Widget con el formulario o con HTML personalizado que incluya el formulario.