vsble te ofrece un sistema de diseño muy flexible.
Cada diseño de página y de álbum puede controlarse por separado para escritorio y móvil, para que puedas crear un sitio web que se vea impactante en pantallas grandes y siga siendo práctico y limpio en teléfonos.
Este artículo explica cómo funciona.
1. Cada página puede tener su propio diseño
Cada página de tu sitio web puede usar su propio diseño.
Esto significa que no estás limitado a un único diseño de página en todo el sitio web.
Por ejemplo, tu página de Inicio puede verse completamente diferente de tu página de Portafolio, Sobre mí o Contacto.
Puedes elegir el diseño de cada página en el Panel de Diseño.
Importante
Cada página puede tener:
un diseño para escritorio
otro diseño para móvil
Así que la misma página puede tener estilos diferentes dependiendo del dispositivo.
Por ejemplo:
en escritorio, una página puede usar un diseño editorial más espacioso
en móvil, la misma página puede usar un diseño más simple y compacto para facilitar el desplazamiento
Selección de diseño de página para escritorio y móvil
Los diseños de página se pueden seleccionar entre diferentes estilos de plantilla o diseños de cuadrícula clásicos con distinta cantidad de filas.
Selección de diseño para páginas en escritorio:
Selección de diseño para páginas en móvil:
2. Los álbumes también pueden tener diseños separados para escritorio y móvil
Si una página contiene álbumes, estos también tienen sus propios ajustes de diseño.
Al igual que las páginas, los diseños de los álbumes se pueden configurar por separado para:
escritorio
móvil
Esto es útil porque la presentación de los álbumes a menudo necesita funcionar de manera diferente en distintos tamaños de pantalla.
Ejemplo
Puedes elegir:
un diseño de álbum más elaborado y animado en escritorio
una cuadrícula de 2 columnas más práctica en móvil
Esto te permite crear una experiencia visual más rica en pantallas grandes mientras mantienes la navegación simple y fácil de usar en pantallas pequeñas.
Selección de diseño de álbum para escritorio y móvil
Los diseños de álbum se pueden seleccionar entre diferentes estilos de plantilla, diseños de cuadrícula clásicos o opciones de desplazamiento vertical u horizontal con diferentes opciones de ubicación de leyendas.
Selección de diseño para álbumes en escritorio:
Selección de diseño para álbumes en móvil:
3. Los diseños de álbum siempre se aplican a todos los álbumes de la misma página
Esta es una regla importante:
Si cambias el diseño del álbum para una página, ese diseño se aplicará a todos los álbumes de esa página.
Por lo tanto, los diseños de álbum no se asignan individualmente a cada álbum.
En su lugar, la página define cómo se muestran los álbumes en ella.
Ejemplo
Si tu página Portafolio contiene los álbumes:
Moda
Retratos
Viajes
y asignas un determinado diseño de álbum a esa página, los tres álbumes seguirán ese mismo diseño.
Esto mantiene la consistencia visual de la página.
4. Diferentes páginas pueden usar diferentes diseños de álbum
Aunque todos los álbumes de una página comparten el mismo diseño, páginas diferentes pueden usar diseños diferentes.
Eso significa que:
La Página A puede usar un diseño de página y un diseño de álbum
La Página B puede usar otro diseño de página y otro diseño de álbum
Ejemplo
Tu página de Portafolio puede usar un diseño de álbum minimalista
Tu página de Diario puede usar un diseño de álbum más dinámico
Tu página de Archivo puede usar un diseño de álbum basado en una cuadrícula limpia
Entonces, el diseño es consistente dentro de una página, pero no necesita ser el mismo en todo el sitio web.
5. Qué es realmente una plantilla
Una plantilla en vsble no es solo un diseño único.
Una plantilla es una combinación de:
diseños de página
diseños de álbum
configuración de escritorio
configuración de móvil
Así que cuando seleccionas una plantilla, estás eligiendo una combinación predefinida de cómo se diseñan las páginas y los álbumes en el escritorio y el móvil.
6. Las plantillas se pueden cambiar de forma independiente para escritorio y móvil
Una de las partes más potentes del sistema es que puedes cambiar los diseños de forma independiente.
Eso significa que puedes cambiar:
el diseño de página en escritorio
el diseño de página en móvil
el diseño de álbum en escritorio
el diseño de álbum en móvil
todo por separado.
No estás obligado a usar la misma lógica de diseño en todos los dispositivos.
Ejemplo
Podrías usar:
un diseño de página atrevido a ancho completo en escritorio
un diseño de página apilado más limpio en móvil
un diseño de álbum animado en escritorio
un diseño de álbum de cuadrícula simple de 2 filas en móvil
Esto te da mucho más control sobre cómo los visitantes experimentan tu sitio.
7. Puedes guardar tus propias configuraciones de plantillas
Una vez que hayas combinado los diseños como quieras, puedes guardar esa configuración como tu propia plantilla personalizada.
Esto te permite:
crear tus propias versiones de diseño
cambiar entre ellas más tarde
restaurar una configuración guardada sin tener que reconstruirla de nuevo
Tu plantilla guardada puede incluir:
diseños de página elegidos
diseños de álbum elegidos
colores
fuentes
ajustes de página
combinaciones para escritorio y móvil
Esto es útil si quieres probar diferentes looks o tener varias direcciones de diseño listas para usar.
8. Tu contenido se mantiene igual
Cambiar los diseños no elimina tu contenido.
Tus:
fotos
páginas
álbumes
textos
estructura
permanecen en su lugar y se adaptan automáticamente al diseño que elijas.
Así que puedes rediseñar el aspecto del sitio sin necesidad de reconstruir el contenido en sí.
9. En pocas palabras
Aquí tienes la forma más fácil de entenderlo:
Páginas
Cada página puede tener su propio diseño para escritorio y móvil.
Álbumes
Los álbumes también pueden tener diseños separados para escritorio y móvil.
Regla importante
Todos los álbumes de la misma página siempre comparten el mismo diseño de álbum.
Plantillas
Una plantilla es una combinación de diseños de página y álbum en escritorio y móvil.
Flexibilidad
Puedes cambiar todo esto de forma independiente y guardar tus propias versiones de plantillas personalizadas.
Escenario de ejemplo
Digamos que tienes dos páginas:
Página de portafolio
Diseño de página de escritorio: diseño editorial elegante
Diseño de página móvil: diseño apilado simplificado
Diseño de álbum de escritorio: vista previa de álbum animado
Diseño de álbum móvil: cuadrícula limpia de 2 columnas
Página de diario
Diseño de página de escritorio: diseño más minimalista
Diseño de página móvil: diseño de desplazamiento compacto
Diseño de álbum de escritorio: vista de miniaturas clásica
Diseño de álbum móvil: cuadrícula práctica
En este caso:
cada página tiene su propio diseño
los álbumes en cada página siguen el diseño de álbum asignado a esa página
el escritorio y el móvil pueden comportarse de manera diferente
todo sigue siendo flexible y consistente
Conclusión
El sistema de diseño de vsble te da mucha libertad sin que las cosas se vuelvan caóticas.
Puedes:
elegir diseños diferentes para cada página
establecer diseños separados para escritorio y móvil
asignar diseños de álbum por página
mantener todos los álbumes de una página visualmente consistentes
mezclar y guardar estos ajustes como tus propias plantillas personalizadas
Esto hace posible crear un sitio web que se sienta mucho más cuidado, refinado y adecuado para cada dispositivo, sin tener que reconstruir tu contenido cada vez.