Can I create a "read more" link that points to a specific part of a blog post?

[henryVr7]

I display the intro text of a blog post and the link to read more on my blog homepage. If I click on the link, the post is displayed in single view. This works great, but when you view it, it scrolls all the way back up and you can't see where you stopped reading the intro. It would be nicer if the new view were opened in the same window position. Is something like this possible?
I hope it's clear what I have in mind. :)

[schulle4u]

Wow, how long are actually your summaries? 😮 I would try using an anchor and then specifying it as the target for the read more link in the blogstart layout. Here is a Markdown example:

---
Title: Blog example page
Published: 2020-04-07
Author: Datenstrom
Layout: blog
Tag: Example
---
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna pizza. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. [--more--]

! {#full-content}

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna pizza. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This uses a custom div element with the full-content ID as special markdown option, but you could also use a heading.

## First article subheading {#full-content}

You can then attach it to the read more link in the blogstart layout:

<div class="entry-content"><?php echo $this->yellow->toolbox->createTextDescription($page->getContentHtml(), 0, false, "<!--more-->", "<a href=\"".$page->getLocation(true)."#full-content\">".$this->yellow->language->getTextHtml("blogMore")."</a>") ?></div>

Hope this helps 🙂

[annaesvensson]

Yes you can, but there are alternatives.

You can change the text from Read more to Read the full article. Most users know what to expect when clicking on a "read more" link. Maybe you don't need to do anything but change the text, do some usability testing with real users and observe how they interact with your blog. For example grab five random colleagues at work. I think usability testing is a cornerstone for improving the user experience (UX). The language settings are stored in file system/extensions/yellow-language.ini.

You can give users a visual cue between the beginning of the page and the rest of the page. For example with a new paragraph, with a horizontal line, with a beautiful image or a custom CSS class for the content summary. It depends very much on the visual style of your blog. If you want to make it look minimalistic then put the beginning of the page in one paragraph, if you want to make it look stylish then use a custom font colour/size for the content summary. In any case, do what you think is best.

[henryVr7]

Thank you for your comments. Maybe I'm actually being a bit overzealous here. I'll think about a visual design. For example, for me the pictures (if any) always come after the -more-. Maybe that's a good visual anchor.