¿Cómo utilizar la gestión de temas?

Webayt La gestión de temas en un CMS se utiliza para administrar los archivos de tema, el tema activo y la configuración del tema que determina la apariencia de su sitio web. A través de esta sección, puede ver los temas disponibles, activar un tema, revisar los archivos del tema y editar la configuración básica de diseño utilizada dentro del tema.

La gestión de temas es un aspecto crucial del diseño visual de su sitio web. Por lo tanto, se recomienda precaución, especialmente al cambiar de tema, editar archivos o actualizar la configuración del tema.

¿Para qué se utiliza la gestión de temas?

La sección de Gestión de Temas (Webayt) es el área del CMS que se utiliza para administrar la infraestructura de diseño de su sitio web. Esta sección controla qué tema mostrará su sitio web, cómo se editan los archivos del tema y algunas configuraciones de color y fuente utilizadas dentro del tema.

En esta sección, generalmente se pueden realizar las siguientes operaciones:

• Ver los temas cargados en el panel
• Activando un tema
• Visualizando el tema activo
• Usando el modo de tema temporalmente
• Gestión de archivos de temas
• Editar la configuración del tema
• Actualizando las variables de color y fuente utilizadas en el tema.

¿Cómo puedo acceder a la página de administración de temas?

Para acceder a la página de administración de temas, puede hacer clic en el enlace Administración de temas en el menú izquierdo del panel de administración Webayt.

 Gestión de temas

Esta página contiene dos pestañas principales: Temas y Configuración de temas .

• Temas: Esta sección muestra los temas instalados en el panel.
• Configuración del tema: En esta sección puede ajustar la configuración general de fuente y color disponible en el tema activo.

¿Cómo se utiliza la pestaña Temas?

En la pestaña Temas , las carpetas de temas instaladas en el sistema se muestran en una estructura de tarjetas. Cada tarjeta de tema contiene el nombre y el estado del tema correspondiente.

El tema activo suele destacarse con un color o indicador diferente. Esto facilita ver qué tema se está utilizando actualmente en tu sitio web.

El menú de control del tema se puede abrir a través de las tarjetas del tema. Dependiendo del estado del tema, este menú puede contener opciones como Activar y Administrar archivos .

¿Cómo activar el tema?

Para activar el tema que deseas usar en tu sitio web, puedes usar la opción Activar del menú de acciones de la tarjeta del tema correspondiente.

Al activar un tema, la interfaz de tu sitio web se mostrará según la estructura del tema seleccionado. Por lo tanto, se recomienda verificar que el tema elegido funcione correctamente y sea compatible con la estructura de tu sitio antes de realizar cualquier cambio.

El tema activo suele aparecer en la lista de temas en verde o con un icono especial. Esto permite ver rápidamente qué tema está activo en ese momento.

¿Qué es el Modo Tema?

En algunos casos, se mostrará un tema específico para tu sesión. Esta estructura permite probar o analizar un tema en particular antes de cambiar el tema activo para todo el sitio.

Cuando el modo de tema está activado, puede aparecer un área de notificación en el panel que indica que el tema correspondiente se muestra exclusivamente para su sesión. En este caso, el tema solo se mostrará temporalmente durante su sesión y no para todos los visitantes.

Para salir del modo tema, puede usar el botón "Desactivar modo tema" en la pantalla.

¿Cuál es la finalidad de la opción "Gestionar archivos"?

La opción «Gestionar archivos» se utiliza para ver y editar la estructura de archivos del tema correspondiente. Esta sección permite examinar los archivos del tema, así como su estructura de carpetas.

En la ventana Administrar archivos, las carpetas de temas suelen mostrarse a la izquierda y el contenido del archivo seleccionado a la derecha. Esto permite visualizar y editar los archivos de temas a través del panel, si es necesario.

En esta área se pueden visualizar los siguientes tipos de archivos:

• theme.json: Este es el archivo de configuración general del tema.
• Recursos: Esta carpeta contiene archivos CSS, JS, imágenes o archivos de recursos similares utilizados en el tema.
• definido: Puede contener archivos que incluyan texto definido o valores del sistema utilizados dentro del tema.
• módulo: Esta carpeta contiene los archivos de apariencia para los módulos del tema.
• Archivos CSS: Se utilizan para definir los colores del tema, los fondos, la tipografía y la configuración de apariencia.
• Archivos JS: Se utilizan para comportamientos interactivos dentro del tema.

¿Qué se debe tener en cuenta al editar archivos de temas?

Los archivos de tema pueden afectar directamente la apariencia de la interfaz de usuario de su sitio web. Por lo tanto, se debe tener cuidado, especialmente al realizar cambios en los archivos HTML, CSS, JS o de configuración del tema.

• Antes de editar el archivo, asegúrese de saber qué es lo que está cambiando.
• Evite modificaciones innecesarias que puedan dañar la estructura del código.
• Asegúrese de que el archivo sea el correcto antes de guardarlo.
• Comprueba la interfaz de usuario del sitio después de realizar cambios en CSS o JS.
• Si es necesario, haga una copia de seguridad del contenido del archivo antes de realizar cualquier cambio.
• Si se utiliza el almacenamiento en caché, recuerde actualizar la caché correspondiente después de realizar cambios.

