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.
Para añadir la imagen de logo deseada a la biblioteca del proyecto son necesarios unos cuantos pasos sencillos:
- Desde la pestaña “Inicio” de HelpNDoc, en el grupo “Biblioteca”, haz clic en “Añadir ítem”
- Haz clic en “Añadir imagen”
- 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
- 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:
- 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”
- Selecciona la disposición que quieras personalizar en la lista: “Crear documentación HTML”
- Haz clic en “Personalizar” a la derecha si todavía no se ven las pestañas de personalización
- Navega hasta la pestaña “Ajustes de plantilla”
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...
Controla la estructura de tu documentación con el potente Editor de Índices de HelpNDoc
En el corazón de cualquier proyecto de documentación se encuentra el Editor de Índices de HelpNDoc, una herramienta de aspecto simple pero gran potencia diseñada para optimizar la organización de …
Lee Mas →
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 →
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 →
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 →