• I am trying to do somethings very simple: create a page with 3 sections each with a read more button at the bottom. I am trying to use the Read More button on my Word Press toolbar but this doesn’t work: nothing happens. I’ve tried some of the suggestions in this forum already but they don’t seem to apply to me site. Can anyone help?

    Website: https://www.sustainableprocessimprovement.co.uk
    Theme: Academica

Viewing 3 replies - 1 through 3 (of 3 total)
  • I think your miss understanding what the more button in the editor is for, its to abbreviate a post, i.e. tell wordpress where to break the post for the excerpt so you don’t have to create it separately..

    it does absolutely nothing on a page… probably the source of your wows.

    plus it does nothing on a single post view its simply to help WordPress when showing archives. or whenever the theme asks for the_excerpt as apposed to the_content..

    If you want that effect with a page you have to manually do it with two pages, ie. write your excerpt text on one page with a read more link in the content at the bottom that links to a second page with the full content on it..

    ?? hope that helps

    Thread Starter Angela3000

    (@angela3000)

    Ok. Is there a way though that I can have a ‘Read More’ button which then reveals more text to the reader, on the same page. I’m SURE I’ve seen this on websites, surely it can’t be that hard to find.

    Sure,

    if you want to reveal more content on a click without reloading the page or navigating to another, thats fairly simple javascript even more so if your using a library like jquery.
    https://jsfiddle.net/o1pwrzkf/1/

    The content you want hidden needs to be in a div or span with the css style set to display none,

    <div id="hidden-content" style="display:none">.....</div>

    then you’re link, button, image…… whatever you want people to click on displays it something like

    <a  onClick="$('#hidden-content').toggle();">Read More</a>

    Building this into your theme … depends on how and where you want to us it..

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Read More Button Not Working’ is closed to new replies.