Customizing the Read More Link in Genesis

The Genesis framework defaults to a standard read more link which looks like [Read more...]. But what if you want to read Continue reading, Learn more, or whatever? What if you want it to be on a separate line in its own paragraph? What if you want it to look like a button instead of just a standard link? Well, then this lab is for you. In this lab, you will customize your Genesis child theme, any child theme, to fit your project’s needs. Yes, you will be doing all of these customization features.

You’ll transform the default Genesis read more link from this:

to this:

Notice the following:

1. The new version is one a separate line. You will be changing the HTML markup to wrap it in p tags.
2. It has different text. You can change this to whatever you need in your project.
3. It is styled like a button. As an option, you change your style.css file to make it look like a button.

What to Do Next?

1 Episodes
5:53 Runtime

Adding and Removing Structural Wraps in Genesis

In the Genesis framework, structural wraps give you further styling control and containment of your content, as it wraps your content in a <div class="wrap">. You are able to specify where you want these structural wraps by configuring it within your child theme. In this lab, you will be adding and removing structural wraps by configuring the context using add_theme_support().

Learn more

Check out the Genesis Theming Framework for more hands-on labs, insights, Docx, and more.