Cómo crear una tabla de contenido en WordPress Post

Un contenido es una parte necesaria de las publicaciones de WordPress, especialmente publicaciones largas con muchos títulos.Crear un contenido ayuda a los lectores a seguir y comprender la idea de manera fácil y rápida.Además, le ayuda a agregar más palabras clave a las publicaciones, lo cual es muy bueno para el SEO.
Se esconde el contenido
1. Métodos para crear un contenido
2. Método 1: use un complemento para crear un contenido
2.1.Paso 1: Crear y configurar el contenido para el contenido
2.2.Paso 2: ingrese el contenido en la publicación
2.3.Paso 3: Personalizar el contenido del contenido
2.4.Personalizar el contenido de cada publicación
3. Método 2: use el código para crear un contenido.
3.1.Paso 1: cree el contenido para publicar
3.2.Paso 2: Use CSS para personalizar
4. Las últimas palabras
Métodos para crear un contenido Hay 2 formas de crear un contenido en una publicación de WordPress. El primer método es el uso de un complemento. Esto es simple, rápido y gratuito tanto para principiantes de código como para principiantes de WordPress. El segundo usa el código. Esto le permite personalizar su contenido, incluso los detalles más pequeños, pero es bastante complicado para la falta de código. Notaremos el código para crear un contenido en esta publicación. ¡Solo copia y péguelo! Primero pasemos por el proceso de crear un contenido de complemento: Método 1: Use un complemento para crear un Paso 1: Crear y configurar el contenido de Contenido Hay muchos complementos gratuitos para crear un contenido de WordPress. Elegimos LuckyWP incluido porque nos da un resultado extremadamente personalizable y hermoso. Sin embargo, este complemento tiene muchas configuraciones, lo que puede confundirlo al principio. Así que siga nuestras instrucciones para salvarse. LuckyWP es un complemento gratuito y disponible en wordpress.org. Simplemente instale y active el complemento en el tablero.
Luego vaya a Configuración> Contenido, verá la pantalla Configuración. Aquí, hay 4 pestañas a las que debe prestar atención: general, apariencia, inserción automática, procesamiento de títulos. Son pestañas utilizadas para configurar y personalizar el contenido que se mostrará. Varios es una pestaña con configuraciones complejas y sin importancia, por lo que puede ignorarla.

En este paso, solo trabaja en la pestaña General. Hay muchas configuraciones en esta sección. Para ahorrar tiempo, debe centrarse en las siguientes partes importantes:

Número: para numerar los títulos. Debe elegir una de estas opciones: sin números, números decimales (abrazos), números romanos (abrazo).
Título: El título del contenido. Está contenido por defecto.
Dejemos el resto de la configuración como valores predeterminados, porque esto no te afecta demasiado tacón. Haga clic en Guardar cambios para completar. Así que hice entornos generales del talón. Pasemos al siguiente paso. Paso 2: ingrese el contenido en la publicación Hay 2 formas de insertar un contenido en su publicación: inserción automática y manual.

La inserción automática significa que un contenido se agrega automáticamente en todas las publicaciones. De esta manera, ahorra mucho tiempo y esfuerzo, pero no funciona si desea insertar un talón solo en algunas publicaciones. La inserción manual significa que si quieres tener un talón en una publicación, debes ingresarlo solo en esa publicación. Esto puede tomar más tiempo y cometer errores. Presentaremos ambos métodos en detalle. Puede elegir la opción que le convenga. Ingrese automáticamente el acceso a la pestaña Inserción automática> Activación. El complemento elige la publicación como predeterminado. Si no lo desea, puede cambiar a otro tipo de publicación.

En la sección de posición, elija dónde desee insertar el contenido. ¡No olvide hacer clic en Guardar los cambios!
Entonces, todas las publicaciones en el tipo de publicación elegida incluida. Introducción manual La introducción manual de sonidos parece complicada, pero en realidad es muy simple. Acceda a la pestaña de procesamiento de títulos. Allí, elija el tipo de publicación, luego haga clic en Guardar los cambios.
Luego, vaya al editor de publicaciones de una publicación del tipo de publicación que ha elegido, haga clic en la activación del talón. Ahora, su talón está prácticamente listo. Además, incluso podemos atacar el color, la fuente, el tamaño de los artículos, … para hacerlo más hermoso. Sigue el siguiente paso.

Paso 3: Personalice la visualización del contenido. También hay 2 formas de personalizar la pantalla: personalizarla en todas las publicaciones simultáneamente y personalizarla en cada publicación. Personalice los contenidos en todas las publicaciones, puede personalizar todo el contenido en detalle accediendo a la pestaña Aspect. Hay muchas configuraciones, como el tamaño de la fuente del título, el tamaño de la fuente de artículos, el color del enlace, … es inútil observar todas las configuraciones, centrarse solo en lo que desea. Por ejemplo, no me gusta el tamaño azul y actual de la fuente del título. Quiero cambiar el color en gris oscuro y dimensiones más pequeñas para que se vea mejor con la publicación. Entonces, personalizaré el tamaño de la fuente del título, el tamaño de la fuente de artículos, el color del enlace y mantendré el resto de la configuración como en la imagen a continuación:

Mi HEC después de la personalización se ve así:

