homefinance blog
Entonces, mientras trabajaba atrás, estaba trabajando en este artículo completamente detallado, que tenía más de 3000 palabras. Muy específico y detallado y contenía muchas subsecciones que no podía perder. Una vez que terminé toda la canción, supe que tenía algo grandioso frente a mí, pero no puedo publicarla como es. ¿Qué parecía ser el problema? No importa cuán bueno se escriba, si no se presenta de una manera fácil de usar, no ayuda a nadie. Y a través del uso fácil, quiero decir que tenía que tener un contenido. Lo mismo que en los libros. Y más, esa tabla de contenido tenía que tener enlaces de anclaje. Sí, ese terrible tipos (en mi mente en ese momento) aterradores, relacionados con la codificación. Esa característica HTML bastante simple que, no importa cuán fácil sea, fue difícil para mí. ¡Hasta que tuve éxito! (Después de haber intentado x veces)
Sin embargo, el éxito es un éxito, y hoy soy una persona orgullosa de conocimientos para hacer grandes enlaces de anclaje en WordPress. Entonces, por supuesto, quería compartir mi conocimiento de esto, muchachos, por lo tanto, esta guía sobre cómo hacer enlaces de anclaje sin experiencia en codificación. Esta característica también se conoce como saltos en WordPress y es útil de varias maneras. O, más precisamente, es un atajo a donde quieras a tus lectores.
Alojamiento superior recomendado por MEKS
¿Por qué usar enlaces de anclaje en WordPress? Todo se trata de la experiencia del usuario. Así como sus artículos son útiles, los enlaces deben ser los mismos. Especialmente si tienes un largo texto, como se describe en mi caso. Por lo tanto, estas son situaciones en las que estos enlaces de salto de página pueden ser bastante útiles:
Publicaciones largas en el blog incluidos
Página de destino con muchas subsecciones
Volver a la función superior
Entonces, ya ves, tener esta gran característica puede mejorar enormemente tu blog o sitio web. Por eso te enseño cómo hacerlo ahora mismo.
La guía simple para crear enlaces de anclaje dentro de las publicaciones y páginas de WordPress como cualquier otro enlace ordinario allí, el enlace de anclaje debe indicar en algún lugar. La principal diferencia entre los enlaces ordinarios y de anclaje es que debemos indicar un elemento existente en la misma página en lugar de una URL externa que conduce a otra página. Para comprender completamente cómo funciona, permítanme explicar los elementos HTML básicos de los elementos necesarios que necesitamos para el ancla:
Fuente de anclaje: un elemento de conexión
Anchor de destino: un elemento en la misma página a la que queremos indicar nuestro enlace
Un atributo href de cualquier enlace ordinario generalmente indica otra página, pero en este caso usamos el símbolo “#” seguido de un identificador. Eche un vistazo al ejemplo a continuación.
Xhtml
1. ¿Cómo configurar un blog de viajes?
!
1
¿Lo que esto significa? Diga este comando del navegador literalmente: encuentre un elemento HTML en la página actual que tenga el atributo de identificación “Stepone” y desplácese allí.
Y, finalmente, el paso restante es proporcionar una ID de atributo del elemento en la misma página a la que necesitamos el enlace de anclaje. Puede ser un div, una etiqueta H, prácticamente cualquier elemento HTML. El único requisito es tener un atributo de identificación que coincida con el atributo HREF desde el enlace de anclaje. Un ejemplo está a continuación.xhtml
1. ¿Cómo configurar un blog de viajes?
!
1
1. ¿Cómo configurar un blog de viajes?
¡Eso es todo! Entonces, ¿cómo hacemos esto en el editor de WordPress? Solo si confunde, a continuación hay un ejemplo de nuestro blog actual en el que escribimos un artículo sobre cómo comenzar un blog de viajes desde cero y allí tiene muchas subsecciones y consejos. Y lo dividí en un contenido para una fácil navegación.
Vaya al editor o páginas de publicación de WordPress, luego haga clic en la pestaña Texto y recibirá el código HTML que puede editar para crear el ancla. Así es como se ve sobre la base de nuestro ejemplo anterior:
Al hacer esto, ha instruido un pedido para el navegador, Google y sus visitantes sobre cuáles son esos enlaces y cómo usarlos. Y si está interesado en descubrir los enlaces HTML más profundamente, puede verificar esta explicación detallada sobre el anclaje de los enlaces. ¿Qué pasa si necesito un enlace de WordPress para anclar en otra página? Muy bien, aunque el caso más común es que desea que el enlace envíe a un elemento en la página actual (como expliqué anteriormente), podría haber un caso específico en el que desea indicar un elemento de anclaje en otra página de ON Su sitio, u otro sitio web. En este caso, solo se requiere un ligero cambio dentro del atributo de enlace del elemento HREF, donde utilizará una URL real y el símbolo “#” después de la identificación de un elemento en esa página. Eche un vistazo al ejemplo a continuación en el que usamos la publicación de nuestro blog de viajes como en el ejemplo anterior:
Xhtml
<a href = "https://mekshq.com/how-to-start –travel-blog-from-scratch-the ultimate-giide#tepone the 1. ¿Cómo configurar un blog de viajes?
!
1
¡Tan simple como eso! Y, para su navegador, significa, prácticamente: acceda a esta URL y encuentre un elemento HTML en esa página que tenga el atributo de identificación “Stepone” y desplácese allí.
Vea también: 15 Las mejores herramientas para generar títulos y blogs para mejorarlo fácilmente con Gutenberg, ¿cómo crear enlaces de anclaje en Gutenberg? Obviamente, esta guía no funcionará para todos los que usen el nuevo editor de Gutenberg. No tengas miedo, tengo un tutorial rápido para ello. Simplemente siga estos pasos y tendrá un enlace de anclaje en Gutenberg en unos minutos. Recuerde, esto funciona para el tipo de contenido de encabezado, lo que sea que escriba con H1, H2, H3, … #1 Abra el editor de Gutenberg y seleccione la sección que desea usar como enlace de anclaje. Haga clic en la opción avanzada en la barra del lado derecho y observe el nombre de esa sección en la barra de anclaje HTML. Este es el ancla de destino.
#2 Regrese al editor de Gutenberg y cree un contenido o resumen, con la lista de la sección que desea conectar. Luego resalte uno por uno y escriba lo mismo que escribió en la barra de anclaje HTML, solo agregue uno frente a ella.
¡Todo listo! Ha agregado con éxito enlaces de anclaje en Gutenberg para configurar las conexiones de anclaje en WordPress con complementos ahora, si no desea meterse con los códigos, hay una salida. La belleza de WordPress es que tiene tantos complementos y para (casi) cualquier ocasión, que puede configurar esa conexión interna y la página saltan en el tiempo más corto. Busqué a través del almacén de WordPress y estos son los complementos de anclaje que descubrí.
Ligeramente contenido
Un complemento gratuito que es muy fácil de usar y fácil de usar. Le ayuda a agregar un contenido/ancla o enlaces de salto/en publicaciones, páginas o tipos personalizados. Lo hace automatizando el proceso que ha configurado en el área de configuración del complemento. Allí puede seleccionar los tipos de publicaciones para las que desea activar el soporte de contenido, así como seleccionar los tipos de publicaciones que tendrán esta función agregada automáticamente. Por lo tanto, en solo unos pocos clics, tendrá esos enlaces de anclaje donde y como quieras. Además, puede configurar más detalles allí, como la etiqueta del encabezado, la posición de la tabla, cambiar la vista y más.
Desplácese para anclar
Otro gran complemento gratuito que lo ayuda a configurar enlaces de anclaje en WordPress. Después de la instalación, recibirá un icono de anclaje en la barra de herramientas del editor visual que lo exime de confundirlo con el área del código.
Todo lo que tiene que hacer es hacer clic en ese icono después de resaltar el texto, ingrese el código corto en la ventana emergente y terminado con esa parte. Luego, átelo al ancla de origen ingresando el nombre de su ancla con # y está listo.
Consulte también: Guía de 4 pasos para crear un sitio web del sitio web de WordPress
Tinymce avanzado
Uno de los complementos de WordPress más populares para enlaces de anclaje. Activa las funciones y complementos avanzados en TinyMCE, el editor visual de WordPress, por lo que es mucho más que el complemento habitual para los enlaces de anclaje. Instálelo y acceda al área de configuración donde obtendrá eso:
Con la función de deslizamiento y colocación, mezcle y configure lo que necesita en su editor visual, como el icono del comando de anclaje rápido, la etiqueta. La próxima vez que escriba una pieza que requiere la opción de salto de página, resalte solo la parte de texto que desea atarla, haga clic en la función de inserción en la barra de herramientas del editor visual, inserte la ID y ha terminado. .Dne no escriba html en el texto de anclaje WP WP
Quizás el complemento más simple para generar enlaces de anclaje en WordPress. Tan simple que tuve que comprobarlo nuevamente varias veces solo para asegurarme de que no haya configuraciones para tratar, simplemente instalarlo y activarlo y poner un ancla automáticamente al lado, como en este ejemplo:
Conclusión Además de los beneficios que hemos descrito, saber cómo crear e implementar enlaces de anclaje está bien para Google. De esta manera, se puede acceder a sus arañas con rastreadores más rápido a través de su contenido y pueden saber mejor sobre lo que su página ha mejorado. El anclaje de las conexiones lo ayudará a mejorar su contenido UX, mejorar la navegación posterior y las páginas y, con el tiempo, generar una tasa de rechazo más baja. Espero que esta instrucción te ayude a aprender cómo hacer enlaces de anclaje. Si, por casualidad, todavía estás atrapado en el camino, no dudes en contactarme y compartir tu pelea en la sección de comentarios.
