CHANGE DIVI BLOG READ MORE TEXT

Change the Divi blog module “Read More” text to say something different.

Updated April 18, 2020: – I have received feedback that some readers of my blogs are not computer savvy and don’t understand the concept of WordPress  “Excerpts”. They don’t realize the “read more” hyperlink at the bottom of a blog post excerpt would bring them to the full post content. This is not their fault, sometimes I feel WordPress and WordPress theme developers lose sight of their customers clients and visitors. I mean look at the “Hamburger” style menu on mobile sites, It’s small, doesn’t encourage the user to “click me” and yet typically there’s no text saying “Menu”. That was a story and a fix for another post. Our goal today is to make the “Read More” to display something more meaningful like “Read the Full Story”, “Click to Keep Reading” or anything your visitors desire. Fortunately, the folks at Elegant Themes make this an easy fix in the Divi Theme.

So you’re still reading which means you have the same problem on your Divi blog or maybe you just want it to say something other than “read more” for your own personal reasons. Well happy to say you came to the right place. I’m here with a simple solution. All you need to do is paste a small amount of provided code in the right place in your Divi theme options and you’re done. (there are more technical ways to do this too but we will leave that for other).

CHANGE DIVI BLOG READ MORE TEXT

Elegant Themes Divi Theme Options

Instructions: Change the Divi Blog Module “Read More” Text

In your WordPress dashboard navigate to Divi>Theme Options>Integration and add code below to the “Body ” field.

Note: Make sure the “Enable Body Code” switch is on. Tip: Select the text and use the keyboard shortcut Ctrl+C to copy the code and Cntrl +V to paste the code.

<script type="text/javascript">
(function($) {
$(document).ready(function() {
var newVal = 'View Full Post';
$('.more-link').html( newVal );
});
})(jQuery);
</script>

In the above script change the text “View Full Post” to say whatever message you want to be displayed at the bottom of your WordPress Divi blog post excerpts.

I wish Elegant Themes would give Divi users the option to make this an obviously visible actionable button. Maybe one day.

44 Comments

  1. sam July 20, 2018
  2. Brad @ CrossCadence October 4, 2018
  3. Peter October 21, 2018
  4. Cath January 8, 2019
    • Andrew Schur January 8, 2019
    • Andrew Schur April 11, 2019
  5. Morten Hansen February 3, 2019
  6. Chris April 11, 2019
  7. uglybear April 29, 2019
  8. Pablo Robles May 21, 2019
  9. Matt June 19, 2019
  10. Mike Wiesman October 11, 2019
  11. Alfonso Ulises Moctezuma Gómez October 16, 2019
  12. Alfonso Ulises Moctezuma Gómez October 17, 2019
  13. Kristyna Dierstein Horankova October 28, 2019
  14. Slava October 30, 2019
  15. Michael Keultjes November 18, 2019
  16. gcalvelo November 20, 2019
  17. gcalvelo November 20, 2019
  18. Luboš Hilgert January 5, 2020
  19. Ikazweb February 6, 2020
  20. Roman Caceres Durey March 5, 2020
  21. Stephen Brust April 9, 2020
  22. Lulu Weber May 3, 2020
  23. erdelmeier May 4, 2020
  24. Filipe June 1, 2020
  25. Liz July 14, 2020
  26. Alexander V. Mikhalkovich August 13, 2020
  27. fgc1701 September 8, 2020
  28. Inspired Earth December 3, 2020
  29. TomN January 13, 2021
  30. gillescavin February 27, 2021
  31. Mark June 4, 2021
  32. Carla Bosman December 17, 2021
  33. Rudy March 25, 2022
    • Andrew Schur March 25, 2022
  34. Phil July 21, 2022
  35. pekkavarnai May 18, 2023

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.