Personalizar salida del sitio de AEM

AEM Guides admite la creación de salidas en los siguientes formatos:

  • Sitio de AEM
  • PDF
  • HTML5
  • EPUB
  • Salida personalizada mediante DITA-OT

Para la salida del sitio de AEM, puede asignar diferentes plantillas de diseño con diferentes tareas de salida. Estas plantillas de diseño pueden representar el contenido DITA en diferentes diseños. Por ejemplo, puede especificar distintas plantillas de diseño para audiencias internas y externas.

También puede utilizar complementos personalizados DITA Open Toolkit (DITA-OT) con AEM Guides. Puede cargar estos complementos DITA-OT personalizados para generar la salida de PDF de una forma específica.

TIP
Consulte la sección Publicación de sitios AEM en la guía de prácticas recomendadas para conocer las prácticas recomendadas sobre la creación de resultados de sitios AEM.

Personalizar la plantilla de diseño para generar resultados

AEM Guides utiliza un conjunto de plantillas de diseño predefinidas para generar la salida del sitio de AEM. Puede personalizar las plantillas de diseño de AEM Guides para generar el resultado que se ajuste a la marca corporativa. Una plantilla de diseño es una colección de varios estilos (CSS), secuencias de comandos (del lado del servidor y del lado del cliente), recursos (imágenes, logotipos y otros recursos) y nodos JCR que unen todos estos recursos. Una plantilla de diseño puede ser tan sencilla como un único script del lado del servidor con solo un par de nodos JCR o una combinación compleja de estilos, recursos y nodos JCR. El subsistema de publicación de AEM Guides utiliza las plantillas de diseño al generar la salida del sitio de AEM y controlan la estructura, el aspecto y la presentación de la salida generada.

No hay restricciones en cuanto a la ubicación de los recursos de la plantilla de diseño en el servidor, pero suelen estar organizados lógicamente según su función. Por ejemplo, la plantilla predeterminada tiene todos sus archivos JavaScript y CSS almacenados en la carpeta /etc/designs/fmdita/clientlibs/siteoutput/default. Dondequiera que se encuentren estos archivos, se vinculan entre sí mediante una colección de nodos JCR. Juntos, estos nodos JCR y los archivos constituyen la plantilla de diseño completa.

La plantilla de diseño predeterminada enviada con AEM Guides le permite personalizar los componentes de página de aterrizaje, tema y búsqueda. Se puede realizar una copia del diseño por defecto y de las plantillas de referencia correspondientes, así como especificar diferentes componentes para generar la salida deseada.

Realice los siguientes pasos para especificar su propia plantilla de diseño para utilizarla en la generación de resultados del sitio de AEM:

  1. Utilice el Administrador de paquetes para descargar la plantilla de diseño predeterminada desde la siguiente ubicación:

    /libs/fmdita/config/templates

  2. Cree una copia de los archivos descargados en la siguiente ubicación del repositorio de Git de Cloud Manager:

    /apps/fmdita/config/templates

  3. También debe descargar y copiar las plantillas a las que se hace referencia desde el nodo de plantilla predeterminado. Las plantillas a las que se hace referencia se colocan en:

    /libs/fmdita/templates/default/cqtemplates

    Las propiedades de la plantilla de diseño de AEM Guides se describen en la tabla siguiente.

    PropiedadDescripción
    landingPageTemplate, searchPageTemplate, topicPageTemplate, shadowPageTemplateEspecifique el nodo cq:Template para estas páginas correspondientes (aterrizaje, búsqueda y tema). De manera predeterminada, el nodo cq:Template para estas páginas se encuentra en el nodo /libs/fmdita/templates/default/cqtemplates. Este nodo define la estructura y las propiedades de las páginas de aterrizaje, búsqueda y tema.
    : shadowPageTemplate se usa para optimizar el contenido fragmentado. Debe establecer el valor de esta propiedad en: fmdita/templates/default/cqtemplates/shadowpage
    Nota: Debe especificar un valor para topicPageTemplate. landingPageTemplate y searchPageTemplate son propiedades opcionales. Si no desea que se generen las páginas de búsqueda y de aterrizaje, no especifique estas propiedades.
    titleUn nombre descriptivo de la plantilla de diseño.
    topicContentNodeUbicación del nodo que contendrá el contenido DITA en una página de tema. La ruta es relativa a la página del tema.
    topicHeadNodeUbicación del nodo que contendrá los valores (o metadatos) del encabezado derivados del contenido DITA. La ruta es relativa a la página del tema.
    tocNodeUbicación del nodo que contendrá la TDC. La ruta es relativa a la página de aterrizaje o a la ruta de destino.
    basePathPropNombre de propiedad para almacenar la ruta de acceso de la raíz del sitio publicado.
    indexPathPropNombre de propiedad para almacenar la ruta de la página de aterrizaje/índice del sitio publicado.
    pdfPathPropNombre de propiedad para almacenar la ruta de PDF del tema, si la generación de PDF del tema está habilitada.
    pdfTypePropNombre de propiedad para almacenar el tipo de generación de PDF. Actualmente, esta propiedad siempre contiene "Tema".
    searchPathPropNombre de propiedad para almacenar la ruta de la página de búsqueda, si la plantilla incluye una página de búsqueda.
    siteTitlePropNombre de propiedad para almacenar el título del sitio que se está publicando. Este título suele ser el mismo que el título del mapa que se está publicando.
    sourcePathPropNombre de propiedad para almacenar la ruta del tema DITA de origen de la página actual.
    tocPathPropNombre de propiedad para almacenar la ruta de la raíz del índice del sitio publicado.
NOTE
Después de crear un nodo de plantilla de diseño personalizado, debe actualizar la opción Diseño en los ajustes preestablecidos de salida del sitio de AEM para utilizar el nodo de plantilla de diseño personalizado.

