Añadir enlaces a otras partes del post dentro de un mismo post

He tenido la necesidad de, dentro de un mismo post (artículo) en un blog, añadir enlaces a otras partes dentro del mismo post.

Como siempre, lo habitual es buscar en Google, y eso me llevó a: Guía para enlazar a partes de una entrada de wordpress

A partir de lo contenido en esa guía, voy a intentar traducirlo a mi propio lenguaje:

Suponemos que tenemos:

  1. Primer texto
  2. Segundo texto
  3. Tercer texto

A continuación aparecen una serie de párrafos de texto explicando cada uno de los conceptos anteriores:


Primer Texto: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


Segundo Texto: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


Tercer Texto: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Y que queremos insertar enlaces en cada uno de ellos para que en un post largo nos lleve a cada uno de ellos.

Tenemos que hacerlo mediante un poco de HTML (el lenguaje de las páginas web).

Primero tendremos que definir lo que vamos a denominar “nombres” (name) dentro del post, que serán los lugares a los que queremos llevar cuando hagamos clic en los enlaces.

Para ello, sitúate al comienzo de la línea donde va el primer nombre, y activa la vista “HTML”.

Colócate en la linea superior del texto donde comienza el primer párrafo y escribe:

<a name="primero"></a>

Repite la secuencia para cada uno de los párrafos colocando en su línea superior la etiqueta correspondiente, cambiando el nombre de la etiqueta “primero” por “segundo” y “tercero”.

Ahora vamos a crear los enlaces entre los textos de la parte superior y los nombres creados.

Selecciona la primera línea y vete a la opción de mostrar el HTML.

Añade a cada uno de los puntos las etiquetas correspondientes y los textos auxiliares:

<ol>
	<li><a href="#primero">Primer texto</a></li>
	<li><a href="#segundo">Segundo texto</a></li>
	<li><a href="#tercero">Tercer texto</a></li>
</ol>

En realidad el texto en el que se “llama” al enlace al nombre creado antes es:

<a href="nombre_creado">Texto_a_mostrar_en_el_enlace</a>

Finalmente, en caso de que nos interesara que fueran direcciones “absolutas” es decir a un nombre dentro de un post determinado, tendríamos que guardar el post y una vez obtenida la URL definitiva, incluirla en el enlace. Se puede enlazar a una parte determinada dentro del post que queramos, siempre y cuando haya sido definida previamente.

<a href="http://miblog.com/mi_post/#nombre_creado">Texto_a_mostrar_en_el_enlace</a>

Si quieres rizar el rizo, en muchos lugares, al final de cada uno de los textos se añade un “enlace rápido” para ir al índice inicial si tener que hacer scroll. Ese lugar pude ser definido con la etiqueta “inicio” por ejemplo y luego en el enlace llevas a esa etiqueta. También puedes añadir un incono (típico en las webs del siglo pasado).

Anuncios

Acerca de venan
Aprendiz de todo, maestro de nada - http://venan.es #venan @vllona #aprendices #5SDigitales

Los comentarios están cerrados.

A %d blogueros les gusta esto: