El impresionante proceso de generación de páginas web de HTML adaptable de HelpNDoc se puede personalizar para añadir un logo, CSS modificado y código JavaScript, strings traducidas y más… Comprobemos lo fácil y rápido que es producir páginas web de documentación HTML auténticamente personalizadas usando HelpNDoc.

Añadir un logo personalizado a la biblioteca del proyecto

La biblioteca incluye todos los elementos reutilizables audiovisuales (imágenes, vídeos, documentos…) disponibles en el proyecto.

Añadir un logo personalizado a la biblioteca

Para añadir la imagen de logo deseada a la biblioteca del proyecto son necesarios unos cuantos pasos sencillos:

  1. Desde la pestaña “Inicio” de HelpNDoc, en el grupo “Biblioteca”, haz clic en “Añadir ítem”
  2. Haz clic en “Añadir imagen”
  3. Haz clic en “Incluir archivo” para buscar el logo deseado en el disco duro, o bien arrástralo desde Windows Explorer y suéltalo en el panel de vista previa
  4. Haz clic en “OK”

El logo ya forma parte de tu proyecto y está guardado en tu archivo HND de proyecto. Puede utilizarse en cualquiera de los temas presentes en el proyecto, así como en los ajustes de disposición personalizada.

Personalizar ajustes de disposición HTML

HelpNDoc es capaz de generar un lote de disposiciones de documentación a partir de una sola fuente. Cada disposición se puede personalizar para una compañía, un producto, o un grupo demográfico específico…

Definir los ajustes de la disposición personalizada de la documentación es facilísimo en HelpNDoc:

  1. Desde la pestaña “Inicio”, haz clic en la parte superior del botón “Generar ayuda” para que aparezca el cuadro de diálogo “Generar documentación”
  2. Selecciona la disposición que quieras personalizar en la lista: “Crear documentación HTML”
  3. Haz clic en “Personalizar” a la derecha si todavía no se ven las pestañas de personalización
  4. Navega hasta la pestaña “Ajustes de plantilla”
Personalizar ajustes de disposición HTML

A partir de ahí, puede utilizarse el campo CSS personalizado para añadir código CSS específico y el campo JavaScript personalizado para añadir código JavaScript específico, y así personalizar el aspecto, dinámica y comportamiento de la página web de documentación generada. Para definir un logo personalizado, simplemente selecciona la imagen recién incluida usando el campo Logo. También puede usarse el campo Enlace de logo para especificar una URL a la que enlazar cuando el usuario final haga clic en el logo. Hay disponibles varios ajustes de plantilla más para cada disposición, como campos para traducir tu documentación a otros idiomas.

Así de fácil y rápido es personalizar tu página web HTML de documentación generada: añadiendo en un momento un logo, CSS o código JavaScript personalizado, strings localizadas… podrás estar seguro de estar produciendo la página web de documentación más útil y con mejor aspecto para tus usuarios finales. Si todavía no lo has hecho, te animamos a descarga la edición gratuita de HelpNDoc para experimentar con esta potente herramienta de creación de documentación de ayuda.

Ver también...

images/replace-text-by-logo.jpeg
Domina las actualizaciones de contenido con las herramientas de búsqueda y sustitución para escritores técnicos de HelpNDoc

¿Estás cansado de la lucha constante para mantener la documentación consistente, actualizada y sin errores? Para los escritores técnicos y autores de contenido, gestionar estas dificultades puede ser …

Lee Mas →
images/woman-student-back-to-school-helpndoc.jpg
Transforma tu clase con HelpNDoc: la mejor herramienta de vuelta a clase para profesores y alumnos

A medida que se acerca la temporada de la vuelta a clase, educadores y estudiantes buscan herramientas que les permitan simplificar la creación de contenido, mejorar la colaboración y optimizar la …

Lee Mas →
images/chm-help-file-size-and-position.png
Cómo personalizar la posición y tamaño iniciales de los archivos CHM Help

Con HelpNDoc, crear archivos CHM (Compiled HTML Help) es muy rápido gracias a su interfaz fácil de usar y sus potentes funciones. En este artículo, exploraremos cómo configurar el tamaño y la posición …

Lee Mas →
images/produce-markdown-with-helpndoc-help-authoring-tool.png
Equilibrio entre seguridad y usabilidad: los mejores formatos de documentación para compartir a nivel interno

Compartir documentación de manera eficaz y segura es fundamental en el entorno laboral actual. Ya se trate de la distribución interna de manuales, documentación de proyectos o políticas de empresa, la …

Lee Mas →

Categorías: artículos