Creating full-screen sections with automatic scroll links

  • biocrite

    (@biocrite)


    3 years, 6 months ago

    Hello! 😊

    I was looking for some help since I’m trying to create pages with stories for learning languages that I would like to divide into full-width and full-height “sections” with buttons too scroll to the next section.

    The idea is for each of the sections to look similar to a page in a book with arrows to scroll to next section or to the previous section.

    I am using the “cover” blocks in the Gutenberg editor to achieve the full-height/width sections, and I understand that I can assign each cover block an anchor myself and manually add links in each section with the section it should go to, but I was wondering if there’s a way I can streamline or automate this process (with any plugin you might know of or javascript).

    Thank you!!! <3
    – Gau.

    • This topic was modified 3 years, 6 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic
Viewing 1 replies (of 1 total)
  • Sarah Snow

    (@arasae)

    3 years, 6 months ago

    Hi Gau!

    What an interesting idea! I like the idea of the cover block here. It sounds like you’re wanting to add a lot of jump-links into single pages, and I can see why that would be a lot of work.

    I took a look at some plugins in the WordPress repository and don’t see anything that quite works the way that you’ve described (or works with the block editor, which it sounds like you’re using).

    You might be able to do something similar to what you’re thinking of with Query Loops and perhaps categories. It’s not exactly what I think that you’re after, but it might give you some ideas — check out this tutorial on taking advantage of query loops to learn more.

    Someone else may have a different or more detailed answer, but just in case that helps faster, I thought I’d reply. 🙂

Viewing 1 replies (of 1 total)

The topic ‘Creating full-screen sections with automatic scroll links’ is closed to new replies.