📣 Seu anúncio aqui? Anuncie no ForoBeta

Como adicionar tabelas de conteúdo estilo Wikipedia

  • Autor Autor ramones33
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
R

ramones33

Zeta
Verificación en dos pasos activada
Hola, me gustaría poder implementar en algunas de mis entradas tablas de contenidos o índice como las que utilizan en wikipedia que permiten navegar por las diferentes secciones de un artículo

Un ejemplo de lo que digo en este enlace

Ese artículo de la wikipedia trata sobre la corriente alterna, si haces clic en el primer enlace del índice te lleva a la primera sección que es Historia

Saludos
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
En inglés se llama "anchors" y hay algunos plugins en Wordpress que permiten trabajar de esa forma, no son muchos pero algunos hay.

Intenta con anchors en el repertorio de plugins a ver qué puedes localizar que consideres útil para tu sitio web en Wordpress:
https://wordpress.org/plugins/search.php?q=anchor

El primero puede que te sirva, claro que puedes revisar y probar los otros a tu gusto

https://wordpress.org/plugins/better-anchor-links/screenshots/

screenshot-2.jpg
 
Una forma sencilla de hacer eso es con <a href=""></a> y <a name=""></a>, con estas 2 etiquetas se puede hacer lo que buscas.

Si quieres crear un indice como ese de Wikipedia, solamente debes de ponerles la etiqueta <a name> a los subtitulos, por ejemplo:

Siguiendo el ejemplo de Wikipedia, el subtitulo tiene la etiqueta asi:
HTML: 
<a name="historia">Historia</a>

En el año 1882 el físico, matemático, inventor e ingeniero Nikola Tesla, diseñó y construyó el primer motor de inducción de CA. Posteriormente el físico William Stanley, reutilizó, en 1885, el principio de inducción para transferir la CA...
Y el enlace del indice tiene el enlace así:
HTML: 
<a href="#historia">1 Historia</a>
2 Corriente alterna frente a corriente continua
3 Las matemáticas y la CA sinusoidal


Espero sea lo que buscas.
 
Última edição:
Gracias a ambos por el aporte.

esejoker468 disse:
Una forma sencilla de hacer eso es con <a href=""></a> y <a name=""></a>, con estas 2 etiquetas se puede hacer lo que buscas.

Si quieres crear un indice como ese de Wikipedia, solamente debes de ponerles la etiqueta <a name> a los subtitulos, por ejemplo:

Siguiendo el ejemplo de Wikipedia, el subtitulo tiene la etiqueta asi:
HTML: 
<a name="historia">Historia

En el año 1882 el físico, matemático, inventor e ingeniero Nikola Tesla, diseñó y construyó el primer motor de inducción de CA. Posteriormente el físico William Stanley, reutilizó, en 1885, el principio de inducción para transferir la CA...</a>
Y el enlace del indice tiene el enlace así:
HTML: 
<a href="#historia">1 Historia</a>
2 Corriente alterna frente a corriente continua
3 Las matemáticas y la CA sinusoidal


Espero sea lo que buscas.
Clique para expandir...

Mucho mejor de lo que busco, quizás de un poco más de trabajo que un plugin pero definitivamente vale la pena porque ya tengo unos cuantos.

No me funcionó con Name, pero gracias a tu comentario pude entender el código en el link de wikipedia, utilicé id de esta forma:

Inserir CODE, HTML ou PHP: 
<h2><span id="Texto cualquiera para vincular" style="color: #000000;">Título a mostrar</span></h2>

Nota: style="color: #000000;" No es necesario

Luego el vínculo es:

Inserir CODE, HTML ou PHP: 
<a href="#Texto cualquiera para vincular">Título a mostrar</a>

Gracias enormes, me ha encantado el resultado
 
Última edição:
No te compliques tanto, bájate éste plugin:
https://wordpress.org/plugins/table-of-contents-plus/

Crea la tabla, llamada TOC "table of contents", en base a las etiquetas H1, H2, etc., lo hace automáticamente y tu lo configuras para situarlo luego del primer párrafo o antes del primer H2.
 
Bien, lo intenté con los dos, me funcionó con ambos, tanto con plugin como manual, realmente para temas largos se vuelve tedioso estar colocando los id y sus enlaces, así que me quedé con TOC+. Muchas gracias por sus excelentes aportes
 
Qué bien se ve, gracias!!
 
EdmundoPG disse:
Qué bien se ve, gracias!!
Clique para expandir...

Es una versión LITE no sé qué limitaciones tenga con respecto a la versión PRO.

Si lo pruebas espero que me comentes tu opinión, igual recuerda que estos plugins nuevos pueden tener errores.
 
oK, gracias por la información...
 
He probado el plugin, está muy bien para la versión lite, pero es más para gestionar documentación de un producto o servicio al estilo de un F.A.Q. que de una tabla de contenidos como wikipedia. Creo que para ésto es mejor TOC+
 
EdmundoPG disse:
He probado el plugin, está muy bien para la versión lite, pero es más para gestionar documentación de un producto o servicio al estilo de un F.A.Q. que de una tabla de contenidos como wikipedia. Creo que para ésto es mejor TOC+
Clique para expandir...

OK, gracias por comentarlo, realmente no lo he probado, sólo era una sugerencia, ya es decisión tuya usar el que consideres más sencillo, y óptimo para tu sitio web desarrollado en el CMS Wordpress.
 
A mí me ha encantado el TOC+, definitivamente es más de lo que esperaba, sólo me falta saber si lo puedo desactivar en algunas entradas, lo revisaré luego cuando tenga más tiempo. Igual gracias a todos pues sus opciones fueron realmente buenas.

Saludos
 
Você precisa estar logado ou cadastrado para responder aqui.
Voltar
Topo