¿Qué es WebBlocks CMS y qué puede crear con él?

WebBlocks CMS es un sistema de administración de contenido de código abierto y autohospedado que se instala en una aplicación Laravel como un paquete Composer. Ofrece a los editores un panel de administración para crear páginas a partir de bloques, administrar múltiples sitios e idiomas, organizar medios y revisar el contenido antes de su publicación. Los desarrolladores pueden conectar esas páginas a los datos de la aplicación y ampliar el sistema con complementos o aplicaciones de navegador registradas.

Puede usarlo para una web de empresa, un portafolio, una publicación multilingüe, un sitio de documentación o la capa de contenido público de un producto Laravel. Con complementos e integraciones adecuados, el sitio también puede ofrecer reservas, formularios personalizados, un catálogo de productos o asistencia a visitantes. El CMS gestiona la estructura editorial; la aplicación anfitriona y sus extensiones gestionan los procesos de negocio que hay detrás.

Esta descripción general reúne las principales capacidades en un solo lugar. Las capturas de pantalla provienen del escaparate ficticio de Northstar Studio que ejecuta WebBlocks CMS 1.93.3. Sus nombres, páginas y registros diarios son sintéticos. Las pantallas demuestran el producto en lugar de una implementación del cliente.

Comience con el tipo de sitio que necesita. Una pequeña empresa puede combinar una introducción, servicios, galería de proyectos y formulario de contacto. Una publicación puede crear páginas de artículos, listados, categorías expresadas mediante navegación y ediciones traducidas. Un equipo de software puede organizar la documentación con una barra lateral, rutas de navegación y una tabla de contenido generada automáticamente. Un producto Laravel puede colocar una introducción editorial encima de los registros proporcionados por la aplicación.

La distinción entre funciones principales y opcionales es importante. La edición de páginas, multisitio y localización, medios, flujo de trabajo, navegación, búsqueda pública, mensajes de contacto, comentarios y calificaciones, informes de visitantes y Internal Content API pertenecen al CMS. Las reservas, el comercio, los formularios configurables, las encuestas, las campañas y las integraciones de soporte son complementos independientes con su propia configuración y dependencias.

Una página se compone de slots como header, main, sidebar y footer dentro de un diseño de página seleccionado. Cada slot contiene un árbol de bloques. Los editores pueden añadir, editar, ordenar, anidar o eliminar bloques sin reescribir la plantilla para cada cambio de contenido.

Los bloques de contenido incluyen títulos, texto enriquecido, imágenes y galerías, vídeo y audio, descargas, código, tablas, citas, avisos y enlaces. Los bloques de diseño proporcionan Sections, Containers, Stacks, Columns, Grids, composiciones Split, Heroes y Sliders. Las llamadas a la acción, listas de páginas, navegación, búsqueda, formularios de contacto, comentarios y valoraciones añaden funciones habituales de una web. Las opciones dependen del inventario de bloques instalado y de las relaciones permitidas entre bloques padre e hijo.

Por ejemplo, una página de servicio puede contener un encabezado y una introducción, una explicación de dos columnas, una galería y una sección de contacto. Una página de diario puede utilizar una columna de lectura estrecha e imágenes más amplias. Trabaja con una composición estructurada y obtiene una vista previa de su resultado renderizado; no estás colocando elementos arbitrarios en un lienzo a mano alzada.

Shared Slots permite que varias páginas hagan referencia a un árbol de bloques reutilizable. Se puede mantener un encabezado, pie de página, anuncio o barra lateral compartidos en un solo lugar. El contenido propiedad de la página permanece separado y el contenido compartido tiene su propio historial de publicación y revisión. Revise cuidadosamente los cambios compartidos porque pueden afectar a todas las páginas que utilizan esa ranura.

Los menús de navegación organizan enlaces de páginas internas, enlaces externos y navegación agrupada. Las etiquetas se pueden traducir y los enlaces de las páginas internas siguen la configuración regional seleccionada. Los diseños de documentación pueden combinar navegación en la barra lateral, rutas de navegación y una tabla de contenido. También puede duplicar una página o moverla a otro sitio mediante el flujo de trabajo de administración compatible.

Una instalación puede gestionar varios sitios. Cada sitio tiene identidad, dominios, idiomas habilitados, contenido, navegación, apariencia y valores predeterminados propios. Los alias de dominio y el dominio principal determinan cómo llegan los visitantes al sitio correcto. Las asignaciones de sitios limitan el contenido que pueden gestionar administradores y editores.

La localización cubre nombres de páginas, slugs y rutas, SEO y metadatos sociales, texto en bloque y etiquetas de navegación. El idioma predeterminado utiliza su ruta ordinaria; otros idiomas utilizan URL con prefijo local. Por lo tanto, las versiones en inglés, turco y alemán de una página pueden tener diferentes títulos y direcciones legibles y compartir la misma estructura de página subyacente.

