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

Webayt La gestión de plantillas en un CMS se utiliza para crear contenido HTML y CSS reutilizable. Esto permite crear una plantilla y añadirla a las áreas correspondientes mediante códigos cortos, en lugar de escribir repetidamente el mismo diseño o bloque de contenido en diferentes páginas.

Las plantillas se pueden utilizar para tablas de precios, señalización de llamadas, cuadros de información personalizados, simulaciones de idiomas, comparaciones de paquetes, áreas de campaña o secciones de diseño personalizado recurrentes.

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

La gestión de plantillas te permite administrar de forma centralizada los elementos de diseño y contenido más utilizados en tu sitio web. Tras crear una plantilla, puedes acceder a ella mediante códigos cortos en las áreas de contenido HTML compatibles.

Esta estructura resulta especialmente útil cuando se utiliza el mismo contenido en varias páginas. Cualquier actualización que realice en una plantilla se reflejará en todas las áreas donde se utilice dicha plantilla.

Una de las principales ventajas de la gestión de plantillas es que hace que el proceso de traducción sea más seguro para estructuras HTML complejas. Cuando se incluye todo el código HTML en el proceso de traducción, la estructura de etiquetas, los nombres de clase o el diseño pueden dañarse. Sin embargo, con la gestión de plantillas, la estructura HTML se conserva y solo se traducen los campos de texto definidos como parámetros.

Por ejemplo, se pueden preparar como plantillas estructuras reutilizables como la siguiente:

• Tablas comparativas de paquetes
• Tarjetas de precios o servicios
• Áreas de CTA
• Cuadros de información
• Secciones HTML personalizadas
• Visibilidad en Google o simulaciones multilingües
• Bloques de campaña o promoción repetidos

¿Cómo puedo acceder a la página de Gestión de plantillas?

Para administrar las plantillas, puede acceder a la sección Administración de plantillas desde el menú de la izquierda en el panel de administración Webayt.

 Gestión de plantillas

Esta página muestra las plantillas creadas anteriormente. Puedes añadir nuevas plantillas, editar o eliminar las existentes, o ver sus códigos cortos.

Pantalla de lista de plantillas

En la pantalla principal de Gestión de plantillas, las plantillas creadas se muestran en una tabla. Esta tabla muestra el nombre de la plantilla, el código abreviado, la información de los parámetros y el estado.

La pantalla de lista generalmente muestra la siguiente información:

• Nombre de la plantilla: Este es el nombre de la plantilla que se muestra en el panel y al seleccionar plantillas.
• Código corto: Un código especial que se utiliza para llamar a la plantilla en las áreas de contenido.
• Parámetro: Indica el número de variables utilizadas en la plantilla o el estado del parámetro.
• Estado: Indica si la plantilla está abierta o cerrada.
• Editar: Se utiliza para actualizar la información de la plantilla.
• Eliminar: Se utiliza para eliminar la plantilla correspondiente.

El código corto de plantilla se utiliza para llamar a la plantilla correspondiente dentro del contenido de la página. Por ejemplo, un código corto de plantilla podría tener este aspecto:

 { { template:mock_template_name } }

¿Cómo agregar una nueva plantilla?

Para crear una nueva plantilla, vaya a la pestaña Agregar plantilla . En esta pantalla, define el nombre de la plantilla, el código corto, el contenido HTML/CSS, los parámetros y el estado.

1. Inicie sesión en el panel de administración Webayt.
2. En el menú de la izquierda, vaya a Gestión de plantillas .
3. Haz clic en la pestaña Agregar plantilla .
4. Introduzca el nombre de la plantilla y la clave del código corto.
5. Agrega tu contenido HTML o CSS al área de la plantilla.
6. Defina los campos de parámetros si es necesario.
7. Establezca el estado de la plantilla en activado o desactivado.
8. Guarda la plantilla haciendo clic en el botón Añadir .

Campos de inserción de plantillas

La pantalla para añadir o editar plantillas incluye algunos campos clave que determinan cómo funcionará la plantilla.

Nombre de la plantilla

El nombre de la plantilla es el que se mostrará en el panel y en las selecciones de plantillas. Este campo debe escribirse de forma descriptiva para que pueda identificar fácilmente la plantilla posteriormente.

Ejemplos de nombres de plantillas:

 Paquetes CTA
Página de búsqueda de Google
Plantilla de administración del sitio
Soporte multilingüe

Clave de código corto

La clave de código corto es la clave única que se utiliza para llamar a la plantilla en los campos de contenido. Este campo se crea normalmente utilizando letras minúsculas, números, guiones y guiones bajos.

Por ejemplo, si la clave del shortcode es management_plans , esta plantilla se puede llamar en el campo de contexto con el siguiente shortcode:

 { { template:mock_template_name } }

Se recomienda que el código corto sea claro y explique la finalidad de la plantilla.