Ahora, parece mucho más armonioso. Sin embargo, es posible que desee tener diferentes contenidos en diferentes publicaciones, desplácese hacia abajo para leer cómo personalizarlos en cada publicación. Personalice el contenido de cada publicación, este trabajo también es simple y rápido. Primero, vaya al editor de publicaciones, elija Contenido> Personalización.
Aparece una ventana de personalización emergente. Verá algunas pestañas familiares como se indicó anteriormente. Son generales, de apariencia y diversos. . Acceda a la pestaña de aspecto y modifique algunas configuraciones, también editando en el enchufe en el enchufe. Haga clic en Guardar para completar! Ahora veamos el resultado final del contenido del contenido.



Ambos métodos de personalización traen un contenido muy hermoso y detallado. Entonces eres libre de elegir cómo te gusta. Ahora veamos cómo usar el código para crear un contenido. Método 2: use el código para crear un contenido. Paso 1: Cree el contenido para publicar acceso para el aspecto> Tema> Editor> Functions.php. Luego agregue el siguiente código al archivo Functions.php para insertar en las publicaciones. Nota: Este código es agregar solo 2 niveles de título en el contenido. Función create_toc ($ html) {

$ hec = ”;

If (is_singure ()) {

if (! $ html) devuelve $ html;

$ dom = new DomDocument ();
libxml_use_internnal_errors (true);
$ dom-> ladhtml (mb_convert_encoding ($ html, ‘html-entiers’, ‘utf-8’));
libxml_clear_errors ();
$ hec = ‘
contenido
;
$ H2_status = 0;
$ H3_status = 0;
$ i = 1;
Foreach ($ dom-> getElementsBytagName (‘*’) como $ item) {
if ($ element-> tagName == ‘H2’) {
if ($ h3_status) {
$ hec. = ‘
‘;
$ H3_status = 0;
}
if ($ h2_status) {
$ hec. = ‘
‘;
$ H2_status = 0;
}
$ H2_status = 1;
$ hec. = ‘
‘.$ Artículo-> Texto.”“; $ element-> settribute (‘id,’ toc- ‘. $ i);
$ i ++;
} elseif ($ element-> tagName == ‘H3’) {
If (! $ H3_status) {
$ hec. = ‘
;
$ H3_status = 1;
}
$ hec. = ‘
‘.$ Artículo-> Texto.’
‘;
$ element-> settribute (‘id’, ‘hec-‘. $ i);
$ i ++;
}
}
if ($ h3_status) {
$ hec. = ‘
‘;
}
if ($ h2_status) {
$ hec. = ‘
‘;
}
$ hec. = ‘
‘;
$ html = $ dom-> saveHtml ();
}
devolver $ tacón.$ html;
}
add_filter (‘the_content’, ‘create_toc’);
Explicación:

código explicación function $ hec = ‘
CONTENIDO para agregar un título al contenido y mostrarlo sobre él. Puede reemplazar el texto “Contenido”, ya sea en el Título. Parámetros como H2, H3 en las etiquetas que desea en el código. get_the_permalink (). ‘#TOC-‘. $ i. ‘”>’. $ Artículo-> Texto. ““; if ($ h3_status) {$ hec. = ‘
‘; } if ($ h2_status) {$ hec. = ‘
‘; } $ hec. = ‘
‘; $ html = $ dom-> saveHtml (); } Devolver $ Heel. $ Html; para agregar puntos frente a cada título.
Por supuesto, tenemos que estilizarlo un poco. Usaremos CSS, una herramienta favorita de todos los codificadores. Paso 2: use CSS para personalizar para personalizar a través de CSS, acceder al archivo style.css en el editor de inicio. Allí, debe insertar el código que escribe solo para personalizar el talón como desee. Por ejemplo, quiero personalizar el color y la intensidad del contenido, por lo que ingresaré el siguiente código: .toc-Bound {
Color de fondo: #619162;
Color: #fff;}
.Toc-Cectr {
Chenar-jos: 1px sólido #fff;

Llenado: 10px;

Tamaño de fuente: 20px;
Texto-transformación: uppercase;
}
Ul.Toc {
Tipo de estilo Lista: Ninguno;
Llenado: 10px;
ROLDE-LEFURA: 25px;
}
.toc li a {
Color: #fff;
}
ul.toc> li {
Tamaño de fuente: 18px;
Peso de fuente: 700;
Llenado: 5px 0;
}
UL.TOC-SUB {
Tipo de estilo Lista: Ninguno;
}
ul.toc-su li a {
Peso de fuente: 200;
}
Recuerde hacer clic en Actualizar el archivo para guardarlo.
El resultado final se ve así:
En conclusión, tanto el uso de un complemento como la codificación nos ofrece el mismo contenido hermoso. Puede elegir cualquier opción siempre que esté satisfecho. Las últimas palabras, como puede ver, crear un contenido en las publicaciones de WordPress no es complejo en absoluto. Siga nuestro tutorial y tendrá un contenido hermoso. Un buen contenido deja su publicación más clara y más profesional. Por lo tanto, los espectadores pueden tener experiencias más amigables al leer su blog. Si tiene alguna pregunta, envíelas al cuadro de comentarios a continuación.