Las traducciones no crean un diseño independiente para cada idioma: el orden y la configuración compartida de los bloques siguen siendo comunes. Los editores traducen por separado los campos de contenido y las rutas. Un selector de idioma público permite acceder a una traducción disponible de la página actual.

La biblioteca multimedia almacena imágenes, vídeos, documentos y otros archivos compatibles. Los editores pueden cargar medios, organizarlos en carpetas, buscarlos y filtrarlos, obtener una vista previa de ellos e inspeccionar dónde se utilizan. Los registros multimedia contienen títulos, texto alternativo, subtítulos y descripciones para que un archivo pueda administrarse y presentarse con un contexto significativo.

Los bloques de imagen y las galerías pueden utilizar un visor para verlas a mayor tamaño. Las imágenes rasterizadas compatibles pueden generar miniaturas, tamaños adaptables y recortes para redes sociales sin perder el original. Un punto focal orienta el recorte. La generación depende del códec de imagen y del almacenamiento disponibles; cuando no es posible, se utiliza el archivo original. Las imágenes específicas para móvil permiten usar otro encuadre cuando una composición de escritorio ancha resulta inadecuada.

El texto alternativo describe la información relevante o la función de una imagen. El pie de foto aporta una explicación visible o una atribución. Son campos editoriales distintos y deben escribirse según sus respectivos propósitos.

Las páginas se mueven a través de los estados Draft, In Review, Published y Archived. Los editores trabajan en borradores y los envían para su revisión; Los administradores autorizados del sitio pueden publicar. La vista previa permite al revisor inspeccionar un borrador antes de que se haga público. El Internal Content API también puede preparar una actualización por etapas de una página publicada para que su versión pública actual permanezca disponible durante la preparación.

Version History registra cambios significativos en la página, incluido el contenido y la estructura, las traducciones, el enrutamiento y el SEO. Un revisor puede comparar una versión guardada con la página actual y preparar una vista previa de restauración privada antes de aplicarla. Las verificaciones de referencias y una verificación de cambios intermedios ayudan a evitar que un candidato de restauración obsoleto reemplace un trabajo más nuevo.

Las revisiones de la página conservan el estado editorial y las referencias de los medios. No reemplazan una copia de seguridad de base de datos y carga, no congelan registros de aplicaciones externas ni restauran el contenido de un Shared Slot separado. El historial de Shared Slot, la copia de seguridad del entorno y la exportación del sitio satisfacen diferentes necesidades de recuperación.

La configuración de página y sitio proporciona títulos, descripciones, títulos sociales, descripciones e imágenes de SEO, con anulaciones específicas de la configuración regional. Las listas de páginas utilizan una descripción de lista editorial o su alternativa. La búsqueda pública se limita al sitio y al idioma actuales e incluye contenido publicado elegible; la búsqueda integrada utiliza la base de datos en lugar de requerir un servicio de búsqueda externo.

El formulario de contacto integrado puede recopilar mensajes en la bandeja de entrada del CMS, con textos de consentimiento y respuesta traducidos y controles contra el abuso. La notificación por correo es un proceso separado: guardar un mensaje no depende de que la notificación se entregue correctamente. Los comentarios y valoraciones opcionales permiten interacción moderada en cada página. El consentimiento de cookies distingue las funciones necesarias de las preferencias y mediciones opcionales.

Los informes de visitantes resumen las visitas a la página, las referencias, los parámetros de la campaña y la información general del dispositivo. Las medidas basadas en sesiones dependen del consentimiento de medición del visitante. Utilice esos informes dentro de ese alcance en lugar de tratarlos como una vista sin restricciones de cada visitante.

Content Sources conecta los campos de bloque compatibles con registros de un proveedor registrado. Un título puede usar el nombre de una entidad; una colección puede repetir una plantilla de bloques para un diario, catálogo u otra lista cambiante. Los editores siguen eligiendo la composición y redactando la introducción que la acompaña.

El siguiente ejemplo de Northstar contiene una introducción escrita por un editor sobre tres entradas de diario sintéticas. Su proveedor proporciona los títulos y descripciones de las entradas. Un desarrollador o complemento debe definir la fuente, sus campos disponibles y sus reglas de acceso; el CMS no expone automáticamente tablas de bases de datos arbitrarias.

El texto de respaldo, los resultados vacíos y las fallas del proveedor necesitan opciones deliberadas. Restaurar una revisión de página restaura sus enlaces y su estado editorial, pero los registros conectados permanecen actualizados. Utilice una instantánea del lado fuente o bloques editoriales ordinarios cuando una publicación deba preservar una selección fija y aprobada.

La Internal Content API ofrece descubrimiento y contratos de bloques, validación de contenido, creación y edición de borradores, traducciones, medios y ajustes de sitio compatibles. Una herramienta puede descubrir las funciones disponibles, enviar un plan de contenido estructurado, validarlo, aplicarlo a un borrador e inspeccionar el resultado renderizado.

