• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Genesis Responsive Slider: Read more button & excerpts

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Genesis Responsive Slider: Read more button & excerpts

This topic is: not resolved

Tagged: genesis responsive slider, read more button

  • This topic has 4 replies, 3 voices, and was last updated 10 years, 4 months ago by anicca.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 26, 2014 at 11:07 pm #129371
    anicca
    Member

    Dear all,

    Would you please kindly show me how display "read more" link, as a read "more button" instead of text, just below the slider excerpt?

    With Genesis Responsive Slider, it seems that when we choose to display Post Exceprts, the read more part will disappear automatically. It looks better in many cases to keep the 'read more' stuff, esp if it can be a button instead of text.

    Thank you very much for your great help as always and look forward to your instructions.

    October 27, 2014 at 2:10 am #129387
    Ben @ Inbound Creative
    Member

    If you add this to your functions file at the bottom.

    //* Add Read More Link to Excerpts
       add_filter(‘excerpt_more’, ‘get_read_more_link’);
       add_filter( ‘the_content_more_link’, ‘get_read_more_link’ );
       function get_read_more_link() {
          return ‘…&nbsp;<a href="’ . get_permalink() . ‘">Read More…</a>';
    }

    That will display it as text.

    If you want it to be displayed as a button, then paste this at the bottom of your functions file.

    
    // Add Read More Link to Excerpts
       add_filter(‘excerpt_more’, ‘get_read_more_link’);
       add_filter( ‘the_content_more_link’, ‘get_read_more_link’ );
       function get_read_more_link() {
          return ‘…&nbsp;<a class="button" href="’ . get_permalink() . ‘">Read More…</a>';
    }

    You can also change the text of the button by editing between the > and < on the last line of that code where it currently says Read More...

    Let me know if you need any more help.


    Award winning web design in Liverpool | UK based Genesis Framework web designer and developer

    October 27, 2014 at 9:01 am #129441
    anicca
    Member

    Thanks for your suggestions. I also found the code #1 somewhere, similar to the one you posted. However, the website died immediately when I pasted it in the function.php file. I guess there's something wrong with it.

    February 9, 2015 at 10:55 am #140204
    parentpalace
    Member

    Any updates on this? I'm having the same issue; wanting to turn the read more link into a button

    February 9, 2015 at 11:17 am #140207
    anicca
    Member

    Hi,

    I finally worked this out:

    (1) You should create a CSS button. In my case, I create a CSS class called "btn-cta",
    (2) Paste the code of the button in Excerpt section of your Post/page.

    For example:
    <a href="#">Read More</a>

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble