Hay un par de maneras de añadir enlaces a tus entradas o páginas. Podremos utilizar el editor visual o el editor de HTML.
Pasos a seguir para crear un hipervínculo con el editor visual
- Resaltar el texto que deseamos vincular y cerciorarse de que tenemos seleccionado el editor Visual.
- Hacer clic en el enlace de la barra de herramientas del editor de texto: “Insertar / Editar Enlace”
.

- En el menú emergente que aparece, introducir la dirección URL a la que se desee establecer el vínculo. Si desea que el enlace se abra en una nueva ventana/pestaña al hacer clic, marcar la casilla “Abrir enlace en una nueva ventana pestaña”.

- Título (opcional) – El título del enlace se hace visible cuando un visitante se cierne sobre el hipervínculo (un texto de ayuda, a modo de nota breve, aparecerá con el título).
- Hacer clic sobre Añadir enlace
Pasos a seguir para crear un hipervínculo con el editor HTML
- Resaltar el texto que deseamos vincular y fijarse de que tenemos activado el editor HTML.
- Hacer clic en el enlace de la barra de herramientas: “link”
.
- En el menú emergente que aparece, introducir la dirección URL a la que se desee establecer el vínculo. Si desea que el enlace se abra en una nueva ventana/pestaña al hacer clic, marcar la casilla “Abrir enlace en una nueva ventana pestaña”.

- Título (opcional) – El título del enlace se hace visible cuando un visitante se cierne sobre el hipervínculo (un texto de ayuda, a modo de nota breve, aparecerá con el título).
- Finalmente hacer clic sobre Añadir enlace
Pasos a seguir para crear un enlace o hipervínculo a un lugar del propio blog
- Resaltar el texto que deseamos vincular.
- Hacer clic en el enlace de la barra de herramientas: “Insertar / Editar Enlace”
si estamos en modo Visual o “link”
si estamos en modo HTML.
- Si en lugar de enlazar a una web se desea vincular a uno de los propios mensajes o páginas que ya están subidos en el blog, utilizar el cuadro de búsqueda para encontrar rápidamente lo que se está buscando. Basta con introducir una o dos palabras clave que aparezcan en alguna parte del mensaje o la página que desea vincular.

- Hacer clic en el título del mensaje o la página que quieres enlazar, y los campos de URL y el título se llenarán automáticamente.
- Después de haber introducido la dirección URL, haz clic en el botón “Añadir enlace“. En el modo visual: el texto resaltado cambiará al color azul con un subrayado para indicar un enlace:

- En el modo HTML: el texto se envuelve con el código HTML necesario para la creación de un enlace a la URL especificada. El siguiente ejemplo es un enlace a WordPress.com:

Cómo quitar los vínculos con el Editor Visual
Para eliminar un enlace en el editor Visual, resalte el texto y haga clic en el icono de enlace roto:


Enlaces que contengan el símbolo “@”
Cuando creamos hipervínculos o enlaces deberemos de tener en cuenta que en alguna ocasión nos pueden dar problemas porque ciertos símbolos son cortados por seguridad. Si quisiéramos hacer un enlace o hipervínculo a la siguiente dirección que contiene el símbolo “@”:

En este caso la “@” se eliminaría por razones de seguridad y, lamentablemente, este vínculo no funcionaría.
Hay un pequeño truco que nos permite evitar este problema y consiste en sustituir la “@” por “@“ como mostramos a continuación:

Tenga en cuenta que si se vuelve a modificar el vínculo, la “@” una vez más desaparece por lo que tendrá que volver a hacer lo anterior.
No hay comentarios:
Publicar un comentario