Herramientas de desarrolladores

La mejora Herramientas de Desarrolladores ofrece una amplia gama de opciones de personalización del tablero mediante scripts y hojas de estilo propios. Todo lo que necesitas son buenas ideas y conocimientos básicos de Javascript y CSS.
Todas las herramientas disponibles actualmente se pueden habilitar desde Ajustos del tablero → Complementos → Herramientas de Desarrolladores.
Ten en cuenta que las Herramientas de Desarrolladores están disponibles para los usuarios con privilegios de propietario o administrador de la cuenta.

¿Cómo utilizar las Herramientas de Desarrolladores?

Con el complemento de Herramientas de Desarrolladores, puedes mejorar tu tablero con scripts y hojas de estilo personalizadas, dando vida a tus ideas con solo un poco de JavaScript o CSS.

Explora una colección cada vez mayor de scripts gratuitos en nuestro repositorio GitHub, o crea los tuyos propios para adaptar Kanban Tool a tus necesidades. Aprovecha todo el potencial de la personalización y haz que el flujo de trabajo sea realmente tuyo.

El complemento se puede añadir directamente desde la página Ajustes → Complementos → Herramientas de Desarrolladores de tu tablero, de una de las siguientes maneras:

  • Enlace a un script ya creado: copia un enlace del repositorio GitHub de Kanban Tool y pégalo en Herramientas de Desarrolladores, en “Introduce enlaces a los textos seleccionados abajo”.
  • JavaScript personalizado: pega tu propio código en “Javascript”.
  • CSS personalizado: aplica tus propios estilos en “CSS”.
Applying an existing Developer Tools script

Fuente grande: fuente más grande en tarjetas cerradas

¿Quieres aumentar el tamaño de los títulos de tus tarjetas?
Prueba este sencillo script para aumentar el tamaño predeterminado de la fuente en las tareas cerradas:

  • medium-font.css aumenta ligeramente el tamaño del texto.
  • large-font.css facilita aún más la lectura de un vistazo.

¿Cómo se aplica?

Para utilizar el script Large Font (Fuente grande), ve a Ajustes → Complementos → Herramientas de Desarrolladores, pega cualquiera de los enlaces en el área Introduce enlaces a los textos seleccionados abajo y confirma haciendo clic en Guardar cambios.

/scripts/large-font/medium-font.css
/scripts/large-font/large-font.css

¿Prefieres especificar tú mismo el tamaño y el tipo de fuente?

¡Claro que sí! En lugar de utilizar la Large Font (Fuente grande), solo tienes que personalizar el siguiente CSS con la familia y el tamaño de fuente que prefieras (utiliza valores em o px), a continuación, pegarlo en la ranura CSS de las Herramientas de Desarrolladores.

.kt-task-body {font-family:"PT Serif" !important; font-size:2em !important;}

¿Prefieres aumentar todos los elementos del tablero?

También puedes ajustar el zoom del tablero en la configuración del fondo del tablero para ampliar la vista completa del tablero. ¡No es necesario pegar enlaces de scripts ni CSS!

Inclinación de Tarjeta: aspecto de notas adhesivas reales

¿Quieres añadir un toque especial a tus tableros? El script Card Tilt (Inclinación de Tarjeta) le da a tus tarjetas un aspecto divertido, similar al de las notas adhesivas, rompiendo con la alineación rígida para crear una sensación más creativa.

¿Cómo se aplica?

Para utilizar Inclinación de Tarjeta, ve a Ajustes → Complementos → Herramientas de Desarrolladores y pega el siguiente enlace en el área Introduce enlaces a los scripts seleccionados. A continuación, confirma haciendo clic en Guardar cambios.

/scripts/card-tilt/card-tilt.js
El script Card Tilt

¿Quieres ajustar aún más el diseño del tablero?

Prueba las siguientes funciones para que el tablero resulte más divertido y atractivo para tu equipo:

Eliminar Todo: eliminar todas las tarjetas de una columna

¿Cansado de eliminar tareas una por una? El script Delete All (Eliminar Todo) te lo pone fácil.
Añade una opción Delete all al menú contextual de tu columna; solo tienes que hacer clic con el botón derecho en un espacio vacío dentro de una columna para acceder a ella.

Eliminar todas las tareas con un script de las Herramientas de Desarrolladores

¿Cómo se aplica?

Para utilizar Eliminar Todo, ve a Ajustes → Complementos → Herramientas de Desarrolladores y pega el siguiente enlace en el área Introduce enlaces a los scripts seleccionados. A continuación, confirma haciendo clic en Guardar cambios.

/scripts/delete-all/delete-all.js

Asegúrate de utilizar esta función con precaución. Aunque las tareas eliminadas se pueden recuperar durante un tiempo limitado, solo los administradores y propietarios de la cuenta tienen acceso a esta acción.
Para obtener los mejores resultados, recomendamos archivar las tareas completadas en lugar de eliminarlas.

Guardar y Listo: envía una tarea directamente a 'Hecho'

El script Save and Done (Guardar y listo) añade una opción adicional a la vista de tareas abiertas, lo que te permite enviar una tarjeta al final del proceso con un solo clic.

Al hacer clic en el nuevo botón Move to Done (Mover a Hecho), la tarjeta se guardará y se moverá a la última columna (la más a la derecha) de tu tablero. ¡Se acabaron los tediosos movimientos manuales de aquellas tareas que no necesitan pasar por todas las columnas del proceso del tablero!

El script Guardar y Listo

¿Cómo se aplica?

Para utilizar Guardar y Listo, ve a Ajustes → Complementos → Herramientas de Desarrolladores y pega el siguiente enlace en el área Introduce enlaces a los scripts seleccionados. A continuación, confirma haciendo clic en Guardar cambios.

/scripts/save-done/save-done.js

Tarea Completada: mover a 'Hecho' desde el menú contextual

¿Quieres una forma más rápida de completar tareas? El script Task Done (Tarea Completada) añade una nueva opción al menú contextual de tu tarea, lo que te permite moverla instantáneamente a la última columna, sin importar dónde se encuentre en tu tablero.

Using the Task Done script

Perfecto para tareas que no necesitan pasar por todo el flujo de trabajo, este sencillo atajo te ayuda a mantenerte organizado y trabajar de forma más eficiente.

¿Cómo se aplica?

Para utilizar Tarea Completada, ve a Ajustes → Complementos → Herramientas de Desarrolladores y pega el siguiente enlace en el área Introduce enlaces a los scripts seleccionados. A continuación, confirma haciendo clic en Guardar cambios.

/scripts/task-done/task-done.js

Cambiar Columna: mover tarea a cualquier etapa

¡Aumenta tu productividad al máximo habilitando una opción adicional en el menú de tarjetas para transferir rápidamente tareas entre cualquier columna del tablero!

El script Cambiar Columna

¿Cómo se aplica?

Para utilizar Change Column (Cambiar Columna), ve a Ajustes → Complementos → Herramientas de Desarrolladores y pega el siguiente enlace en el área Introduce enlaces a los scripts seleccionados. A continuación, confirma haciendo clic en Guardar cambios.

/scripts/change-column/change-column.js