Los tokens de IA personales actúan dentro de la función de su propietario, los sitios seleccionados, las capacidades y el flujo de trabajo de la página. Un editor puede delegar la preparación de borradores sin adquirir autoridad de publicación. La publicación es una capacidad y operación separada. Los tokens pueden caducar o revocarse y las solicitudes posteriores reflejan cambios en el acceso del propietario.

Esto admite escritura asistida, traducción, composición de páginas y preparación de contenido repetible. No hace que una página escrita por IA sea correcta o aprobada automáticamente. Alguien todavía necesita revisar las afirmaciones, los enlaces, los metadatos de las imágenes, el diseño y la decisión final de publicación. Los activos ejecutables y la administración de la instalación requieren su propia autoridad.

Los ajustes preestablecidos de temas públicos le dan al sitio una apariencia inicial. Los colores de la marca, los tipos de letra de los títulos y del cuerpo, la configuración de los bloques y los recursos del sitio o la página permiten al equipo adaptarlo a su identidad. La interfaz pública proporcionada se representa en el servidor con Blade y WebBlocks UI; La interfaz normal del CMS no requiere una compilación npm para cada actualización de contenido.

Los desarrolladores pueden ampliar los diseños y los puntos de integración del host cuando la composición integrada es insuficiente. Los administradores confiables pueden registrar Embedded Applications, incluidas herramientas de navegador o juegos, y los editores pueden colocar una aplicación habilitada utilizando un Application Block. Las definiciones de aplicaciones, los recursos, la configuración de instancias, los estados de carga y la presentación siguen siendo distintos del texto normal del artículo. Las aplicaciones iframe empaquetadas administradas se ejecutan en un espacio aislado; las integraciones de host aún necesitan su propia revisión e implementación.

El Plugin Catalog enumera las extensiones compatibles con CMS y verifica la compatibilidad con la instalación. Los complementos pueden agregar bloques, pantallas de administración, proveedores de contenido y flujos de trabajo especializados. La instalación, habilitación, configuración de la base de datos, dependencias y configuración son independientes de la colocación de un bloque en una página.

Las extensiones disponibles incluyen WebBlocks Appointments para reservas, Commerce para productos y pagos, Forms para formularios configurables y respuestas, Live Chat para asistencia entre visitantes y operadores, Polls para encuestas multilingües, Campaigns para correos a clientes mediante plantillas, Support para proveedores de tickets compatibles, Redirect Manager para redirecciones y QuizTem para páginas basadas en datos de cuestionarios en vivo. WebBlocks UI Manager gestiona versiones y artefactos. Consulte la documentación y la versión actual de cada complemento para conocer su alcance exacto.

Estas extensiones son opcionales; no implican que cada instalación incluya ya una tienda funcional, una cuenta de pagos, un servicio de reservas o un sistema de soporte. Por ejemplo, el pago de Commerce requiere configurar el proveedor de pagos, y las integraciones basadas en proveedores necesitan el servicio o paquete correspondiente.

WebBlocks CMS se distribuye bajo la licencia MIT como fklavyenet/webblocks-cms. La versión 1.93.3 admite PHP 8.3 o posterior y Laravel 12.55 o 13. Un host puede instalarlo a través de Composer y usar el área de administración de CMS en /webadmin junto con sus propias rutas de aplicaciones y funciones comerciales.

La administración del sistema incluye usuarios y roles, dominios e idiomas, acceso a la API, copias de seguridad y restauración, actualizaciones, limpieza y exportación e importación de sitios. Las copias del entorno protegen la base de datos, las cargas y los recursos gestionados; la transferencia mueve el contenido y las dependencias compatibles de un sitio entre instalaciones. El alojamiento, la configuración de bases de datos y almacenamiento, el envío de correo, el despliegue y una política adecuada de copias siguen siendo responsabilidad del operador.

El CMS encaja especialmente con equipos que quieren editar contenido visual estructurado dentro de una instalación Laravel y asumir la gestión de esa aplicación. Los desarrolladores aportan la integración y el despliegue; los editores gestionan páginas desde el panel o herramientas autorizadas. Quien busque un servicio totalmente alojado sin operaciones de aplicación propias debe considerar esta diferencia antes de elegirlo.

Abra la demostración pública directamente en su navegador. Su página de inicio muestra el sitio de ejemplo Atlas Studio. Seleccione Edit this demo y después Open Demo para entrar en el editor temporal. Pruebe a cambiar un título, ver la vista previa o inspeccionar las traducciones. La demostración se reinicia cada hora; guarde en otro lugar cualquier trabajo que quiera conservar.

Para la instalación y explicaciones más profundas, comience con la documentación y guías paso a paso. El tutorial sobre contenido editorial y datos de aplicaciones muestra un ejemplo completo de página dinámica. Explore el catálogo de complementos cuando su proyecto necesite un flujo de trabajo comercial adicional.

La pregunta inicial es práctica: ¿qué partes de su sitio deberían componer los editores, qué registros deberían provenir de su aplicación y qué flujos de trabajo necesitan una extensión? WebBlocks CMS da cabida a esas responsabilidades en la misma instalación Laravel.