Para obtener más información, consulte Creación de su primer sitio web de Adobe Experience Manager y Aspectos básicos del desarrollo de su propio sitio web en AEM.

Usar título de documento para generar salida del sitio de AEM

Al generar la salida del sitio de AEM, la forma en que se generan las direcciones URL desempeña un papel importante en la capacidad de detección del contenido. Si utiliza nombres de archivo basados en UUID, la generación de direcciones URL basadas en el UUID de sus archivos no sería fácil de buscar. Como administrador o editor, tiene el control sobre cómo desea generar las direcciones URL para la salida del sitio de AEM. AEM Guides le proporciona una configuración a través de la cual puede elegir generar las direcciones URL de la salida del sitio de AEM utilizando el título del archivo en lugar de los nombres de archivo basados en UUID. De forma predeterminada, para sistemas de archivos basados en UUID, esta opción está activada. Esto implica que, cuando se genera la salida del sitio de AEM para sistemas de archivos basados en UUID, los títulos del archivo se utilizan para generar las direcciones URL y no los UUID de los archivos.

NOTE
Además, puede configurar reglas para permitir solo un conjunto de caracteres en las direcciones URL de la salida de un sitio de AEM. Para obtener más información, consulte Configurar las reglas de saneamiento de nombres de archivo para crear temas y publicar la salida del sitio de AEM.

Siga las instrucciones indicadas en Anulaciones de configuración para crear el archivo de configuración. En el archivo de configuración, proporcione los siguientes detalles (property) para configurar la generación de direcciones URL en la salida del sitio de AEM:

PIDClave de propiedadValor de propiedad
com.adobe.fmdita.config.ConfigManageraemsite.pagetitleBoolean (true/false). Si desea generar un resultado utilizando el título de página, establezca esta propiedad en true. De manera predeterminada, está establecido para utilizar el nombre de archivo.
Valor predeterminado: false

Configure la dirección URL de la salida del sitio de AEM para utilizar el título del documento

Puede utilizar los títulos de los documentos en la dirección URL de la salida del sitio de AEM. Si el nombre del archivo no existe o contiene todos los caracteres especiales, puede configurar el sistema para que reemplace los caracteres especiales con un separador en la dirección URL de la salida del sitio de AEM. También puede configurarlo para que los reemplace por el nombre del primer tema secundario.

Para configurar los nombres de página, realice los siguientes pasos:

  1. Siga las instrucciones indicadas en Anulaciones de configuración para crear el archivo de configuración.
  2. En el archivo de configuración, proporcione los siguientes detalles (propiedad) para configurar los nombres de página de los temas.
PIDClave de propiedadValor de propiedad
com.adobe.fmdita.common.SanitizeNodeNamenodename.systemDefinedPageNameBoolean (true/false). Valor predeterminado: false

Por ejemplo, si el @navtitle de <topichead> tiene todos los caracteres especiales y usted establece la propiedad aemsite.pagetitle en true, de manera predeterminada, usa un separador. Si establece la propiedad nodename.systemDefinedPageName en true, se muestra el nombre del primer tema secundario.

Configure las reglas de saneamiento de nombres de archivo para crear temas y publicar resultados en AEM Sites y otros formatos

Como administrador, puede definir una lista de caracteres especiales válidos permitidos en los nombres de archivo, que finalmente forman la dirección URL de la salida de un sitio de AEM. En versiones anteriores, se permitía a los usuarios definir nombres de archivo que contenían caracteres especiales como @, $, >, etc. Estos caracteres especiales provocaban URL codificadas en la generación de páginas del sitio de AEM.

A partir de la versión 3.8, se han añadido configuraciones para definir una lista de caracteres especiales permitidos en los nombres de archivo. De manera predeterminada, la configuración de nombre de archivo válida contiene "a-z A-Z 0-9 - _". Esto implica que, al crear un archivo, puede tener cualquier carácter especial en el título del archivo, pero internamente se reemplazará con un guión (-) en el nombre del archivo. Por ejemplo, puede tener el título del archivo como Introducción 1 o Introduction@1, el nombre de archivo correspondiente generado para ambos casos sería Introducción-1.

Cuando defina una lista de caracteres válidos, recuerde que estos caracteres "*/:[\]|#%{}?&<>"/+" y a space se reemplazarán siempre con un guión (-).

NOTE
Si no configura la lista de caracteres especiales válidos, el proceso de creación de archivos podría dar algunos resultados inesperados.

Siga las instrucciones indicadas en Anulaciones de configuración para crear el archivo de configuración. En el archivo de configuración, proporcione los siguientes detalles (property) para configurar los caracteres especiales válidos en los nombres de archivo y en la salida del sitio de AEM:

PIDClave de propiedadValor de propiedad
com.adobe.fmdita.common.SanitizeNodeNameImplaemsite.DisallowedFileNameCharsAsegúrese de que la propiedad está establecida en '<>`@$. Puede agregar más caracteres especiales a esta lista.
NOTE
La configuración anterior se aplica a todos los formatos de salida. Esto significa que, al generar una salida de PDF, HTML o personalizada, la salida final sigue las reglas de saneamiento de nombres de archivo configuradas.

También puede configurar otras propiedades, como el uso de minúsculas en los nombres de archivo, el separador para controlar los caracteres no válidos y el número máximo de caracteres permitidos en los nombres de archivo. Para configurar estas propiedades, agregue los siguientes pares de valor clave en el archivo de configuración:

Clave de propiedadValor de propiedad
nodename.uselowerBooleano (true/false).
Valor predeterminado: true
nodename.separatorCualquier carácter.
Valor predeterminado: _ (guion bajo)
nodename.maxlengthValor entero.
Valor predeterminado: 50