Read More button on static front page?

  • philosophical

    (@philosophical)


    8 years, 9 months ago

    Hello,

    I’d like to embed a Read More button onto my static front page. I have successfully embedded html widgets into the same post, however none of the html, css or shortcodes I have copied and pasted have caused a Read More button to display so far. Neither have any plugins.

    Any suggestions would be greatly appreciated.
    Thanks!

    • This topic was modified 8 years, 9 months ago by Jan Dembowski.
    • This topic was modified 8 years, 9 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress
Viewing 2 replies - 1 through 2 (of 2 total)
  • Neil

    (@neilgilmour)

    WCLDN 2018 Contributor

    8 years, 9 months ago

    Hi @philosophical,

    The read more button is mainly useful for posts (rather than pages) where you display a list (archive) of posts with a summary and visitors can decide which one they want to read more of.

    On your page you could do this using an ‘accordion’ where you get a title bar and when you click on it it expands to show the whole content. Search the plugins on ww.wp.xz.cn for ideas.

    Another way would be to use one of the page builders to insert a post archive into your page. I’ve used Beaver Builder for this and it’s really easy.

    Let me know if that helps

    HudsonValleyWebDesign

    (@jaycbrf)

    8 years, 9 months ago

    Just create a link and style it like a button. Make the link href link to the page you want it to go to:

    
<a class="read-more-btn" href="/page-url">Read More » </a>

and css:

.read-more-btn {     
    background-color: #fff;
    border-color: #ccc;
    color: #333;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
}
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Read More button on static front page?’ is closed to new replies.

Tags