Página de demostración del tema Editorial Pro. Recorre la biblioteca atómica de
componentes, los bloques modulares y los shortcodes. Es una página de prueba: puedes
borrarla o ponerla visible: false cuando termines.
Editorial Pro
Todos los componentes del tema en una sola página.
Un vistazo rápido a la biblioteca de componentes, los bloques modulares y los shortcodes del tema.
image admite un archivo de la propia página (float.jpg), un archivo del gestor
multimedia del sitio (media://nombre.jpg) o una URL absoluta (https://…). En los
tres casos la ruta se resuelve sola; ya no se antepone la carpeta de la página a una
URL externa.
Imagen tomada de la carpeta de la página y alineada a la izquierda con
direction="left". Cambia a right para alinearla al otro lado.
La misma idea, pero la imagen viene del gestor multimedia del sitio mediante
media://, así que se puede reutilizar en cualquier página.
La misma idea, pero la imagen viene del gestor multimedia del sitio mediante
media://, así que se puede reutilizar en cualquier página.
Flex row
La rejilla es de 12 columnas. El parámetro class del shortcode ed-flex-row controla
la separación y la alineación (gtr-0, gtr-25, gtr-50, gtr-150, gtr-200,
aln-top, aln-middle, aln-bottom, aln-left, aln-center, aln-right,
aln-between, aln-around, aln-evenly), y cada column reparte el ancho con col-N
más variantes responsive (col-N-small, col-N-medium, col-N-large, col-N-xlarge).
Dos columnas (1 en móvil)
Columna 1
Contenido de la primera columna.
Columna 2
Contenido de la segunda columna.
Tres columnas (1 → 2 → 3)
Uno
Primera de tres.
Dos
Segunda de tres.
Tres
Tercera de tres.
Cuatro columnas (2 → 4)
A
Uno
B
Dos
C
Tres
D
Cuatro
Asimétrica 8 / 4 con alineación centrada
Principal (8/12)
Columna ancha para el contenido destacado. Con aln-middle las columnas se centran
verticalmente aunque tengan alturas distintas.
Lateral (4/12)
Columna estrecha.
Seis columnas (3 → 6)
1
Uno
2
Dos
3
Tres
4
Cuatro
5
Cinco
6
Seis
Accordion (shortcode)
Un tema moderno para Grav 2.x.
ReadingTime (requerido) e Intl (opcional).
Tabs (shortcode)
Contenido de la pestaña General.
Contenido de la pestaña Diseño.
Contenido de la pestaña Avanzado.
Accordion
Paneles desplegables accesibles (WAI-ARIA APG).
Introducción a la izquierda del acordeón. Esta disposición se activa con
accordion_layout: split; usa split-reverse para ponerla a la derecha.
Un tema moderno para Grav 2.x, con Tailwind CSS 4 y Alpine.js.
Grav 2.x o superior. No hay compatibilidad con Grav 1.7.
ReadingTime (requerido) e Intl (opcional).
Tabs
Pestañas horizontales y verticales con deep linking.
Introducción a la derecha de las pestañas (tabs_layout: split-reverse). Cambia a
split para ponerla a la izquierda, o a stacked para apilarla encima.
Contenido de la pestaña General.
Contenido de la pestaña Diseño, activa por defecto.
