# Creación de guías

# Introducción

Parece algo de Perogrullo, pero las estanterías contienen los libros. Cada artículo, sea grande o pequeño, es un libro en la estantería de esta web. Estanterías, tenemos de momento tres, una para guías en español, en francés y otra para guías en inglés. Esperamos ampliar pronto con algunas guías en japonés.

El propósito de tener organizada la documentación en guías rápidas es **evitar los documentos largos y tediosos**, por eso cada documento se debe dividir en páginas, que tratarán un problema cada vez. Se hará una página nueva y se enganchará con la siguiente para poder leer de una manera cómoda y que no "atosigue" al lector de la guía.

En esta web la jerarquía de elementos es ESTANTERIA &gt; LIBRO &gt; CAPITULO &gt; PAGINA. En la mayoría de los casos no utilizaremos capítulos, solo LIBROS y PÁGINAS, para simplificar la lectura de las guías, que deberían ser siempre cortas y concisas. Huimos de los textos llenos de apartados, subcapítulos y anexos. Para eso está otro tipo de documentación (Wiki) que ya tenemos. No lo olvides.

[**SIGUIENTE &gt;**](https://pandorafms.com/guides/public/books/creacion-de-guias/page/creando-un-libro)

# Creando un libro

Crear un libro, si tienes permisos, es sencillo, solo tienes que ir a la pantalla principal de la estantería y hacer click en "Nuevo libro:"

[![image-1603180964732.png](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/scaled-1680-/image-1603180964732.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/image-1603180964732.png)

Rellenar los datos que te piden. Presta especial atención a lo de subir una portada. Es importante que cada guía tenga una portada significativa, si es sobre alguna tecnología, que muestre el logo de dicha tecnología o algo relacionado. También tendrás que tener en cuenta el uso de TAGS, en este caso usamos LANG con valor ES para indicar que el articulo está en español:

[![Libro1.png](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/scaled-1680-/libro1.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/libro1.png)

Solo esto. Ya estás listo para el siguiente paso: ¡añadir páginas a tu libro!

 [**&lt; ANTERIOR**](https://pandorafms.com/guides/public/books/creacion-de-guias/page/introduccion) [**SIGUIENTE &gt;**](https://pandorafms.com/guides/public/books/creacion-de-guias/page/pagina-nueva)

# Página nueva

Desde la vista principal del libro, podrás ver que la primera opción del menú de la derecha, permite crear una página:

[![paginanueva.png](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/scaled-1680-/paginanueva.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/paginanueva.png)

Cuando creas una página, esto es lo que ves. Existe una barra de botones arriba para darle formato, para agregar imágenes y un sinfín de cosas más. Puedes copiar y pegar imágenes desde tu ordenador, arrastrar imágenes, hacer tablas, editar y otras muchas cosas. Ahora simplemente, conténtate con editar el contenido y asegurarte de que no sea demasiado largo.

[![edicionpagina.png](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/scaled-1680-/edicionpagina.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/edicionpagina.png)

Al terminar, darle a GUARDAR, el botón de arriba a la derecha:

[![image-1603181476721.png](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/scaled-1680-/image-1603181476721.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/image-1603181476721.png)

**[&lt; ANTERIOR](https://pandorafms.com/guides/public/books/creacion-de-guias/page/creando-un-libro)** [**SIGUIENTE &gt;**](https://pandorafms.com/guides/public/books/creacion-de-guias/page/enlace-a-siguiente-pagina)

# Enlace a siguiente página

La tecnología de momento no permite hacerlo de manera automática, asi que crearemos enlaces a mano. Para ello escribiremos el texto "SIGUIENTE &gt;" y lo alinearemos a la derecha al final del documento, y lo enlazaremos manualmente a la siguiente página. Esto hará que leer una guía sea un proceso fácil de seguir, sin tener que ir al menú de la izquierda:

Para crear el enlace, seleccionaremos la palabra que hemos creado (SIGUIENTE &gt;) y le daremos al botón de crear link:

[![image-1603181644831.png](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/scaled-1680-/image-1603181644831.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/image-1603181644831.png)

Obtendremos la URL del capítulo al visualizarlo desde otra ventana del navegador y lo usaremos para construir en enlace:

![image-1603181614972.png](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/scaled-1680-/image-1603181614972.png)Posteriormente podremos hacer lo mismo con el enlace para ir a la página anterior.

Aunque este proceso lo haremos rápidamente, puede ser que en otras ediciones de página nos lleve más tiempo. BookStack guarda automáticamente *y también permite que guardemos un borrador en cualquier momento que necesitemos.*

*[![BookStack save draft.png](https://pandorafms.com/guides/public/uploads/images/gallery/2021-04/scaled-1680-/bookstack-save-draft.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2021-04/bookstack-save-draft.png)*

Finalmente, para guardar la edición, por favor utilizad la opción **Set Changelog** el cual permite colocar un comentario en la edición: escribir y *presionar la tecla*  <kbd>Intro</kbd> *o* <kbd>Enter</kbd> y el cambio será almacenado.

[![BookStack set changelog.png](https://pandorafms.com/guides/public/uploads/images/gallery/2021-04/scaled-1680-/bookstack-set-changelog.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2021-04/bookstack-set-changelog.png)

Al consultar las ediciones queda de esta manera:

[![BookStack page revisions.png](https://pandorafms.com/guides/public/uploads/images/gallery/2021-04/scaled-1680-/bookstack-page-revisions.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2021-04/bookstack-page-revisions.png)

**[&lt; ANTERIOR ](https://pandorafms.com/guides/public/books/creacion-de-guias/page/pagina-nueva) [ SIGUIENTE &gt;](https://pandorafms.com/guides/public/books/creacion-de-guias/page/consejos-generales)**

# Consejos generales

Algunos consejos generales buenos para cualquier guía rápida.

#### Paso a paso

Utiliza las páginas para dividir el contenido al máximo. Intenta que no haya scroll vertical, y si lo hay que sea mínimo. Cuando hablemos de algo técnico que es complejo y que requiere una serie de pasos<span style="text-decoration: underline;"> lo dividiremos en partes, nunca será un solo bloque</span>. De esta forma, cuando el usuario intente realizarlo por su cuenta y falle en un paso, sabrá dónde se queda y no será tan confuso para él. Dentro de una página, lo dividiremos en pasos siempre que sea posible. Veamos un ejemplo:

- - - <span style="font-weight: 400;">Por ejemplo,</span><span style="font-weight: 400; color: #ff0000;"> ASÍ NO:</span>
            
              
            *<span style="font-weight: 400;">Eche un vaso de lentejas, tres vasos de agua, algo de chorizo. Esperar 2 horas. También se puede echar cebolla. Algunas personas le echan aceite antes de hervir, otros después, un poco de pimentón también viene bien. El fuego conviene que no sea alto, y si lleva hora y media y está seco, echar un poco de agua y bajar el fuego.</span>*
            
              
            <span style="font-weight: 400; color: #008000;">ASÍ SÍ:</span>
            
              
            *<span style="font-weight: 400;">Ingredientes:</span>*
            
            
            - *<span style="font-weight: 400;">Un vaso de lentejas.</span>*
            
            
            - *<span style="font-weight: 400;">100gr de chorizo cortado en rodajas</span>*
            
            
            - *<span style="font-weight: 400;">⅛ de cebolla en rodajas grandes.</span>*
            
            
            - *<span style="font-weight: 400;">Una cucharada pequeña de pimentón.</span>*
            
            
            - *<span style="font-weight: 400;">Una cucharada pequeña de sal.</span>*
            
            
            - *<span style="font-weight: 400;">Una cucharada pequeña de aceite antes de hervir.</span>*
            
              
            *<span style="font-weight: 400;">Dejar a fuego medio durante dos horas. Verificar cada media hora, si se va quedando sin agua, añadir un poco y bajar el fuego.</span>*

#### <span style="font-weight: 400;">Formateo de comandos y pantallas.</span>

Separa todas las instrucciones de "ejecutar cosas" usando el formateo de *code block*:

[![image-1603181991508.png](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/scaled-1680-/image-1603181991508.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/image-1603181991508.png)Por ejemplo:

```shell
cd /
find -name "pandora.conf" -print
rm -Rf /etc/pandora
```

Utiliza el formateo de "*callouts*" para indicar puntos especiales en modo "atención", "cuidado":

[![image-1603182033546.png](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/scaled-1680-/image-1603182033546.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/image-1603182033546.png)

<p class="callout warning align-left">Una guía rápida debe ser rápida y precisa. No te enrolles (esto es un ejemplo de callout)</p>

#### Botones de navegación entre páginas

Los botones de navegación "**SIGUIENTE &gt;**" y "**&lt; ANTERIOR**" hay que hacerlos a mano, pero son muy útiles para el lector. puedes dejarlos para el final, cuando todo lo demás esté hecho, pero <span style="text-decoration: underline;">¡no olvides meterlos!</span> Puedes ver como se usan [en esta guía](https://pandorafms.com/guides/public/books/creacion-de-guias/page/enlace-a-siguiente-pagina).

#### Capturas de pantalla

Una captura debería estar <span style="text-decoration: underline;">siempre centrada</span> y <span style="text-decoration: underline;">siempre debería poder leerse lo que pone en su interior sin ampliar imagen o hacer click en ella</span>. **De nada sirve meter capturas donde no se puede leer el contenido**. No utilices capturas de pantalla completas, utiliza recortes de las mismas. Así mismo, queda igual de mal ver imágenes demasiado ampliadas. Veamos una captura mal usada:

![capturamala.png](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/scaled-1680-/capturamala.png)*¿Puedes leer algo en ella?, por eso no vale para nada esta captura.*

Una imagen <span style="text-decoration: underline;">nunca debería verse más grande de lo que se ve en una pantalla normal</span>, salvo que haya una razón expresa para ello. Además quedan horribles, lo mismo que si están deformadas respecto a su relación de aspecto original.

Si hay que hacer click en algún lugar, <span style="font-weight: 400;">habrá que indicarlo con un <span style="text-decoration: underline;">círculo rojo bien visible,</span> por ejemplo:</span>

[![image-1603321129838.png](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/scaled-1680-/image-1603321129838.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/image-1603321129838.png)

<span style="font-weight: 400;">Revisa que las capturas de pantalla que hayas puesto <span style="text-decoration: underline;">no contengan datos confidenciale</span>s.</span>

<span style="font-weight: 400;">La Shell o<span style="text-decoration: underline;"> los comandos se pondrán en texto</span> en formato *codeblock*, no con capturas de pantalla para que el usuario pueda “copiar / pegar” si lo necesita, de una imagen no se puede copiar/pegar. Esta captura por ejemplo no es útil:</span>

<span style="font-weight: 400;">[![shellmal.png](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/scaled-1680-/shellmal.png)](https://pandorafms.com/guides/public/uploads/images/gallery/2020-10/shellmal.png)</span>

#### <span style="font-weight: 400;">Consejos breves de estilo</span>

**Menos siempre es más.**<span style="font-weight: 400;"> Cuanto más precisa sea la documentación, mejor. Si un texto que ocupa 200 palabras podemos dejarlo en 100 sin perder un ápice de significado, mejor. Se deben emplear: </span>**frases cortas, sin subordinadas y con vocabulario técnico, preciso, y aunque se repita, no será necesario utilizar sinónimos.**

**Documentar no consiste en demostrar lo mucho que se sabe**, a veces habrá que escoger qué contar para ir al grano y no perdernos con demasiadas explicaciones. Las guías rápidas tienen un propósito principal, realizar una tarea, y quizás uno secundario, aprender. Nunca hay que sacrificar el objetivo principal ni perderlo de vista.

[**&lt; ANTERIOR** ](https://pandorafms.com/guides/public/books/creacion-de-guias/page/enlace-a-siguiente-pagina) [**SIGUIENTE &gt;**](https://pandorafms.com/guides/public/books/creacion-de-guias/page/recomendaciones-generales-y-estilo)

# Recomendaciones generales y estilo

<span style="font-weight: 400;">La documentación técnica tiene un estilo de redacción diferente al periodismo, a la literatura de ensayo o a la escritura comercial (</span>*<span style="font-weight: 400;">copywritting</span>*<span style="font-weight: 400;">). Debe ser aséptica, neutra, eficaz y rápida. Para ello hay que ser lo más objetivo posible, evitar cualquier figura literaria, adorno de estilo y simplificar al máximo las expresiones, las estructuras del lenguaje. Para ello, se deben emplear frases cortas con tiempos verbales simples.</span>

<span style="font-weight: 400;">Como desconocemos a la persona que va a leer el texto, asumimos como regla general dos cosas, en todo momento.</span>

1. <span style="font-weight: 400;">Contextualizar al lector para que entienda de lo que hablamos, ya que no conocemos sus conocimientos.</span>
2. <span style="font-weight: 400;">No des nada por supuesto. El lector no tiene porqué saber cosas que nosotros damos por sabidas a la hora de explicar lo que estamos explicando.</span>

<span style="font-weight: 400;">Obviamente no se trata de enseñar al lector a sumar si estamos hablando de operaciones aritméticas complejas en el manual, pero si introducimos por primera vez conceptos como “nodo” o “SNMP” conviene asumir que el lector no sabe lo que significan, y la primera vez, hacer el esfuerzo de hacer una pequeña introducción a dichos conceptos.</span>

**[&lt; ANTERIOR](https://pandorafms.com/guides/public/books/creacion-de-guias/page/consejos-generales)**