How to use anchor in Wordpress permalinks

Question

I'll try to explain my need as best I can. When I create a new post in WordPress, the permalink is automatically generated. The permalink is also present within the post and can be modified manually later. If I wanted to add an anchor the # symbol is replaced by -. Same thing for myUrl/#my-anchor becomes myUrl-my-anchor and this of course doesn't work.

I would like the ability to provide a link to a post that, when clicked, allows the post to be viewed, or scrolled, at a specific position. Even a function that calls a specific #layout ID that I have in every single post would be perfect.

Searching the web I found different topics but they all talk about how to create anchors using the text editor but that's not what I'm looking for.

I use a child theme so I could also work on the functions.php.

Does anyone have a solution to this?

Thank you very much

imhvost · Accepted Answer · 2023-09-23 17:23:48Z

0

WordPress has special filters, such as post_link, page_link, post_type_link, category_link, and so on.
For example, if you want to add a link hash to a post with id === 123, do something like this:

add_filter( 'post_link', 'my_post_link', 10, 3 );

function my_post_link( $permalink, $post, $leavename ) {
    if ( $post->ID === 123 ) {
        $permalink = $permalink . '#hash';
    }
    return $permalink;
}

answered Sep 23, 2023 at 17:23

imhvost

11.7k2 gold badges13 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Redyan Over a year ago

Thanks so much @imhvost, this is a good solution, but I would have to add a new post ID every time. It would be decisive to be able to have a function that is not limited to a post ID but which, for example, can consider all the posts that will have #readmore. Can this be done?

imhvost Over a year ago

if ( $post->ID === 121 ) is just an example. You can take $post->post_content and search a block with id="readmore". Or create a meta field for the posts (for example the is_has_readmore checkbox), and apply the 'post_link' filter to those posts that have is_has_readmore.

Redyan · Accepted Answer · 2023-09-25 06:08:08Z

0

Thanks so much @imhvost,

I solved it this way. At the beginning of each post the WordPress theme inserts the "layout" ID which represents the exact beginning of the content. With this function, where I hope I haven't made any mistakes, each post is loaded exactly at that point.

add_filter( 'post_link', 'my_post_link', 10, 3 );

function my_post_link( $permalink, $post, $leavename ) {
    if ( $post->post_content ) {
        $permalink = $permalink . '#layout';
    }
    return $permalink;
}

answered Sep 25, 2023 at 6:08

Redyan

33 bronze badges

Collectives™ on Stack Overflow

How to use anchor in Wordpress permalinks

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related