Widget de contenido unificado
El widget de contenido unificado (zittme_content) es un widget responsivo que muestra publicaciones y comentarios de los tableros de distintas formas. Viene incluido en el núcleo desde la 0.0.02.
La idea central es una sola: 1 widget = 1 fila horizontal. Divides la fila en 1 a 4 espacios (columnas) y conectas un tablero a cada espacio. Si apilas varios de estos widgets, tienes lista una página principal tipo portal.
Inicio rápido
- Abre Administración > Widgets, o la inserción de widgets al editar una página.
- Elige Widget de contenido unificado y deja el ancho en 100%.
- En Composición de la fila, elige un preajuste. Ej.: "Revista 58 + Lista 42"
- Escribe la dirección del tablero (mid) en los espacios 1 y 2. Ej.: espacio 1
notice, espacio 2free - Guarda y listo. Si necesitas más filas con otra composición, agrega otro widget debajo de la misma forma.
- Proporción de ancho: sepárala con dos puntos. Ej.:
100,50:50,62:38,33:33:33,25:25:25:25(máximo 4 columnas) - Formato del espacio: elige para cada espacio entre lista/webzine/miniaturas/revista/mixto/pestañas/comentarios recientes
- Puedes combinar varios tableros separándolos con comas:
free,humor(combinados, del más reciente al más antiguo) - Si escribes
*, se incluyen todos los tableros del sitio (también funcionaall, pero si existe un tablero llamado all, ese tiene prioridad) - En el formato de pestañas, se crea una pestaña por cada tablero escrito con comas
- Pantallas de 960px o menos: las columnas se reducen a 2.
- Pantallas de 640px o menos: se apilan en 1 columna vertical.
- El interior de cada espacio también responde a su propio ancho: al estrecharse, el webzine pasa a formato vertical y la cuadrícula de miniaturas reduce sus columnas.
- Fila 1: "Una fila de revista (100)" + espacio 1
notice- contenido destacado superior - Fila 2: "Pestañas 40 + Lista 30 + Comentarios recientes 30" + espacio 1
free,humor,qna/ espacio 2notice/ espacio 3* - Fila 3: "Una fila de cuadrícula de miniaturas (100)" + espacio 1
gallery - No se ven las publicaciones: revisa cómo escribiste el mid. La dirección del tablero (mid) aparece en el campo URL de la configuración del tablero. Las publicaciones secretas y privadas no se muestran.
- Las miniaturas salen vacías: la publicación necesita una imagen para generar la miniatura. Las publicaciones sin imagen muestran un ícono de marcador de posición.
- Quiero ajustar el espacio entre filas: usa el ajuste de márgenes al insertar el widget, o ajústalo con CSS en la página.
Si lo insertas sin configurar, en el lugar del widget aparece una guía de uso, así que puedes ir completándolo mientras ves la pantalla.
Formatos de bloque
| Formato | Aspecto |
|---|---|
| Lista | Un título por línea. El número de comentarios y la insignia de publicación nueva (N) van junto al título |
| Webzine | Miniatura + título + resumen |
| Miniaturas | Cuadrícula de tarjetas con imagen |
| Revista | Tarjeta grande con el título sobre la imagen. La primera publicación se muestra más grande |
| Mixto | 2 publicaciones tipo webzine arriba + lista abajo |
| Pestañas | Cambia entre varios tableros con pestañas (escribe varios mid separados por comas) |
| Comentarios recientes | Lista de los comentarios más recientes |
Preajustes de composición de la fila
Los números son proporciones de ancho (%). Después de elegir, solo conecta los tableros a los espacios.
| Preajuste | Ejemplo de uso |
|---|---|
| Revista 58 + Lista 42 | Parte superior de la portada de noticias o blog |
| Lista 42 + Revista 58 | Igual que el anterior, invertido |
| Webzine 50 + Miniaturas 50 | Noticias + galería |
| Lista 38 + Webzine 62 | Avisos + noticias detalladas |
| Webzine 50 + Webzine 50 | Dos tableros de noticias lado a lado |
| Lista 50 + Lista 50 | Tableros de comunidad en 2 columnas |
| Pestañas 40 + Lista 30 + Comentarios recientes 30 | Portal de comunidad |
| Lista + Lista + Comentarios recientes (tercios) | Parte inferior de una comunidad |
| 3 revistas (tercios) | Historia de marca |
| Revista 55 + Miniaturas 45 | Contenido destacado + imágenes recientes |
| Una fila de webzine (100) | Sección de noticias independiente |
| Una fila de cuadrícula de miniaturas (100) | Sección de galería |
| Una fila de revista (100) | Contenido tipo hero |
| Mixto (webzine+lista) 62 + Lista 38 | Parte media de la portada |
Composición personalizada
Si en los preajustes eliges "Composición personalizada", defines tú la proporción de ancho y el formato de cada espacio.
Ajustes del espacio
| Ajuste | Descripción |
|---|---|
| Tablero | Dirección del tablero (mid). Ej.: notice |
| Título | Si lo dejas vacío, se muestra el nombre del tablero |
| Cantidad a mostrar | Si lo dejas vacío, se usa el valor predeterminado para la composición |
Varios tableros y todos los tableros
Tiempo de la marca de publicación nueva (N)
En cada widget decides hasta cuántas horas después de publicarse se muestra la insignia N junto al título. Si lo dejas vacío, son 24 horas.
Skins
| Skin | Número de comentarios | Insignia N |
|---|---|---|
| Básica | +3 | Insignia cuadrada con el color de acento |
| Heritage | [3] | Insignia naranja igual a la del skin de tablero heritage |
Si tu sitio usa el tema heritage, elige el skin Heritage para unificar el estilo con los tableros.
Comportamiento responsivo
Si insertas el widget al 100% de ancho, la disposición se adapta al tamaño de pantalla sin ajustes adicionales.
La altura se iguala automáticamente dentro de la misma fila.
Ejemplo de composición: portada de un portal de comunidad
Inserta 3 widgets en orden.