• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar a la barra lateral principal

DecodeCMS

Tu WordPress a otro Nivel ...

  • Acerca de
  • Contacto
  • Inicio
  • Tutoriales
    • Themes
    • Plugins
    • Core
    • Recursos
  • Cursos
  • Acceder
    • Mis cursos
    • Mi Cuenta
    • Acceder
Inicio / Tutoriales / Themes / Evitar el scroll del enlace de Leer Más en WordPress

Evitar el scroll del enlace de Leer Más en WordPress

[ 19 diciembre 2023 ] [ Autor: Jhon Marreros Guzmán ][ Themes - Básico] [ ]

funcionalidad

Suscríbete a DecodeCMS:  

En algunos sitios es posible que requieras que el leer más no desplace tu página al consultar el detalle del contenido. En este artículo veremos cómo realizar esto directamente a través de código.

 

Generalidades

El enlace de leer más esta compuesto por el enlace al artículo seguido del caracter «#», el texto «more-« y finalmente el ID del artículo (esto representa el ancla del enlace).

En la siguiente imagen se muestra la estructura del enlace de leer más en WordPress.

Enlace estructura leer más

 

Código para modificar el enlace Leer Más

Una vez identificada la estructura del enlace, lo que tenemos que hacer es simplemente quitar la parte final o ancla, para esto podemos usar el siguiente código PHP.

add_filter( 'the_content_more_link', 'dcms_remove_more_link_scroll' );
function dcms_remove_more_link_scroll( $link ) {
	return preg_replace( '|#more-[0-9]+|', '', $link );
}

En el código anterior:

  • Usamos el hook de filtro the_content_more_link que hace referencia a la función dcms_remove_more_link_scroll
  • Esta función tiene como parámetro en enlace, simplemente usamos una expresión regular para quitar la parte que no nos interesa
  • Finalmente devolvemos el enlace modificado sin la parte final del ancla

 

Puedes agregar este código como parte del archivo functions.php de tu tema hijo.

 

Conclusión

Como has podido comprobar, puedes modificar el enlace de Leer Más en WordPress usando un Hook de filtro, en este artículo hemos visto cómo cambiar la parte final del enlace, pero usando el mismo hook puedes cambiar otras partes del enlace.

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • Quitar el menú de WooComerce en la administración de WordPress para ciertos usuariosQuitar el menú de WooComerce en la administración de WordPress para ciertos usuarios
  • Eliminar automáticamente las imágenes al borrar una entradaEliminar automáticamente las imágenes al borrar una entrada
  • Ocultar precios de productos a usuarios visitantesOcultar precios de productos a visitantes en WooCommerce
  • Deshabilitar Información de Usuarios de la REST API de WordPressDeshabilitar Información de Usuarios de la REST API de WordPress
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (1 votos, promedio: 5,00 de 5)
Cargando...

Interacciones con los lectores

Para escribir código envolver con: <pre class="language-xxx"><code> </code></pre> ,reemplaza las xxx (php, css, html)

*

* Gravatar habilitado

Barra lateral principal

Curso Decodifica WordPress

Únete a DecodeCMS

Recibirás como regalo:

Guia práctica con video:
¿Quieres agregar código a WordPress? Revisa las diferentes opciones que tienes.Ver más

Omnisend
Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

accesibilidad css dashboard editor error funcionalidad herramientas imagen js librería mejoras optimización seguridad SEO social woocommerce

Populares

Agregar banner automáticamente en el contenido de WordPress

Mostrar elementos según día y hora en WordPress

Usar archivo de plantilla de acuerdo al nombre de página

Shortcode para búsqueda en tabla personalizada en WordPress

© logo decode pie
Política de Privacidad | Política de devoluciones
Copyrigth 2026 Todos los derechos reservados