Unlock your potential with a Pro Membership
Here is where you propel your career forward. Come join us today. Learn more.
Find Where Beans Renders the “Read More”
Lab: Customizing the “Read More” Link in Beans
Video Runtime: 15:37
Using the strategies you learned in the last episode, it’s time to find where Beans renders the “read more” HTML. Let’s use the string literal approach, where we’ll do a global search for that specific "Continue reading" string literal.
To help you more quickly find the code, I’ll share a couple of PhpStorm tips too.
Then we’ll talk through the actual source code including the Beans functions beans_open_markup, beans_close_markup, and beans_output.
In this episode, I mention that we are hooking into the 'the_content_more_link' filter, which comes out of WordPress. If you need to brush up on filters, actions, events, and hooks, check out this lab.
Break. Go rest your noodle for a couple of minutes.
Episodes
Total Lab Runtime: 02:21:26
- 1 Lab Introductionfree 17:36
- 2 Let's Look at the HTML Markupfree 09:16
- 3 Find Where Beans Renders the "Read More"pro 15:37
- 4 Remove the >> Iconfree 09:46
- 5 Change the "Continue reading" Textfree 08:03
- 6 Append "..." After the Textfree 06:06
- 7 Dive into Bean's beans_output()pro 15:46
- 8 Dive into Beans' beans_open_markup()pro 15:50
- 9 Dive into Beans' beans_close_markup()pro 03:04
- 10 Adding HTML Attributes using beans_add_attributes()pro 09:10
- 11 Style It to Look Like a Buttonfree 04:04
- 12 Add UIKit Button Attributespro 08:16
- 13 No More Inline. Put On A New Linepro 01:48
- 14 Wrap It in a Paragraphpro 05:11
- 15 Change the UIKit Iconpro 06:32
- 16 Wrap it Upfree 05:21
