• Presentación
  • Parámetros
  • Actualización Log
  • Evaluación
  • Guía

FinchUI Article Directory Navigator (fui_toc) es un complemento de Z-BlogPHP de la familia FinchUI que analiza automáticamente los títulos de los artículos y genera directorios anidados en forma de árbol. Soporta tres estilos de presentación: simple, tarjeta de borde y barra lateral flotante. Puede configurar libremente el nivel de título, la numeración automática, el plegado predeterminado, el resaltado de desplazamiento y la posición de inserción.

Los estilos siguen las especificaciones de diseño de FinchUI 2.0, con adaptaciones de modo oscuro incorporadas: simplemente agregue `. fui-dark` al contenedor externo para cambiar automáticamente.

El fondo proporciona un selector de color para personalizar los títulos y los colores de enlace en el modo de color claro.

La interacción en el primer plano es impulsada por JS puramente nativo sin dependencia de terceros.


Log de actualización

https://es.finchui.com/showcase/fui_toc_changelog.html


Plug-in front-end efectos

Como se muestra en la página actual, se utiliza un estilo de borde.


Captura de pantalla de Plug-in Settings

Configuración básica

Generación de directorios

Analiza automáticamente los títulos de los artículos para generar directorios anidados en árboles verdaderos
  • Directorio anidado multinivel

    Verdadera estructura de árbol ul / liLa barra secundaria muestra actualmente el símbolo de jerarquía <unk>

  • Libre elección de jerarquía de títulos

    Soporte h2 ~ h6Combinaciones de opciones múltiples, configuración flexible

  • ID de ancla única

    Generar automáticamente el atributo id para el títuloAñade automáticamente -2 y -3 al mismo título para evitar conflictos

  • Umbral mínimo de título

    El directorio no se muestra cuando el número de títulos es inferior al valor establecidoEvite directorios redundantes en artículos cortos

  • Numeración automática

    Numeración de nivel de visualización opcionalFormato: 1. / 1,1. /1.1.1.

  • Posición de inserción

    Parte superior del artículoDespués del primer párrafoAntes del primer título

  • Control De Dispositivo De Pantalla

    PC y pantalla final móvil simultáneamentePantalla solo en PCSolo pantalla final móvil

Estilo de catálogo

Tres estilos de pantalla, siguiendo la especificación de diseño FinchUI 2,0
  • Estilo minimalista (sencillo)

    Sin fondo Sin bordeSeparador de línea delgada debajo de la barra de títuloIncorporar composición tipográfica de texto

  • Tarjeta de borde (en caja)

    Sigue el fondo de la superficie del temaBorde redondeadoBarra de título Línea inferior azul

  • Barra lateral flotante (flotante)

    Arreglado en el lado derecho de la páginaPermanece visible mientras la página se desplazaLa pantalla pequeña vuelve automáticamente al modo en línea

  • Modo oscuro

    Sigue la especificación oscura FinchUI 2,0Capa exterior más.fui-dark cambio automático

  • Esquema de color personalizado

    Conjunto de selector de color de fondo Color del títuloConjunto de selector de color de fondo Color de enlaceNo afecta el modo oscuro

Función interactiva

Controlador de JavaScript nativo puro sin dependencias de terceros
  • Doblar / desplegar

    Haga clic en la barra de título para cambiarAdmite operación de entrada / espacio de tecladoEl plegado predeterminado se puede configurar

  • Resaltado de desplazamiento

    Etiqueta el capítulo actual en tiempo real mientras te desplazasEl modo de barra lateral flotante funciona mejorCerrable

  • Salto suave

    Haga clic en un elemento para desplazarse suavemente hasta el título correspondienteAdmite configuración de desplazamiento de barra superior fija

  • Soporte de accesibilidad

    Anotación de atributos ARIAEstilo de enfoque de teclado

No me gusta0
Versión No.
1.0.4
ID de trabajo
fui_toc
Sitio web oficial del autor
https://es.finchui.com/
Requisitos del procedimiento
1.7.2
Versión de PHP
5.6
Tamaño del paquete
169.19 KB
  • 202609-30

    v1.0.4

    Adapte el modo claro y oscuro de FinchUI, estilo de tema de directorio unificado.

    • OptimizarEl texto del directorio, el fondo, los bordes, las esquinas redondeadas y las barras de desplazamiento se conectan a las variables del tema FinchUI para seguir automáticamente los modos claro y oscuro.
    • CambioEl color del título personalizado de fondo y el color del enlace se cambian a variables locales de directorio, y el esquema de color del tema del marco se prefiere en modo oscuro.
    • SeguridadAgregue la verificación de formato de color hexadecimal antes de enviar colores personalizados en primer plano.
  • 202609-05

    v1.0.3

    El estilo de directorio se carga bajo demanda para mejorar la protección de la entrada de configuración y la compatibilidad operativa.

    • OptimizarCargue estilos de directorios solo cuando el directorio de artículos se genere realmente y evite la salida duplicada.
    • ReparaciónLa generación de anclaje de directorios ya no se produce cuando la extensión mbstring no está instalada.
    • SeguridadLa página de configuración verifica que App Center o Finch Store estén habilitados después de la autenticación del administrador.
    • CambioComplete la lista de empaque de la identidad de la aplicación, el entorno compatible, el precio y el resumen de actualización.
  • 202603-13

    v1.0.2

    Las restricciones en los directorios solo tienen efecto en las páginas de artículos.

    • ReparaciónLos complementos de directorios ahora solo funcionan en páginas de artículos, y las páginas independientes (páginas creadas por la administración de páginas) ya no generan directorios.
  • 202603-07

    v1.0.1

    Primer lanzamiento

    • AñadirPrimer lanzamiento

Supongo que te gusta

Compartir

Copiar enlace
Horario de trabajo: 9: 00 - 22: 00
Sábado y domingo: 14: 00 - 22: 00
wechat
Escaneo de código para agregar servicio al cliente WeChat