Área de plantilla

El área de plantillas es donde se escribe la estructura HTML o CSS que se desea crear. Esta sección contiene el código que determina el aspecto de la plantilla en la interfaz de usuario.

El área de plantillas puede contener pestañas HTML y CSS. La pestaña HTML es para el contenido estructural, mientras que la pestaña CSS es para la edición visual.

Si desea utilizar campos editables en su plantilla HTML, puede definirlos entre llaves.

 {título}
{descripción}
{texto_botón}

Estas variables pueden aparecer automáticamente en el campo de parámetros de la plantilla y editarse por separado para diferentes idiomas.

Parámetros

La sección de parámetros es donde se gestionan las variables definidas en una plantilla HTML. En esta sección se enumeran las variables utilizadas en la plantilla y se puede introducir el texto correspondiente a dichas variables.

Por ejemplo, si la variable {title} está definida en la plantilla HTML, el texto del título correspondiente a esta variable se puede introducir en el campo de parámetros. Del mismo modo, se pueden crear campos de parámetros independientes para variables como {description} , {button_text} o similares.

El objetivo principal de los parámetros es garantizar que solo se traduzca el texto escrito en estos campos durante el proceso de traducción. Esto evita que se incluya todo el código HTML de la plantilla en la traducción.

Esta estructura es especialmente importante en plantillas con código HTML complejo. Al enviar todo el código HTML al proceso de traducción automática, las etiquetas HTML, los nombres de clase, los códigos personalizados o la estructura del diseño pueden dañarse en algunos casos. Sin embargo, al usar parámetros, la estructura HTML y CSS permanece inalterada; solo se traduce el texto visible para el usuario.

Por lo tanto, para bloques de diseño personalizados, campos de varias columnas, tablas de precios, comparaciones de paquetes, secciones CTA avanzadas o contenido que contenga HTML complejo, se recomienda utilizar la gestión de plantillas.

Situación

El estado determina si la plantilla se puede utilizar en el sitio.

• Claro: Aunque se utilice en el contenido de la plantilla, se mostrará en el sitio web.
• Deshabilitado: La plantilla no se mostrará en el sitio aunque se utilice en el contenido.

Si es necesario deshabilitar temporalmente una plantilla, puede ser más seguro establecer su estado en "desactivado" en lugar de eliminarla.

¿Cómo utilizar plantillas en el contenido?

Las plantillas creadas en la gestión de plantillas se pueden activar mediante códigos cortos en los campos de contenido donde se puede introducir código HTML.

Por ejemplo, cuando agregas el siguiente código corto a un editor de contenido compatible, la plantilla correspondiente se muestra automáticamente en ese campo:

 { { template:mock_template_name } }

Esta función te permite añadir rápidamente un diseño creado previamente a diferentes páginas.

Las plantillas suelen utilizarse en áreas donde se puede introducir contenido HTML. Por ejemplo, se recomienda usar códigos cortos de plantilla en páginas de información y secciones, páginas de categorías, páginas de contenido y áreas de contenido HTML personalizado.

Selección de plantillas mediante el editor

Webayt En el editor del CMS, las plantillas disponibles se pueden ver mediante una lista desplegable o un área de selección de plantillas. Puedes seleccionar la plantilla deseada en esta área para agregar el código corto al editor.

Al seleccionar una plantilla, su código abreviado se agrega al editor. Sin embargo, al visualizar la página en la interfaz de usuario, se muestra el código HTML real de la plantilla en lugar de dicho código abreviado.

¿Cómo usar la vista previa de plantillas?

Puedes comprobar cómo quedará tu plantilla utilizando la opción de vista previa en la pantalla de edición de plantillas.

La ventana de vista previa te permite ver cómo se verá la plantilla en la interfaz de usuario. Esto te permite comprobar el diseño, el texto y la maquetación antes de publicarla.

La previsualización de las plantillas, especialmente aquellas que contienen HTML y CSS, resulta útil para detectar diseños incorrectos o parámetros faltantes.

La ventaja de usar parámetros en las plantillas

Los parámetros hacen que las plantillas sean más flexibles y seguras. Son especialmente útiles cuando se desea gestionar únicamente el título, la descripción, el texto de los botones o contenido editable similar, manteniendo la misma estructura HTML.

Dentro de una plantilla, los campos modificables se definen mediante llaves. Por ejemplo, campos como {título} , {descripción} o {texto_botón} pueden usarse como parámetros.

Una de las ventajas más importantes de los parámetros es que solo se traduce el contenido de estos parámetros durante el proceso de traducción automática. Por lo tanto, la estructura HTML completa de la plantilla no se incluye en el proceso de traducción.

Esto es especialmente importante en diseños que contienen código HTML complejo. Cuando se envía todo el código HTML para su traducción, la estructura de etiquetas, los nombres de clase, los códigos personalizados o el diseño pueden dañarse en algunos casos. Sin embargo, al utilizar la gestión de plantillas, se conserva la estructura HTML y solo se traduce el texto escrito en los campos de parámetros.

