Natürlich schön Tutorial: CMS Fields, Header and Settings

Tutorial: CMS Fields, Header and Settings

CMS Fields, Header and Settings

Esta guía explica completamente la interfaz de trabajo del Contenido CMS: el encabezado con todas las acciones, los campos de página en el medio y los medios y la configuración de visualización a la derecha. El Árbol de Contenidos sólo se abre para la selección de páginas. Tan pronto como trabajes en el área media o derecha, cierra de nuevo – esto mantiene todos los campos legibles y evitas clics incorrectos en otras páginas.

Desglose: El Tutorial Independiente CMS Editor explica además cada elemento de menú individual de la barra de editor, incluyendo submenús, medios, módulos, BootstrapComponentes y marcadores de rango.

Contenido de apertura CMSAbrir un tutorial de editor

1. Select Page – Open Content Tree Only for This

  1. Haga clic en la parte superior izquierda de la barra CMS Ver contenido Árbol.
  2. Seleccione el idioma primero y luego abra las carpetas requeridas.
  3. Haga clic en la página deseada. Título, ID y contenido se cargan en los espacios de trabajo.
  4. Comprueba en el centro si hay realmente el ID de página esperado y el título esperado.
  5. Haga clic en el botón de la parte superior izquierda de nuevo. El árbol de contenidos está cerrado.
Contenido CMS con Árbol de Contenido Abierto para seleccionar una página
El Árbol de Contenido está abierto aquí intencionadamente porque se selecciona una página. Para todas las obras posteriores en la columna media y derecha está cerrada.

Lo que está disponible en el Árbol del Contenido

  • DE, EN, ES: Seleccione el idioma que se muestra y edita en el árbol.
  • Nueva carpeta: Crea un nuevo nivel de estructura bajo la carpeta seleccionada.
  • Nueva página: Cree una página en la carpeta seleccionada.
  • Buscar: Filtrar el árbol por carpeta o nombre de página.
  • Flechas en carpetas: Abra o cierre esta carpeta.
  • Editar carpetas: Abre el nombre de carpeta, padre, derechos y plantilla.
  • fichas de voz: mostrar para qué idiomas está disponible una versión enlazada.

Todos los detalles sobre carpetas, idiomas y acciones de árboles están en el tutorial CMS Content Tree.

2. cabecera CMS – cada pantalla y cada botón

Después de seleccionar, cierre el Árbol de Contenido. La barra de cabecera sigue siendo visible y siempre se refiere a la página cargada actualmente.

Contenido CMS con árbol de contenido cerrado y barra de acción completa
Árbol de contenido cerrado: página actual, figuras clave, todas las acciones de página y los campos son visibles al mismo tiempo.

Títulos de página y figuras clave

  • (ID) Título de página: confirma qué conjunto de datos se carga. Revise este anuncio antes de los cambios y antes de la eliminación.
  • Páginas: Número de páginas en el idioma actual.
  • Carpeta: Número de carpetas de contenido en el stock de idioma actual.
  • Activo: Número de páginas actualmente activas.

Todos los botones de izquierda a derecha

