PORTFOLIO Ana Barberá Desarrollador web

Secciones de la página de inicio > Suscríbete

Hestia tiene una sección de suscripción a lista de correos. Necesita el plugin SendinBlue (o otro similar como MailPoet), además de tener registrada una cuenta en el servicio.

Secciones de la página de inicio > Contacto

Aquí necesitamos el plugin WPForms,. Una vez activado, aparecerá automáticamente el formulario, sin necesidad de más configuraciones.
Aparte de las secciones Deshabilitar sección, Título de la sección y Subtítulo de la sección tenemos:
Imagen de fondo, Título del formulario, Contenido de Contacto donde podemos usar el código corto de otro plugin de formulario y añadir un texto para que se muestre debajo del título y subtítulo (en el botón Editar).

Opciones de la cabecera > Barra muy arriba

Aquí se podrán añadir widgets del lado izquierdo, y un menú del lado derecho. Para no mostrar la barra, seleccionar la casilla Deshabilitar sección.

Opciones de la cabecera > Navegación

Se podrá elegir entre tres diseños de cabecera: con el logo alineado a la izquierda, con el logo centrado, y con un área de widgets a la derecha. También se podrá activar o desactivar la barra de navegación transparente, y un icono de búsqueda a la derecha del menú.

Opciones de la cabecera > Ajustes de la cabecera

Para el diseño de cabecera en las entradas y páginas: con el título e información meta sobre la imagen de fondo, o con la imagen por encima del contenido. También para el diseño de la página del producto: con o sin imagen de cabecera. Las entradas mostrarán la imagen que se defina en Cabecera actual si no tienen asignada una imagen destacada (de lo contrario, siempre mostrarán la imagen destacada). Si no se selecciona una imagen se mostrará el color de acento del tema y un color de degradado que se puede establecer con el selector de la parte inferior. Si se marca Activar imagen de la cabecera del ancho del sitio se mostrará la imagen en todas las páginas y entradas (omitiendo las imágenes destacadas asignadas en cada una).

Opciones del pie de página

A partir de la versión 2.4.9 existe la opción de editar los créditos del pie de página en este panel. El campo Agradecimientos en el pie de página admite código HTML.

Ajustes del blog

En este panel podremos seleccionar una categoría de entradas para mostrar como destacada en la página del Blog. Si no deseamos mostrarla, simplemente elegiremos Deshabilitar sección del menú desplegable.
También podemos escoger uno de los dos diseños: Lista de entradas y Lista de entradas con imágenes alternadas. El diseño de blog en cuadrícula está disponible solo en la versión PRO.
Y además, tendremos la posibilidad de elegir cuántas categorías mostrar para cada entrada, si usamos un extracto o el contenido de la entrada, y el tipo de paginación

Menús > Ubicaciones de menús

Este tema soporta tres menús: Menú principal, Menú del pie de página y Menú de la barra superior (solo se verá si está activada). Tendremos que seleccionarlos de los menús desplegables, y podremos editarlos desde el administrador de WordPress Apariencia > Menús o desde dentro del Personalizador.

Configurar el menú principal

Como el tema está diseñado para presentarse en una sola página con efecto Parallax, la página de inicio se ha dividido en varias secciones. Enlazar a esas secciones en el menú es muy simple, y todo lo que necesitamos es añadir los anclajes correspondientes en un elemento de menú Enlace personalizado.

Los siguientes son los anclajes a la URL de cada elemento del menú:
#carousel-hestia-generic para la sección del Carrusel
#about para la sección “Quiénes somos”
#features para la sección “Características”
#team para la sección “Equipo”
#products para la sección “Tienda”
#subscribe para la sección “Suscripción”
#testimonials para la sección “Testimonios”
#blog para la sección “Blog”
#contact para la sección “Contáctenos” .

Añadir iconos al menú

Para usar iconos en los elementos del menú bastará con ir a Apariencia > Menús y seleccionarlos del menú desplegable que aparecerá al hacer clic en el botón + de la izquierda de la etiqueta. Nota: deberá estar activado el módulo Iconos de menú en la página de Ajustes generales del plugin Orbit Fox.

Añadir estilos de botón al menú

Al igual que con los iconos, existen clases que podemos usar en cada elemento del menú para darle estilo. Ahora sí en el campo Clases CSS tendremos que agregar la clase btn, seguida de una de las clases de la siguiente lista:

Si añadimos además la clase btn-round, el botón tendrá un borde redondeado. Existe también la clase btn-primary, que tomará el color que se haya configurado como color de acento en el panel Colores del Personalizador.

Configurar el menú del pie de página

El menú del pie de página se configura desde Apariencia > Menús y se asigna a la ubicación Menú del pie de página. A partir de la versión 1.1.37 se incluye soporte para iconos de redes sociales, con lo cual bastará con escribir la URL del perfil, y el nombre de la red social en el campo Etiqueta de navegación, y el tema lo convertirá en el icono correspondiente. Están incluidas las principales redes, además del icono del teléfono (URL con el prefijo tel:) y del correo electrónico (URL con el prefijo mailto:).

Para ver los campos Atributos del título, Clases CSS y Abrir enlace en una pestaña nueva, tendremos que activarlos desde las Opciones de pantalla, como se muestra a continuación:

Widgets

Tenemos tres áreas de widgets debajo de la sección Contacto y antes del pie de página. También existen siete áreas de widgets más que no se muestran en la página de inicio: Barra lateral (que se muestra en entradas y páginas), Suscribirse, Sección de suscripción al blog (disponible para Hestia Pro), Barra lateral de WooCommerce, Barra superior, Navegación y Sección de título grande.

La versión Pro incluye además un carrusel o fondo de vídeo para usar en la cabecera, la sección Portfolio y Precios, más ajustes del blog y posibilidad de cambiar el orden de las secciones desde el Personalizador con la herramienta arrastrar y soltar.