Por lo tanto, se recomienda utilizar la gestión de plantillas para bloques de diseño personalizados, estructuras HTML avanzadas, campos de varias columnas, tablas de precios, tablas comparativas o secciones de contenido personalizado reutilizables.

Por ejemplo, supongamos que está creando un campo de llamada a la acción (CTA). Si define campos como el título, la descripción y el texto del botón como parámetros, podrá utilizarlos con diferentes textos sin alterar la estructura del diseño y garantizar que solo se traduzcan esos textos específicos durante el proceso de traducción.

Uso de plantillas en sitios web multilingües

Webayt En los sistemas de gestión de contenido (CMS), los textos de los parámetros utilizados en las plantillas se pueden traducir a diferentes idiomas. Esto permite utilizar la misma estructura de plantilla con contenido en distintos idiomas en sitios web multilingües.

En la gestión de plantillas, la estructura HTML y CSS permanece constante; el proceso de traducción se realiza utilizando el texto introducido en los campos de parámetros. Esta estructura ayuda a evitar que el código HTML complejo se corrompa durante la traducción.

Por lo tanto, al crear contenido con HTML personalizado para sitios web multilingües, puede resultar más beneficioso trabajar a través de la gestión de plantillas en lugar de añadir directamente códigos HTML largos y complejos al editor de páginas.

Tras modificar la plantilla, es posible que sea necesario actualizar las listas correspondientes. Para obtener información detallada sobre cómo actualizar las listas y seleccionar el idioma de traducción, consulte la guía «¿Cómo usar las listas para actualizar?» .

¿Qué se debe tener en cuenta al actualizar la plantilla?

Al actualizar una plantilla, la apariencia de las páginas donde se utiliza también puede verse afectada. Por lo tanto, es importante revisar los patrones de uso existentes antes de realizar cambios, especialmente en las plantillas que se utilizan con frecuencia.

• Comprueba en qué páginas se utiliza la plantilla.
• Previsualiza los cambios tras realizar modificaciones en HTML y CSS.
• Asegúrese de que no falte texto o que haya texto incorrecto en los campos de parámetros.
• Asegúrese de que el estado de la plantilla esté habilitado.
• Actualizar las listas pertinentes si es necesario.
• Si la función de almacenamiento en caché está habilitada, actualice la caché de esa página.

¿Qué se debe tener en cuenta al usar plantillas?

La gestión de plantillas es una herramienta poderosa que facilita la creación de contenido repetitivo. Sin embargo, es fundamental que las plantillas estén organizadas y sean fáciles de entender.

• En el panel, elige un nombre de plantilla que sea fácil de entender.
• Escribe el código corto de forma sencilla y descriptiva.
• Mantén organizado tu código HTML y CSS.
• Defina los nombres de los parámetros de forma comprensible.
• Defina el texto que se va a traducir como parámetros siempre que sea posible.
• Presta atención al uso de parámetros para evitar que el código HTML complejo se corrompa durante la traducción automática.
• Evite crear varias plantillas innecesariamente para el mismo propósito.
• Antes de eliminar las plantillas que no se utilicen, compruebe si se están utilizando en páginas activas.
• Comprueba la plantilla con una vista previa antes de publicarla.

¿Cuándo se debe utilizar la gestión de plantillas?

Si necesita utilizar el mismo bloque de diseño en varios lugares, o si se repiten estructuras HTML personalizadas en su contenido, la gestión de plantillas resulta muy útil.

Crear una plantilla podría ser una buena idea en las siguientes situaciones:

• Cuando quieras usar el mismo campo CTA en diferentes páginas.
• Cuando desee gestionar de forma centralizada los campos de paquete, precio o comparación.
• Cuando no quieras escribir repetidamente bloques HTML personalizados
• Cuando quieras usar el mismo diseño con diferentes textos en contenido multilingüe
• Cuando se desea evitar que el código HTML complejo se corrompa durante la traducción automática.
• Cuando quieras añadir bloques de diseño prefabricados al editor

Resumen

La gestión de plantillas es el área del CMS Webayt que se utiliza para crear contenido HTML y CSS reutilizable. Las plantillas creadas se pueden usar en áreas de contenido donde se puede insertar HTML mediante códigos cortos.

Al usar parámetros en las plantillas, puede definir campos editables, garantizar que solo se traduzca el contenido de estos parámetros durante el proceso de traducción automática y evitar la corrupción de estructuras HTML complejas. Esta estructura le permite usar la misma plantilla de diseño de forma más segura en diferentes páginas y en diferentes idiomas.

Tras realizar cambios en la plantilla, recuerde actualizar las listas pertinentes en la sección "Listas para actualizar", si fuera necesario.