Guía – Enlazar a partes de una entrada


Creo que ya todos sabemos como insertar un enlace a una URL pero, como WordPress no te ofrece un botón para ello, igual te has preguntado alguna vez como se hace eso de enlazar a distintas partes de una misma entrada, enlaces a partes de texto de una página y todo sin salir de ella.

Con un poquito de HTML la cosa está chupada, y es un concepto básico de código de enlaces. En realidad es una variación de la etiqueta que, en vez de usarla con el modificador href, lo haremos con la variante name.

Realmente es muy sencillo. Si creas un enlace a una referencia, a una URL, lo harías de este modo:

<a href="URL_DE_DESTINO">Haz clic para ir a la URL</a>

Y para enlazar un texto solo tienes que hacer una pequeña modificación y organizar el uso de los enlaces.

Este tipo de código es muy útil si tienes que poner una lista de enlaces a distintas secciones de un mismo artículo o página, y también lo verás a menudo en enlaces del tipo «Volver al inicio» en algunas webs.

El proceso es este:

  1. Definir los nombres (name)
  2. Añadir enlaces a los nombres (name)
  3. Diferencia entre enlaces relativos y absolutos


Lo primero es definir, o marcar, los destinos o nombres a los que enlazar. Para ello, antes del texto a enlazar debes incluir el código que lo «etiqueta» para luego realizar la llamada al mismo. Un ejemplo sería este:

<a name="intro"></a>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris id ligula eu felis
adipiscing ultrices. Duis gravida leo ut lectus. Praesent condimentum mattis ligula.
<a name="texto"></a>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris id ligula eu felis
adipiscing ultrices. Duis gravida leo ut lectus. Praesent condimentum mattis ligula.

Como ves, antes del texto de nuestro artículo («Lorem ipsum …») hemos añadido una marca que identifica una sección como «intro» y otra como «texto». Por supuesto, puedes utilizar cualquier nombre (uno, dos, tres, etc).
Puedes crear tantas secciones como necesites solo cambiando el nombre para cada una.


Lo siguiente es crear el índice de enlaces, o simplemente insertar los enlaces a los nombres definidos. Esto es igual de sencillo pues si ya sabes enlazar como decíamos al principio del post, solo tienes que aplicar una variación al modo de enlazar.

Lo que harás será sustituir los enlaces a URLs por enlaces a URLs mas la etiqueta name o simplemente enlaces a la etiqueta definida con el name. Sería algo así:

<a href="URL_DE_TU_POST/#name_elegido">Clic para ir a la sección</a>


Y esto lo puedes hacer de dos maneras, con enlaces relativos o con enlaces absolutos. Enlaces absolutos serían aquellos que incluyen la ruta completa a tu post, y relativos los que solo enlazan a la etiqueta definida con el name. Aquí puedes ver como sería:

Enlace absoluto

<a href="http://miblog.com/mi-post/#name_elegido">Haz clic para ir a la sección</a>

Enlace relativo

<a href="#name_elegido">Haz clic para ir a la sección</a>

Tu eliges el modo de hacerlo, aunque es obvio cual es el mas sencillo y rápido. En realidad, esta guía no es algo exclusivo de WordPress sino una recuperación de los básicos de programación XHTML, que te recomiendo repases de vez en cuando para ofrecer contenidos mas dinámicos en tu blog.

Como ya has podido comprobar, este artículo incluye el uso de estas etiquetas para navegar por el 😉

Volver al principio de este post

(16 votos, promedio: 4.9) Valora este artículo para ayudar a mejorar la calidad del blog

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)

Sobre el autor

17 comentarios en “Guía – Enlazar a partes de una entrada”

  1. jeje los famosos marcadores de Dreamweaver, todo lo facilitaba… viejos tiempos. Total, volviendo a los fundamentos! ñ_ñ

  2. marcadores en dreamweaver y tambien en el viejo frontpage!

    yo aveces los uso todabia 🙂

    pero aveces el usuario se confunde… pero en fin. son utiles 😛

  3. En realidad estás confundiendo el parámetro NAME con el ID.

    NAME, dependiendo a que elemento se aplique, sirve para más cosas aparte de identificar dicho elemento, y se podría dar el caso de que dos etiquetas diferentes tuvieran el mismo NAME, y aun así la página validaría.

    Según las especificaciones del W3C, el parámetro ID es el adecuado para identificar elementos dentro de la estructura de la página por que su valor no puede ser duplicado, si es que queremos validar el código, y que todo funcione correctamente, claro.

    Saludos, y perdón por el arrebato pedante. 😉

  4. No se si ya escribiste sobre esto, pero deberías escribir un post sobre como enlazar imágenes con dofollow, nofollow, anchor text…etc

    salu2!

  5. HOLA, YO USO WEBSITECREATOR (UNA APLICACION DE ARSYS QUE SON PLANTILLAS DE WEB) ALGUIEN SABE COMO SE HACE CON ESO? GRACIAS

  6. hace poco estoy usando wordpress y no sé mucho: necesito crear un enlace a una pagina de excel que está en el escritorio de mi pc, pero no sé en que lugar del editor wordpress se hace, ni cómo??

    si alguien sabe cómo, me podría ayudar

    Mil gracias

  7. Hola Fernando and company…..me estoy volviendo loca….cómo puedo crear desde una página enlaces a una categoría o una etiqueta??? No entiendo bien qué es NAME, cómo puedo definir mis etiquetas como tal…no sé el espacio que tienen dentro del código….me entendéis???
    Saludos y gracias,
    Sglup

    1. En Divi si usas los módulos en la pestaña de CSS de cualquier módulo hay un campo llamado Identificador CSS y ahí puedes ponerlo sin problemas (solo el nombre) y luego enlazas con #nombreidentificadorcss que hayas elegido

Deja un comentario

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

Información base sobre privacidad:
  • Responsable: Fernando Tellado ([email protected])
  • Fin del tratamiento: Moderación de comentarios para evitar spam
  • Legitimación: Tu consentimiento
  • Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
  • Derechos: Acceso, rectificación, portabilidad, olvido

 

Ir arriba Ir al contenido