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.
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
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.
La entrada Evitar el scroll del enlace de Leer Más en WordPress es un artículo reciente del sitio DecodeCMS.
0 Commentaires