Pregunta sobre LuckyWP Table of Contents de Wordpress:

Agregar ID de CSS al contenedor div

Un usuario preguntó 👇

Hola,

¿Puede agregar un ID de CSS al div que contiene el TOC para

<div class="lwptoc lwptoc-autoWidth lwptoc-light lwptoc-notInherit" data-smooth-scroll="1" data-smooth-scroll-offset="24">

se convierte en

<div class="lwptoc lwptoc-autoWidth lwptoc-light lwptoc-notInherit" id="lwptoc" data-smooth-scroll="1" data-smooth-scroll-offset="24">

?

Porque algunos plugins como Q2W3 Fixed Widget permiten identificar ID de CSS personalizados para identificar elementos, pero no clases.

Gracias

(@laluckywp)

Hace 1 año, 4 meses

¡Hola, @nicoter!

¿Es esta pregunta real? En la última versión del plugin, agregamos una carpeta con ID al widget.

Esta respuesta fue modificada hace 1 año, 4 meses. Lanzador de hilos

(@nicoter)

Hace 1 año, 4 meses

No veo ninguna identificación, solo veo una clase. También con la última versión.

¿Quizás te refieres al ID dinámico agregado a los widgets de la barra lateral?

Pero no hay ID al agregar el TOC a un atajo.

(@laluckywp)

Hace 1 año, 4 meses

ID en la carpeta de widgets en la barra lateral, por ejemplo:

<aside id="lpwtoc_widget-6" class="widget widget_lpwtoc_widget">
	<div class="lwptoc lwptoc-autoWidth lwptoc-baseItems lwptoc-light lwptoc-notInherit">
		…
	</div>
</aside>

Esta respuesta fue modificada hace 1 año, 4 meses. Lanzador de hilos

(@nicoter)

Hace 1 año, 4 meses

Esa es la ID dinámica agregada a los widgets de la barra lateral como dije en la última publicación. WordPress se suma a esto, pero:

– difiere según el orden del widget, p. ej. lpwtoc_widget-6 o lpwtoc_widget-3 o lpwtoc_widget-1

– no se agrega cuando la tabla de contenido se agrega manualmente a una página mediante un acceso directo

(@laluckywp)

Hace 1 año, 4 meses

Si hacemos ID con ToC, entonces también será dinámico. La página debe tener una identificación única.

¿Es posible optar por el reconocimiento configurado manualmente?

Lanzador de hilos

(@nicoter)

Hace 1 año, 4 meses

No es necesario que sea único a nivel de página. La etiqueta del cuerpo ya tiene una clase única por página / publicación, p. Ej. postid-3514. Entonces, si alguien quiere abordar el ID en una página en particular, puede hacerlo combinando la clase única y el ID estático.

El ID estático en la carpeta debe verse exactamente como el lwptoc la clase es ahora mismo. Esto solo es necesario porque hay otros plugins que solo pueden abordar elementos con ID, no clases.

(@laluckywp)

Hace 1 año, 4 meses

Pero algunos TdC pueden estar en una página y su identidad debería ser diferente. Así que una identificación dinámica tendrá que ser suficiente.

Lanzador de hilos

(@nicoter)

Hace 1 año, 4 meses

El es lwptoc la clase tampoco es dinámica. ¿Por qué debería ser la identificación?

Si uno necesita abordar un ejemplo específico de TOC, puede usar los selectores SEC nth-child o nth-of-type.

Lanzador de hilos

(@nicoter)

Hace 1 año, 4 meses

O puede agregar dos ID, por ejemplo:

"lwptoc lwptoc-1"

(@laluckywp)

Hace 1 año, 4 meses

Porque una identificación única debe ser: https://www.w3schools.com/html/html_id.asp

Lanzador de hilos

(@nicoter)

Hace 1 año, 4 meses

Gracias por el enlace, no estaba al tanto de esto.

Bueno, en este caso tienes razón, debería ser único para cada caso de la TOC.

Como generalmente solo tengo una instancia por página, no debería haber ningún problema con esto usando la ID como selector para otro plugin. Pero es un poco más difícil implementarlo.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *