PLANTILLA ENFOLD: Responsive Polivalente

A la hora de elegir plantilla para nuestra web, estuvimos haciendo un estudio amplio de los diferentes themes o plantillas que la web nos podía ofrecer. Finalmente nos centramos en Theme forrest que nos ofrecía, dentro de su amplio catálogo de plantillas de WordPress, este diseño de los desarrolladores Kriesi, decantandonos finalmente por la plantilla Enfold, que ahora os vamos a desgranar todo los detalles de la misma.

Enfold es una plantilla utilizada por más de 180.000 páginas web. Con un gran soporte técnico y actualizaciones gratuitas. Tiene una interfaz muy sencilla de usar (nosotros te la haremos más fácil aún si cabe) y muy buena calificación en el portal de distribución.

El precio de la plantilla es de 59$, lo puedes descargar en el siguiente enlace. Aquí te destacamos las características que nos da el desarrollador:

Diseño limpio y moderno
Arrastrar y soltar
Búsqueda rápida interactiva
Traducción preparada
Woocommerce preparado
Woocommerce soporte de reservas
Plugin multilingüe preparado
Diseño Responsive

Calendario de eventos integrados.
Slider de Diapositivas 3D y 2D
Soporte de vídeo y diapositivas
Ilimitadas opciones de color
Barras laterales únicas
Página de portfolio interactivo
Actualizaciones gratuitas de por vida.
Generador de formularios de contacto

Diseño sencillo de páginas web
Gran base de SEO
Compatible con los plugins de SEO más importantes
Foro ppPress preparado
Efecto parallax
Polivalente
Más de 20 demos que puedes ver (Aquí)

Apartados para configurar en la pestaña de Enfold:

1. OPCIONES DEL TEMA

Para acceder a estas opciones tenemos que dirigirnos a la pestaña Enfold en el Escritorio de nuestro WordPress.

Las opciones editables que nos da este apartado son:

Página de inicio:
Aquí podremos elegir, en un desplegable, entre todas las páginas que creemos en WordPress.

¿Dónde quieres que se muestre el blog?:
En el caso que quieras elegir una de las páginas para mostrar el blog debes seleccionar una, al igual que en el apartado anterior por medio del desplegable. Si no quieres que se muestre en ninguna, puedes dejar la opción que viene por defecto.

Logo:
Puedes subir un logotipo que tengas en tu equipo, una URL o ID si la imagen ya la tienes cargada en tú página. Ten en cuenta que el logotipo predeterminado de los temas se aplica si el campo de entrada se deja en blanco.
Dimensión del logotipo: 340px x 156px (si su logotipo es más grande, es posible que deba cambiar el tamaño del encabezado en la configuración del Header)

Favicon:
Es el icono de página y la forma de incluirlo es la misma que en la opción de logo. Los formatos aceptados para este campo son: .ico, .png, .gif
Más información sobre favicon Aquí

Precarga de Página:
Muestra un preloader antes de cargar la página (el clasido circulo que va dando vueltas de Youtube)
En el caso de marcar esta opción, verás que puedes elegir una transición suave para el cambio de página, pero esto puede dar problemas con algunos complementos.
Puedes subir un dibujo o logo preparado para este fin.

Ventana Lightbox:
Habilita el lightbox predeterminado que se abre cuando pinchas una imagen con enlace. Solo es recomendable desactivar si tienes un complemento que se ocupe de ese fin.

Bloquear creador de diseño avanzado:
Elimina la capacidad de mover o eliminar elementos del generador de plantillas existentes, o agregar elementos nuevos para todos los que no son administradores.

Marcador de HTML automatizado de Schema.org:
El tema agrega un marcado genérico de esquema HTML a los elementos del generador de plantillas para proporcionar un contexto adicional para los motores de búsqueda. Si desea agregar su propia marca específica a través de complementos o código HTML personalizado, puede desactivar esta configuración.

2. ESTRUCTURA GENERAL

Vamos a la siguiente pestaña de Enfold.

La estructura general que será la que adopte toda nuestra página. Lo primero que nos encontramos es una representación del orden que adoptará nuestra página para que nos hagamos una idea de como quedará. Aquí vemos un ejemplo:

Ésta configuración la podemos ir modificando con las siguientes dos opciones, diseño y dimensiones.

Diseño:

Tenemos tres opciones de caja.
La que viene por defecto es la Diseño Estirado, que ocupa todo el ancho de la ventana gráfica y se adapta a las dimensiones que tenga cada equipo.
La segunda opción es Diseño Encajado, en este caso se elige un ancho en pixeles, que incluiremos en la siguiente opción de la pestaña (dimensiones), el cual respetará en todas.

Lo siguiente que podemos elegir su ubicación es el logo. Las opciones son: Arriba, Barra lateral (Izquierda) y Barra lateral (Derecha).

Dimensiones:

Sitio Responsive
Tendremos que ticar √ para que nuestra página adapte el contenido a las pantallas de los distintos dispositivos en los que se puede ver, ya sea PC, portátil, tablet o smartphone.

La segunda opción que tenemos es la dimensión de Ancho Máximo del contenedor, que la tendremos que introducir en pixseles.

La tercera es la relación entre contenido y barra lateral, en este caso los datos serán el tanto por ciento que se le asigna a cada una, siendo el total el resultado elegido en el apartado siguiente. También tienes la opción de desactivar la barra lateral en el apartado Barra Lateral.

La ultima es en la que elegimos la cantidad de espacio que ocupará el ancho combinado del contenido y la barra lateral. Recuerda que no se podrá elegir más del 100% por motivos lógicos.

3. ESTILOS GENERALES

Ahora vamos a Darle color al tema.

Estilos Generales Enfold

Podemos elegir algunas de las combinaciones de color que vienen construidas por defecto en el Theme. Estas combinaciones podemos quedárnoslas tal y como están o bien podemos modificar poco a poco o mucho a mucho. Justo debajo de esta serie de colores tenemos una ventana de la visión aproximada de como quedará la página con cada combinación. Para que no tengamos dudas.

Colores de Theme Enfold

Si no te convence del todo, vamos a darnos el currazo de ir cambiando los colores por partes en las siguientes pestañas: