Pregunta

¿Cómo se crean manualmente los vínculos de anclaje en los artículos?

Respuesta

Con Guide, puede usar el vínculo Insertar/editar en la barra de herramientas del editor para agregar anclajes a los artículos como se describe en la publicación: Inserción y edición de los vínculos en los artículos.

Editar link.png
Cuando se usa esta función, el encabezado no aparece cuando el cliente selecciona el vínculo de anclaje. Como solución alternativa, cree el vínculo de anclaje a través del código fuente de su artículo.

Para crear manualmente un vínculo de anclaje

  1. Con el editor de artículos abierto, seleccione el icono HTML.

  2. Vaya al texto que desee dirigir con un vínculo. Inserte el fragmento de código a continuación antes del texto, normalmente en la misma línea:

    id="your_anchor_name">
  3. Ingrese el nombre del vínculo del delimitador deseado. El siguiente es un ejemplo: id="your_anchor_name">
    Ejemplo de código HTML.png
  4. Para vincular al delimitador, siga una de estas dos opciones.

Opción 1

  1. Seleccione el texto que desea usar como el vínculo y haga clic en el ícono Insertar/editar vínculo.
  2. Seleccione la pestaña Encabezado y busque el nombre del delimitador que agregó (o la pestaña Ancla (delimitador) si la ve en la versión del editor ) > seleccione el delimitador que desee.
  3. Haga clic en Agregar vínculo.

Opción 2:

  1. En el editor de código fuente, busque el texto que desee convertir en un vínculo. Luego, encierre el texto en la etiqueta a continuación, apuntando al id del destino de anclaje:

    <a href="#your_anchor_name">Link text</a>

    En el ejemplo a continuación, el objetivo es convertir la Sección I en un vínculo.

    Primero, establezca un objetivo de anclaje asignando al encabezado de sección un atributo de id único:

    <h2 id="section1">Section I</h2>

    Luego, cambie el código del vínculo de:

    <li>Section I</li>

    A:

    <li><a href="#section1">Section I</a></li>

    Asegúrese de encerrar el texto del vínculo con etiquetas de apertura y de cierre <a> o no habrá nada donde hacer clic.

    En el ejemplo siguiente se muestra la manera en que se ve el vínculo detrás del editor antes de guardar el artículo:
    ejemplo código HTML.png
    2. Haga clic en Aplicar para guardar los cambios.

Si su delimitador parece estar unas líneas por debajo de la ubicación esperada, es posible que la barra de herramientas de la parte superior de su pantalla esté interfiriendo. Si ese es el caso, minimice la barra de herramientas y vuelva a probar el vínculo del ancla.

También puede vincular a un destino de ancla en otra página usando el URL completo más el signo de # y el valor de id del ancla. Por ejemplo:

<a href="https://support.zendesk.com/entries/98542436#some_anchor_name"></a>

Usar solo un hashtag (p. ej., href="#section1") funciona solo si el destino de anclaje se encuentra en la misma página. Si el destino se encuentra en otra página, primero debe incluir el URL completo y luego #id_value.

Si desea que el vínculo de delimitador vaya al encabezado, en lugar de unas líneas hacia abajo, incluya algunos saltos de página entre el encabezado y el cuerpo del texto.

Para obtener más información, consulte el artículo: Inserción y edición de los vínculos en los artículos.

Tecnología de Zendesk