EditlyCMS

¿Qué es EditlyCMS?

EditlyCMS es un sistema de gestión de contenidos (CMS) autoalojado para sitios web existentes construidos con plantillas HTML. Te permite editar el contenido de las páginas directamente en el sitio en vivo mediante una interfaz de click-to-edit, sin escribir código en el editor.

La idea principal es “insertar” la capa CMS en un sitio HTML para que el contenido se pueda modificar en su lugar. Funciona con PHP y SQLite, y mantiene el contenido en tus archivos HTML en lugar de depender de una base de datos separada para el contenido del sitio.

Características principales

• Click-to-edit en tu página en vivo: Selecciona elementos marcados para edición y escribe cambios directamente en el navegador, incluyendo formato de texto enriquecido como negrita, cursiva, encabezados y listas.
• Edición de medios e incrustaciones vía barra de herramientas: Sube imágenes arrastrándolas al editor, incrusta contenido de YouTube o Vimeo, añade Google Maps y adjunta archivos descargables.
• Flujo de borradores y publicación: Realiza ediciones sin alterar el sitio en vivo, previsualiza cambios y publica cuando estés listo.
• Copia de seguridad y restauración en 1 clic: Cada publicación crea una copia de seguridad de la versión anterior, y el panel proporciona restauración en 1 clic.
• Contenido flat-file con metadatos/copias de SQLite: El contenido permanece en tus archivos HTML; SQLite se usa para manejar metadatos y copias de seguridad en segundo plano.
• Editor protegido con contraseña: El acceso al editor está protegido con autenticación de sesión usuario/contraseña, y las credenciales se pueden cambiar desde el editor.

Cómo usar EditlyCMS

1. Copia la carpeta CMS: Copia la carpeta cms/ en el directorio raíz de tu sitio web junto a tus archivos HTML.
2. Marca regiones editables: Añade class="cms-content" y un id único a cada elemento que quieras que el editor modifique.
3. Inicia sesión y edita: Abre /cms/ en tu navegador, inicia sesión con tus credenciales y empieza a editar tu sitio directamente.

Para puntos de partida, también puedes usar las plantillas listas proporcionadas (archivos HTML limpios) que funcionan con EditlyCMS de inmediato.

Casos de uso

• Freelancers actualizando páginas de clientes sin tiempo de configuración de CMS: Para un sitio HTML pequeño, usa EditlyCMS para que los clientes editen contenido en su lugar mientras mantienes la estructura HTML/CSS subyacente.
• Agencias que necesitan staging antes de que los cambios vayan en vivo: Usa el flujo de borradores/publicación para que los clientes previsualicen actualizaciones sin arriesgar cambios inmediatos en la página de producción.
• Portfolios y sitios de pequeñas empresas con ajustes frecuentes de texto y medios: Edita encabezados, listas, imágenes, incrustaciones (YouTube/Vimeo) y mapas a través de la barra de herramientas en la página.
• Equipos que quieren rollback simple para ediciones publicadas: Confía en copias de seguridad automáticas en cada publicación y usa restauración en 1 clic cuando una actualización necesite revertirse.
• Desarrolladores que prefieren contenido almacenado con los archivos del sitio: Mantén contenido editable en archivos HTML mientras usas SQLite para gestionar metadatos y copias de seguridad en segundo plano.

Preguntas frecuentes

• ¿EditlyCMS requiere una base de datos separada? No. El producto usa tus archivos HTML para el contenido, y funciona con PHP & SQLite para manejar metadatos y copias de seguridad.

• ¿Puedo editar contenido directamente en la página en vivo? EditlyCMS proporciona click-to-edit para cambiar elementos marcados en la página, con un flujo de borradores/publicación que te permite preparar cambios antes de publicar.

• ¿Cómo funciona la publicación y puedo deshacer cambios? Cada publicación crea una copia de seguridad de la versión anterior, y el panel incluye una opción de restauración en 1 clic.

• ¿Qué tipos de contenido se pueden editar? Puedes editar elementos de texto enriquecido (p. ej., negrita/cursiva/encabezados/listas) y trabajar con imágenes, incrustaciones de YouTube/Vimeo, Google Maps y adjuntos de archivos descargables vía la barra de herramientas.

• ¿Es seguro el editor? El editor está protegido con contraseña mediante autenticación de sesión, y puedes cambiar el usuario y la contraseña.

Alternativas

• CMS tradicionales con base de datos (p. ej., sistemas estilo WordPress): Estos suelen almacenar contenido en una base de datos backend separada y a menudo requieren una configuración más compleja en comparación con un enfoque “drop-in”.
• Generadores de sitios estáticos con flujos en el editor: Estos priorizan salida estática y típicamente requieren un paso de build/deploy para ediciones, en lugar de click-to-edit directamente en el navegador.
• CMS headless con UI de edición frontend: Estos separan la gestión de contenidos del frontend del sitio y a menudo implican integrar un framework frontend, en lugar de operar directamente en páginas HTML existentes.
• CMS basados en archivos para sitios estáticos: Como EditlyCMS, se centran en almacenamiento ligero de contenidos, pero los flujos de trabajo y las interacciones de edición soportadas pueden diferir (p. ej., si las ediciones ocurren en su lugar en la página renderizada).