Question Previous and Next Chapter Buttons

Discussion in 'Translator's Corner' started by OxySempra, Aug 2, 2021.

  1. OxySempra

    OxySempra Well-Known Member

    Joined:
    Aug 29, 2017
    Messages:
    71
    Likes Received:
    53
    Reading List:
    Link
    Hey all!

    Currently, for my site, I am using simple hyperlinks at the top and bottom of each chapter to link readers to the previous and next chapters.

    I noticed that there some sites that have buttons instead that serves the same function. This seems to be better for mobile users, and more aesthetically pleasing.

    I will be supremely grateful if someone can point my way to a WP plugin or a tutorial that can allow me to have the same thing on my site.

    Thank you!
     
  2. Bobwillrule

    Bobwillrule Supreme Ruler of Bobylon

    Joined:
    Nov 16, 2020
    Messages:
    160
    Likes Received:
    107
    Reading List:
    Link
    Well because I'm cheap and have the free wordpress.com version, what I do is add a button block. The only down side is that its not automatic so I have to insert the link each time. Idk its just a Hyper link but looks like a button. Instructions on how to do it here: Link
     
  3. OxySempra

    OxySempra Well-Known Member

    Joined:
    Aug 29, 2017
    Messages:
    71
    Likes Received:
    53
    Reading List:
    Link
    I will give that a try. Thank you! I have the block editor disabled, so I have to enable that again.
     
  4. juststian

    juststian Well-Known Member

    Joined:
    Dec 3, 2020
    Messages:
    86
    Likes Received:
    23
    Reading List:
    Link
    You mean a button like this? These buttons were automatically created after the chapters are posted, I don't need to do anything.

    [​IMG]

    I have just learned to create buttons like you described. Luckily Wordpress has an impressive array of functions we can use. To automatically generate and output a link to the next and previous post, Wordpress have previous_post_link() and next_post_link(), we can just copy and paste this to anywhere we want. After this, a link are created pointed the next or the previous post. This is the first step. Next, we need to style this links to make it looks like a button, have round edges and shadows.

    I wrote a post explaining the whole process of automatically creating a next and previous post links and how to css style it to make a beautiful button of it.

    Here is the link.
     
    Last edited: Aug 2, 2021