Title: Add "read more" button
Last modified: August 31, 2016

---

# Add "read more" button

 *  [shuyinz](https://wordpress.org/support/users/shuyinz/)
 * (@shuyinz)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/add-read-more-button-2/)
 * HI,
 * I want to add a “read more” button after excerpt of my blog posts (in my homepage)
 * Is that possible ?
 * Thanks for your help
 * Regards

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * (@bdbrown)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/add-read-more-button-2/#post-7406240)
 * Hi shuyinz. Welcome to the Hueman forum. You can modify the default “read more”
   text by copying a theme function to your child theme functions.php file. If you’re
   not currently using a child theme you can add one fairly easily. See the documentation
   here:
    [http://docs.presscustomizr.com/article/239-using-a-child-theme-with-hueman](http://docs.presscustomizr.com/article/239-using-a-child-theme-with-hueman)
 * Then add this function to your child theme functions.php file:
 *     ```
       /* change excerpt read more text */
       function hu_excerpt_more( $more ) {
           $readmoretext = '...Read more -->';
           return '<a href="'. get_permalink( get_the_ID() ) . '">' . $readmoretext . '</a>';
       }
       ```
   
 * You could then add some custom CSS to your child theme styles.css file to style
   the “Read More” like a button:
 *     ```
       /* style read more link as button */
       .read-more {
           border: 1px solid #666;
           border-radius: 10px;
           background: #ccc;
           padding: 5px;
           margin: 5px;
       }
       ```
   
 *  [AZBros](https://wordpress.org/support/users/azbros/)
 * (@azbros)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/add-read-more-button-2/#post-7406316)
 * Just wanted to say that I tried this for myself and got the Read More text to
   appear, but the styling doesn’t seem to work. I adjusted the colors and stuff,
   but nothing changed. Is the style.css code correct? I was curious how it was 
   going to look like a button and then adjust the code accordingly to get a look
   I liked.
 *  [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * (@bdbrown)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/add-read-more-button-2/#post-7406319)
 * [@azbros](https://wordpress.org/support/users/azbros/) – Oops; my fault. The 
   function is missing the class; it should look like this:
 *     ```
       /* change read more text */
       function hu_excerpt_more( $more ) {
           $readmoretext = '...Read more -->';
           return '<a class="read-more" href="'. get_permalink( get_the_ID() ) . '">' . $readmoretext . '</a>';
       }
       ```
   
 * And I’d make one adjustment to the CSS; change the padding to this:
 *     ```
       padding: 0 5px;
       ```
   
 * Thanks for catching that.
 *  [AZBros](https://wordpress.org/support/users/azbros/)
 * (@azbros)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/add-read-more-button-2/#post-7406331)
 * No problem. Also, it works nicely now. Hopefully the OP sees this, it looks like
   this is exactly what he was requesting.
 *  [maximdonskov](https://wordpress.org/support/users/maximdonskov/)
 * (@maximdonskov)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/add-read-more-button-2/#post-9174192)
 * Doesn’t work if you use custom excerpt. I don’t know why.
    found the solution
   here [https://wordpress.org/support/topic/read-more-tag-not-appearing/](https://wordpress.org/support/topic/read-more-tag-not-appearing/)
    -  This reply was modified 9 years, 1 month ago by [maximdonskov](https://wordpress.org/support/users/maximdonskov/).

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Add "read more" button’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/hueman/3.7.27/screenshot.png)
 * Hueman
 * [Support Threads](https://wordpress.org/support/theme/hueman/)
 * [Active Topics](https://wordpress.org/support/theme/hueman/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/hueman/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/hueman/reviews/)

 * 5 replies
 * 4 participants
 * Last reply from: [maximdonskov](https://wordpress.org/support/users/maximdonskov/)
 * Last activity: [9 years, 1 month ago](https://wordpress.org/support/topic/add-read-more-button-2/#post-9174192)
 * Status: not resolved