Olio – One Page

Toda tu oferta bajo una sola dirección web

Agencia, diseño, consultoría y fotografía caben sin problema en una página larga. Quien la recorre lo ve todo de un vistazo. Pero esa página tiene un solo título y una sola descripción para los buscadores, y cuando alguien busca uno de esos servicios, tu web responde con el mismo enlace para todo.

Una página única reparte su fuerza entre cada tema que toca, así que antes de elegir este formato conviene decidir qué búsqueda debe ganar. Si tienes una oferta principal, esa concentración ayuda. Si vendes varios servicios muy distintos, necesitarás contenido adicional que los trate por separado.

Olio, de themexriver, es un tema de WordPress de una página con tres variaciones de landing. Reúne en un mismo recorrido las secciones, el portafolio y los formularios, con un menú que acompaña al visitante mientras baja.

Las piezas con las que se arma el recorrido

• Tres variaciones de landing: distintas disposiciones para la página principal.
• Menú fijo al bajar: la navegación sigue a la vista durante el desplazamiento.
• Portafolio filtrable: adaptable a cada pantalla, para separar trabajos por tipo.
• Secciones parallax: bloques con efecto de profundidad al desplazarse.
• Formularios: un formulario general y otro de suscripción.
• Blog: un espacio para publicar entradas además de la landing.

Cómo se edita y sobre qué está construido

Las páginas se trabajan con Visual Composer y los ajustes generales pasan por Redux Framework. Ahí se concentra el control de colores del tema y sus opciones globales. También está optimizado para Gutenberg y preparado para widgets y pantallas de alta resolución.

Por debajo usa Bootstrap, estilos en SASS, HTML5 y CSS3 válidos y archivos comentados, algo útil si un desarrollador va a retocar el código. Admite fuentes de Google y funciona en Chrome, Firefox, Safari, Opera y Edge.

Qué conviene resolver fuera del tema

Entre sus funciones no hay tienda, reservas ni pagos. Si necesitas cobrar desde la web, tendrás que sumar una solución específica y comprobar que convive con el diseño.

Las tres variaciones son diseños de landing, y no plantillas para un sector concreto: tus textos, tus fotos y el orden de las secciones siguen siendo tarea tuya.

El efecto parallax y las transiciones suman movimiento, así que pruébalos en un teléfono real antes de publicar. Lo mismo vale para el menú fijo cuando la lista de enlaces crece.

Primeros pasos con la landing

Una ruta sencilla para pasar de la instalación a una página propia:

1. Instala y activa el tema junto con Visual Composer.
2. Importa la demo con su instalación simplificada. Hay documentación en video como apoyo.
3. Elige una de las tres variaciones según tu oferta principal.
4. Define colores y opciones globales desde el panel del tema.
5. Sustituye textos, imágenes y proyectos, y ordena las secciones.
6. Envía una prueba desde cada formulario para confirmar a dónde llegan los datos.

Para una conferencia o una web con muchas páginas

Para una conferencia, Aleb trae ponentes, programa e inscripción con diseño de una o de varias páginas. Si tu web va a crecer con muchas páginas diseñadas a medida, Divi reúne tema y constructor visual. Dentro del mismo formato también puedes revisar Naila.

Si estás valorando Olio para tu landing

¿Solo sirve para una página?

Es su formato principal, pero también tiene blog, y las entradas ofrecen direcciones propias para tratar temas concretos.

¿Cuántas variaciones trae?

Tres variaciones de disposición para la landing.

¿Puedo cambiar los colores sin tocar código?

Sí. El panel de opciones incluye control de colores del tema.

¿Funciona con el editor de bloques?

Está optimizado para Gutenberg y es compatible con Visual Composer.

¿Se puede filtrar el portafolio?

Sí. El portafolio es filtrable y se adapta al tamaño de pantalla.

¿Sirve para vender productos?

Entre sus funciones no hay tienda. Para vender, hará falta una herramienta adicional.