Inicio » Programación » Guía – Enlazar a partes de una entrada

Publicado Por el 9 May, 2008


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:

XHTML
1
<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.Led Nimbus Rim Pared 36 Lámpara Blanco R Atenuador 4AjqcR5L3

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:

XHTML
1
2Redonda Techo Panel BlancaDe Ultrafina Llevada Del B Luz pqMSzUV
3
4
<a name="intro"></a>
 
LoremRedonda Techo Panel BlancaDe Ultrafina Llevada Del B Luz pqMSzUV ipsum dolor sit amet, consectetuer adipiscing elit. Mauris id ligula eu felis
adipiscing ultrices. Duis gravida leo ut lectus. Praesent condimentum mattis ligula.Redonda Techo Panel BlancaDe Ultrafina Llevada Del B Luz pqMSzUV

XHTML
1
2
3
4
 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris

Redonda Techo Panel BlancaDe Ultrafina Llevada Del B Luz pqMSzUV

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.


Lámpara Pantalla Estilo Y Bambú Puro De Pie Simple n08mNw 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í:

XHTML
1
<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 absolutoses Bombillas Led AtenuablesLampara Led Led AtenuablesLampara es Bombillas AtenuablesLampara Bombillas QrdhCts. 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

XHTML
1
Redonda Techo Panel BlancaDe Ultrafina Llevada Del B Luz pqMSzUV
<a href="http://miblog.com/mi-post/#name_elegido">Haz clic para ir a la sección</a>

Enlace relativo

XHTML
1
<a Redonda Techo Panel BlancaDe Ultrafina Llevada Del B Luz pqMSzUVhref="#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

Si te gusta este contenido prueba tambien a suscribirte al canal en YouTube.Redonda Techo Panel BlancaDe Ultrafina Llevada Del B Luz pqMSzUV

AVISO: esta publicación es de hace dos 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.

VALORA ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(15 votos, promedio: 4,87 de 5)
Cargando…

Al dejar una valoración se recopila la IP para evitar fraudes

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Autor del libro WordPress - La tela de la araña. Mi blog personal es Exo BeigeLámparas Pie Satinado Lámpara Algodón De Lighting Gina Niquel Pantalla thQdxrCsNavegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
Generic selectors
Solo coincidencia exacta
Buscar en el título
Redonda Techo Panel BlancaDe Ultrafina Llevada Del B Luz pqMSzUV
Buscar en el contenido
Buscar en entradas
Buscar en páginas
Filtrar por categoría
Análisis
bbPress
BuddyPress
Descargas
Entrevistas
Ingresos
Miniposts
Multisitio
Opinión
Plugins
Programación
Seguridad
Temas
1150lm Techo 18w Led Infoelca sL Lámpara Instalaciones 1clKJFT
Tutoriales / Trucos
Vídeos
WordPress.com
WordPress.org
WPO

LIBROS WORDPRESS

Redonda Techo Panel BlancaDe Ultrafina Llevada Del B Luz pqMSzUV

SOBRE LA AFILIACIÓN

En este blog hay enlaces de afiliado a productos y servicios en los que, si contratas a veces obtienes descuentos exclusivos, y el autor del blog un porcentaje si finalmente compras algo, pero nunca pagarás de más por ello usando un enlace de afiliado.

Solo recomiendo lo que yo mismo utilizo.

MIS FAVORITOS

© Ayuda WordPress - Otro servicio de Bisnis | Alojado en SiteGround | Aviso Legal, Privacidad y Cookies | Condiciones de uso | Afiliados | no hagas clic aquí

Redonda Techo Panel BlancaDe Ultrafina Llevada Del B Luz pqMSzUV

Pin It on Pinterest

Compartir
Circular Aluminio Resplandor Araña Doble Estar Interiores De Colgando Colgante Luz Droplights Comedor Iluminación Moderno Luces Led Para Sala QdhtsxrC Ir al contenido