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?phpMyAdmin=3e6c4943d9a6t7c8283c">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

¿Te gustó este post? ¡Compártelo!
  • Bitacoras.com
  • TwitThis
  • Facebook
  • Meneame
  • Google Bookmarks
  • del.icio.us
  • Live
  • Technorati
  • Ping.fm
  • Wikio
  • Turn this article into a PDF!
  • E-mail this story to a friend!
  • Print this article!

También te puede interesar:

cursos formación continua

    8 comentarios en “Guía - Enlazar a partes de una entrada”

  1. Jh® (85 comentarios) dijo:

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

  2. Fernando Tellado (1844 comentarios) dijo:

    No te creas, que esto es algo muy demandado, y la gente no sabe hacerlo, y en WP no hay quicktag para esto :)

  3. ale (98 comentarios) dijo:

    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 :P

  4. sergiomas (1 comentarios) dijo:

    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. ;-)

  5. Heroes (18 comentarios) dijo:

    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!

  6. Fernando Tellado (1844 comentarios) dijo:

    Pues algo hemos hecho de nowollow, de los anchor text aún no. Tomo nota ;)

  7. jOSE (40 comentarios) dijo:

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

  8. Fernando Tellado (1844 comentarios) dijo:

    Ni idea JOSE, y mejor que no uses aplicaciones prefabricadas de esas, que luego no son compatibles con nada y si quieres el día de mañana exportar te costará un horror.

Escribe un Comentario

XHTML: Puedes usar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Subir

Expertos en WordPress
Euribor
Hardware. Software. Ocio & Multimedia. Humor. Internet. Videojuegos.Noticias
Participa en el Debate
  • Mario A . Núñez: Windows Live Writer es mi editor favorito. Adoro esta aplicación con sus plugins...
  • Fernando Tellado: Ah, pues no tenía ni idea, hace tiempo que no lo sigo. Vi la idea en un blog...
  • Fernando Tellado: Es que agradezco tu patrocinio, como no puede ser de otro modo ;)
  • Li Chong: @Mercado Online de Spamña: queremos menos spam;)
  • Hades87: Generalmente uso el Windows Live Writter, ya que me permite tener configuradas varias...
Noticias Breves
  • Si quieres aprender como hacer multitud de diseños distintos para WordPress no te pierdas esta estupenda recopilación de 26 tutoriales de diseño de blogs WordPress.

    [#3]

  • Acaba de salir a la luz la nueva versión de WordPress para iPhone 1.3, con soporte completo para el firmware de iPhone 3.0. Va de cojones estupendamente. Altamente recomendable esta actualización, que tienes en iTunes.

    [#1]

  • Me avisa Kike Alonso de un nuevo plugin que permite que los comentarios que dejen tus amigos de Friendfeed al respecto de un post de tu sitio WordPress aparezcan también en tu post como comentarios normales, algo realmente interesante pues permite, con algunos clientes de escritorio e iPhone, comentar en blogs sin dejar de usar la aplicación de mensajería.

    [#6]


  • Ahora mismo en los FOROS ...
    Usuarios Registrados
  • Acceder

  • Translate this Blog
    Spanish flagItalian flagChinese (Simplified) flagPortuguese flagEnglish flagGerman flagFrench flagJapanese flagRussian flagSwedish flagCatalan flagHebrew flag                              
    By N2H