Ir al contenido
Docs

Recursos oficiales

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

  1. Abre Administración > Widgets, o la inserción de widgets al editar una página.
  2. Elige Widget de contenido unificado y deja el ancho en 100%.
  3. En Composición de la fila, elige un preajuste. Ej.: "Revista 58 + Lista 42"
  4. Escribe la dirección del tablero (mid) en los espacios 1 y 2. Ej.: espacio 1 notice, espacio 2 free
  5. Guarda y listo. Si necesitas más filas con otra composición, agrega otro widget debajo de la misma forma.
  6. 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

    FormatoAspecto
    ListaUn título por línea. El número de comentarios y la insignia de publicación nueva (N) van junto al título
    WebzineMiniatura + título + resumen
    MiniaturasCuadrícula de tarjetas con imagen
    RevistaTarjeta grande con el título sobre la imagen. La primera publicación se muestra más grande
    Mixto2 publicaciones tipo webzine arriba + lista abajo
    PestañasCambia entre varios tableros con pestañas (escribe varios mid separados por comas)
    Comentarios recientesLista 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.

    PreajusteEjemplo de uso
    Revista 58 + Lista 42Parte superior de la portada de noticias o blog
    Lista 42 + Revista 58Igual que el anterior, invertido
    Webzine 50 + Miniaturas 50Noticias + galería
    Lista 38 + Webzine 62Avisos + noticias detalladas
    Webzine 50 + Webzine 50Dos tableros de noticias lado a lado
    Lista 50 + Lista 50Tableros de comunidad en 2 columnas
    Pestañas 40 + Lista 30 + Comentarios recientes 30Portal de comunidad
    Lista + Lista + Comentarios recientes (tercios)Parte inferior de una comunidad
    3 revistas (tercios)Historia de marca
    Revista 55 + Miniaturas 45Contenido 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 38Parte 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.

    • 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

    Ajustes del espacio

    AjusteDescripción
    TableroDirección del tablero (mid). Ej.: notice
    TítuloSi lo dejas vacío, se muestra el nombre del tablero
    Cantidad a mostrarSi lo dejas vacío, se usa el valor predeterminado para la composición

    Varios tableros y todos los tableros

    • 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 funciona all, 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

    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

    SkinNúmero de comentariosInsignia N
    Básica+3Insignia 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.

    • 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.

    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.

    1. Fila 1: "Una fila de revista (100)" + espacio 1 notice - contenido destacado superior
    2. Fila 2: "Pestañas 40 + Lista 30 + Comentarios recientes 30" + espacio 1 free,humor,qna / espacio 2 notice / espacio 3 *
    3. Fila 3: "Una fila de cuadrícula de miniaturas (100)" + espacio 1 gallery
    4. Preguntas frecuentes

      • 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.