Superficie de conmutaciónFunciónLo que necesitas considerar
Ver / ocultar Contenido ÁrbolAbre la selección lateral izquierda o libera espacio para los espacios de trabajo de nuevo.Deja abierta para la elección solamente. Cerrar de nuevo antes de trabajar en la columna media o derecha.
Página de almacénGuarda datos de página, contenido de editor y cambios de página actualmente preparados. Strg+S y Cmd+S ejecuta el mismo almacenamiento de página.Después de eso, el estado en Almacenado cambio. Subregiones de medios con su propio botón de memoria almacenan allí.
Transferidos a otros idiomasAbre una vista previa en el idioma principal para las versiones de idiomas existentes y nuevas. Título, permalink, descripción y contenido pueden ser revisados y adoptados para cada idioma objetivo.Previsualizar y controlar los idiomas destinatarios. Para carpetas, todo el subárbol puede ser transferido opcionalmente.
Activar Auto-Sync de nuevoEnlaces manualmente versiones de idiomas separados al maestro de nuevo. Las futuras enmiendas pueden sincronizar estas versiones de idiomas de nuevo.Los contenidos manuales existentes se conservan inicialmente, pero pueden ser sobrescritos en cambios maestros posteriores.
Borrar páginaAbre una confirmación y elimina la página seleccionada.Comprobación de identificación y título. Los medios de comunicación son resueltos por el sitio, los archivos permanecen en el stock de medios.
Vista previaAbre la pantalla CMS actualmente almacenada en su propia ventana de vista previa.Los cambios no almacenados no son fiablemente visibles allí. Primero guardar, luego recargar la vista previa.
Estado de la memoriaShows Almacenado, Unstored, una operación de memoria continua o un error.Este es un indicador de estado, no una acción. No deje la página mientras los cambios no sean restaurados.
Nueva páginaCrea un nuevo conjunto de datos de página en la carpeta seleccionada y lo carga directamente en la máscara.El proceso es asincrónico. Espere hasta que el nuevo ID y el nuevo título sean visibles, a continuación, establecer toda la información obligatoria.
Duplicar página seleccionadaCrea una copia de la página seleccionada y carga la copia.Funciona sólo sin cambios sin salvar. Haga el título y el enlace permanente de la copia inmediatamente claro.
ReloadingRecarga árbol, página y medios desde el conjunto de datos almacenados.Los cambios no almacenados se descartan. Esta función es adecuada para el reajuste consciente.
AsistenciaAbre el manual de usuario para el Contenido CMS.La ayuda no cambia los datos.
Regla de memoria: Antes de previsualizar, duplicar, recargar o cambiar páginas, siempre revise el estado de almacenamiento. Amarillo o “Unstored” significa: La versión visible aún no existe completamente en el conjunto de datos CMS almacenados.

3. Paneles laterales en el medio

Con un árbol de contenido cerrado, todo el ancho está disponible. La sección Lado contiene metadatos y ajustes de publicación; A continuación se encuentra el editor.

CampoSignificadoRecomendación
TítuloTítulo de página visible y designación en el Árbol de Contenido.Formular claramente, claramente y adecuadamente para la tarea de la página.
PermalinkURL de la página, por ejemplo tutorial-cms-editor.Use letras minúsculas, palabras hablantes y estructura estable. Los cambios pueden afectar a los vínculos existentes.
Plantilla de contenidoDetermina qué áreas se utilizan para renderizar, por ejemplo título, héroe, cabecera, cuerpo, galería o pie de página.Cambie sólo si se conoce la estructura lateral deseada; Compruebe el frontend y la vista previa.
SituaciónActivo publica la página según derechos y navegación; Inactivo lo toma de la salida normal.Preparar páginas nuevas o incompletas inicialmente inactivamente.
DescripciónResumen corto para metadatos, listas o motores de búsqueda; máximo 254 caracteres.En una frase comprensible, describir la utilidad de la página.
Palabras clavePalabras clave internas y semánticas de la página.Ingrese los términos pertinentes separados por coma; No hay lista de palabras.
EditorEl contenido HTML real de la página.Para todas las funciones, el separado Editor tutorial uso.

4. Columna derecha - Medios y presentación

Aquí, también, el árbol de contenido permanece cerrado. La columna derecha se puede apagar dentro y fuera a través de su botón de flecha. Contiene tres áreas utilizables independientemente: Hero, Galería y En texto.

Media derecha y columna de configuración en el CMS cuando el árbol de contenido está cerrado
Contenido Árbol cerrado: a la derecha son Hero, Galería y los medios utilizados en el editor accesible.

Hero

  • Plantilla: determina la representación del héroe; padre toma el valor de la carpeta padre.
  • Imagen del héroe: Se acabó. Selección del navegador multimedia.
  • Distancia arriba: distancia adicional antes del héroe; padre Toma la regla de la carpeta.
  • Altura: controla la altura del héroe; las reglas de respuesta existentes siguen siendo consideradas.
  • Variante: Seleccione una variante de visualización configurada.
  • Hero Sticky: determina si el héroe está fijo al desplazarse.
  • Nivel de desplazamiento: controla el desplazamiento previsto o plano paralaje.
  • Almacenamiento: Guarda la configuración de Hero. Luego revise la vista previa de la página.