Los cambios realizados en los archivos del tema activo, en particular, pueden afectar instantáneamente la apariencia del sitio web. Por lo tanto, la edición de archivos en sitios web en funcionamiento debe realizarse con cuidado.

¿Cuál es la finalidad de la pestaña de Configuración del tema?

La pestaña de Configuración del tema se utiliza para editar algunas variables de diseño generales que se utilizan dentro del tema activo.

Los valores de esta pestaña se pueden usar como variables en los temas. Esto permite personalizar la estructura definida en los archivos de tema según la fuente y el color configurados en el panel.

La sección de Configuración del tema generalmente incluye las siguientes configuraciones:

• Selección de tema: Muestra el tema seleccionado actualmente.
• Fuente: Se utiliza para determinar la familia tipográfica que se utilizará en el sitio web.
• Color principal: Este es el color principal de la marca que se puede utilizar en todo el sitio web.
• Color de fondo del encabezado: Se puede utilizar para el color de fondo del encabezado dentro del tema.
• Color de fondo del módulo: Se puede utilizar para establecer el color de fondo de los módulos.
• Color de fondo del módulo 2: Puede utilizarse como segundo color de fondo en algunas áreas del tema.

¿Cómo usar la configuración de fuentes?

El campo Fuente se utiliza para especificar la información de la fuente que se puede usar en el tema. Por ejemplo, se puede introducir en este campo una definición de fuente como Arial o sans-serif .

Si los archivos del tema están configurados para usar este valor como una variable, el valor de la fuente introducido desde el panel de control se reflejará en las áreas relevantes del sitio.

Al introducir un valor de fuente, se recomienda utilizar una definición que se ajuste a la estructura actual de la familia de fuentes CSS.

¿Cómo usar la configuración de color?

Las combinaciones de colores que se encuentran en la sección de Configuración del tema se utilizan para gestionar las variables visuales que se utilizan dentro del tema.

Por ejemplo, el valor de color introducido en el campo Color principal se puede usar en botones, enlaces, iconos o áreas destacadas del tema. Del mismo modo, los colores de fondo del encabezado y de los módulos también pueden afectar a las partes relevantes del tema.

Los valores de color generalmente se introducen en formato HEX. Por ejemplo:

 #0F5B99
#ffffff
#f3f6fa

Al elegir los colores, se deben tener en cuenta la identidad de marca del sitio web, la legibilidad y la experiencia del usuario.

¿Cómo usar la configuración del tema?

Los campos de fuente y color en la pestaña Configuración del tema se utilizan como variables en los archivos del tema. Esto permite al desarrollador del tema utilizar dinámicamente los valores introducidos desde el panel dentro del tema.

Por ejemplo, si valores como el color principal, el color de fondo del encabezado o el color de fondo del módulo se definen como variables en los archivos del tema, los cambios realizados en el panel pueden reflejarse en las áreas relevantes del tema.

Esta estructura permite gestionar algunos ajustes básicos de diseño a través del panel, en lugar de editar directamente los archivos del tema para cada cambio.

¿Qué se debe hacer después de actualizar la configuración del tema?

Tras realizar cambios en la sección de Configuración del tema, debe guardar la configuración haciendo clic en el botón Guardar .

Se recomienda revisar la interfaz del sitio web después de realizar los cambios. Esto le permitirá comprobar si los colores, la fuente y demás variables del tema se reflejan correctamente.

Si los cambios no son visibles de inmediato en la interfaz de usuario y se utiliza el almacenamiento en caché, es posible que sea necesario actualizar la caché de la página o del sitio web correspondiente.

¿Qué aspectos hay que tener en cuenta al utilizar la gestión de temas?

La gestión de temas es un área crucial que afecta la estructura visual de un sitio web. Por lo tanto, los procesos que se llevan a cabo en este ámbito deben implementarse de forma planificada.

• Compruebe el tema actual antes de cambiar el tema activo.
• Si estás utilizando el modo de tema, recuerda que puede que solo sea específico para tu sesión.
• Tenga en cuenta que los cambios que realice en el área de Gestión de archivos pueden afectar la apariencia de su sitio web.
• Al editar los archivos del tema, tenga cuidado de no dañar las estructuras HTML, CSS, JS y JSON.
• Al elegir los colores en la configuración de tu tema, ten en cuenta la legibilidad y la coherencia de la marca.
• Introduzca el valor de la fuente de acuerdo con la estructura válida de la familia de fuentes CSS.
• Comprueba la interfaz del sitio web después de realizar los cambios.
• Si se utiliza el almacenamiento en caché, actualícelo cuando sea necesario.

Resumen

La sección de Gestión de Temas del CMS Webayt se utiliza para administrar la apariencia y la infraestructura de temas de tu sitio web. Aquí puedes ver los temas instalados, activar un tema, administrar los archivos del tema y editar la configuración del tema.

Los valores de fuente y color ubicados en la pestaña Configuración del tema se pueden usar como variables en los archivos del tema. Esto permite administrar más fácilmente algunas configuraciones de diseño dentro del tema a través del panel de control.