Paginas y Editor
Aprende a crear, editar y gestionar las paginas de tu sitio web usando el editor visual de arrastrar y soltar.
Lista de Paginas
Al acceder a Sitio Web, veras la lista completa de tus paginas con la siguiente informacion:
- Titulo: Nombre de la pagina
- Slug: Ruta URL de la pagina (ej.
/quienes-somos) - Estado: Publicada (visible al publico) o Borrador (solo visible para ti)
- Ultima modificacion: Fecha y hora del ultimo cambio
Crear una Pagina
Paso a Paso
- Haz clic en Nueva Pagina
- Ingresa el titulo de la pagina
- El sistema genera automaticamente el slug (URL) a partir del titulo
- Puedes editar el slug manualmente si lo deseas
- Agrega los metadatos SEO:
- Descripcion: Breve descripcion para motores de busqueda
- Palabras clave: Terminos relevantes separados por comas
- Haz clic en Crear para abrir la pagina en el editor
Editor Visual
El editor esta basado en CraftJS y funciona con arrastrar y soltar. No necesitas conocimientos de programacion.
Componentes Disponibles
Desde el panel lateral puedes arrastrar los siguientes componentes al lienzo de la pagina:
- Bloques de texto: Titulos, parrafos, listas
- Imagenes: Fotos individuales con opciones de tamano y alineacion
- Botones: Botones de accion con enlace personalizable
- Secciones: Contenedores con fondo, espaciado y bordes configurables
- Columnas: Distribucion del contenido en multiples columnas
- Galerias: Rejilla de imagenes con vista ampliada
- Formularios de contacto: Formulario preconfigurado que envia mensajes a tu correo
- Listado de clases: Muestra automaticamente las clases disponibles de tu escuela
- Perfiles de instructores: Tarjetas con foto, nombre y descripcion de cada instructor
Como Usar el Editor
- Arrastrar: Selecciona un componente del panel y arrastralo al area del lienzo
- Editar contenido: Haz clic en cualquier componente para editar su texto, imagen o configuracion directamente en el lienzo
- Redimensionar: Ajusta el tamano de secciones e imagenes usando los controles de borde
- Reordenar: Arrastra componentes hacia arriba o abajo para cambiar su posicion
Publicar y Despublicar
Publicar una Pagina
- Abre la pagina en el editor
- Revisa el contenido con la funcion de Vista Previa
- Haz clic en Publicar
- La pagina estara visible inmediatamente en tu sitio web publico
Guardar como Borrador
- Haz clic en Guardar Borrador para conservar los cambios sin hacerlos publicos
- Los borradores solo son visibles en el panel de administracion
Despublicar
- Desde la lista de paginas o dentro del editor, haz clic en Despublicar
- La pagina dejara de ser visible al publico pero no se elimina
- Puedes volver a publicarla en cualquier momento
Versiones de Pagina
El sistema guarda automaticamente un historial de revisiones. Puedes:
- Ver las versiones anteriores de una pagina
- Restaurar una version previa si es necesario
Vista Previa
Antes de publicar, utiliza la funcion de Vista Previa para:
- Ver exactamente como se vera la pagina en dispositivos de escritorio
- Verificar que las imagenes cargan correctamente
- Revisar que los enlaces funcionan
Eliminar una Pagina
- Desde la lista de paginas, haz clic en el menu de acciones de la pagina
- Selecciona Eliminar
- Confirma la eliminacion
Advertencia: Esta accion es permanente. La pagina y todo su contenido seran eliminados.
Paginas Recomendadas
Para un sitio web completo, te recomendamos crear al menos estas paginas:
| Pagina | Descripcion |
|---|---|
| Inicio | Pagina principal con informacion destacada |
| Quienes Somos | Historia y equipo de la escuela |
| Clases | Servicios ofrecidos, niveles y horarios |
| Contacto | Formulario, ubicacion y datos de contacto |
Tip: Utiliza el componente de Listado de Clases en tu pagina de servicios para mostrar automaticamente las clases activas de tu escuela.