Galería

  • Desbordamiento: determina si se presentan más imágenes fuera de la selección inmediatamente visible.
  • Haga clic en: establece el comportamiento del clic, por ejemplo Lightbox.
  • Selección: abre el navegador multimedia y asigna imágenes a la ranura gallery a.
  • Tarjetas de medios: Mostrar imagen, título y acciones. Sólo la asignación a la página se elimina a través de la basura.
  • Almacenamiento: Tiendas configuración de galería y el orden previsto.

En texto

  • Aquí se muestran los medios de comunicación que la página actual en la ranura inline asignado a ellos.
  • Selección abre el navegador multimedia; la imagen seleccionada se puede insertar en el editor en la posición del cursor.
  • Una asignación por sí sola no crea necesariamente un lugar visible en el texto. La imagen debe ser referenciada en el contenido del editor.
  • Alignación, anchura y tamaño especificaciones de una imagen en línea debe mantenerse durante el almacenamiento. Después de guardar, vuelva a cargar la página y controle exactamente esta representación.

La lógica multimedia completa está en el tutorial CMS Media Use.

5. Nueva página paso a paso

Nueva página CMS creada con nuevo ID, campos estándar y árbol de contenido cerrado
Después de la creación asincrónica, se carga el nuevo ID de página. El árbol de contenidos permanece cerrado para la edición.
  1. Abra el Árbol de Contenido y seleccione la carpeta de destino.
  2. Cierra el Árbol de Contenido otra vez.
  3. Haga clic en el encabezado. Nueva página.
  4. Espera a que aparezca un nuevo ID y un título como “Nueva página...”.
  5. Reemplazar Título y Permalink con valores únicos inmediatamente.
  6. Seleccione plantilla de contenido y estado. Para diseños: Inactivo La opción segura.
  7. Rellene la descripción y las palabras clave.
  8. Cree el contenido en el editor y asigne los medios necesarios.
  9. Sálvalos, espera. Almacenado Entonces abre la vista previa.
  10. Control de escritorio y pantalla estrecha, enlaces, imágenes, derechos y versiones de lenguaje.

6. Página duplicada

  1. Abra la página de origen y asegúrese de que no haya cambios sin salvar.
  2. Haga clic en Duplicar página seleccionada.
  3. Espera la nueva identificación.
  4. Cambiar el título y permalink de la copia inmediatamente.
  5. Comprobar contenido, enlaces, medios, estado, idiomas y derechos. Una copia no es automáticamente un contenido profesional independiente.
  6. Guardar y controlar la vista previa.

7. Flujo de trabajo seguro para los cambios

  1. Seleccione la página en el Árbol de Contenidos y confirme que se basa en ID y título.
  2. Cerrar Contenido Árbol.
  3. Cambiar datos de página, contenido de editor o configuración correcta.
  4. Para imágenes en línea, posición de verificación, orientación y tamaño.
  5. Utilice el botón de memoria apropiado y encendido Almacenado Espera.
  6. Al lado Reloading Lea de nuevo desde el CMS y compruebe si todos los valores han sido preservados.
  7. Abrir vista previa y comparar presentación entregada con el editor.
  8. Sólo después de un examen exitoso editar idioma, estado u otras páginas.

8. Problemas típicos

ProblemaSecuencia de prueba
Parte incorrecta editadaConsultar el ID actual y el título por encima → Abrir Contenido Árbol → Seleccionar página correcta → Cerrar Árbol de nuevo.
Cambio desaparecido en la vista previaEstado de la memoria → Almacenamiento de la página → Almacenamiento parcial → Reload vista → Ver mapa/visitar vista.
Imagen es diferente después de guardarInline assignment → posición de la imagen en el editor → orientación → ancho/size → guardar → reload CMS → compare vista previa.
La duplicación no respondeGuardar cambios sin restaurar primero → Espera → Duplicar de nuevo.
Reloading ha eliminado el contenidoRecargar deliberadamente descarte los cambios sin restaurar. Restaurar el estado guardado o una versión anterior.
Versión de idioma sobrescritoMaster Language → Auto-Sync Status → Compruebe la separación manual o la activación auto-sinc renovada.

Continuar con el tutorial de editor completoUso de mediosTodos los tutoriales