Welcome to Day 3 of our Divi 100 Marathon. Keep tuning in for 100 days in a row of awesome Divi resources as we count down to the amazing release of Divi 3.0 on the final day of the series!
Today we are happy to release our first ever free Divi extension. This extension, which comes in the form of a WordPress plugin, can be installed alongside Divi to add a brand new feature. This is the first of many extensions that we plan to release during our Divi 100 marathon, so if you enjoyed this one then be sure to follow along while we continue our journey to day 100!
While talking with the Divi community, we often hear requests for additional blog layout options. Even though the Blog Module is quite versatile, especially when used with a creative variety of custom advanced design settings and CSS, there are certainly opportunities to expand. We decided to create a free Divi extension that does just that—offers a completely new and modern look for your Divi blog. It’s called the Article Cards extension, and once enabled it completely transforms your Blog Grid Module with a single click!
This new custom design is a bit more bold, which is a nice contrast to the simple and subtle design of the default Divi grid blog module. This version features bigger and bolder text, taking the post meta information and transforming each piece into strong graphic elements. You will also notice that it comes with some some really cool hover effects too! If you are getting tired of your blog’s current look, this just might be the refresher you have been waiting for 🙂
Downloading & Using the Article Card Plugin
This Divi Article Cards extension comes in the form of a WordPress plugin, and it can be installed just like any other plugin. First, download the divi-article-cards.zip file by clicking the download button below. Once you have finished downloading the file, locate the divi-artice-cards.zip file in your computer’s downloads folder.
Next, log into your WordPress website and navigate to the Plugins > Add New page. Click the “Upload Plugin” button at the top of the page and upload the divi-artice-cards.zip you just downloaded. Once uploaded, click the “Active Plugin” link to active the extension.
Once activated, you will notice that a new menu item has been added to your WordPress Dashboard called Divi 100. This is where all of your Divi 100 extension options will be located. As you follow along with Divi 100 and install new extensions, each one will show up under this menu where it can be easily managed.
Click the “Divi 100” link to open up the Divi Article Cards options panel. Here you will find 2 settings. The first one turns the custom blog design on and off. Once enabled, all Divi Blog Modules will have their grid layouts transformed. The new layout only applies to blog modules that have the “Grid” layout enabled. The second option lets you customize the blog’s accent color, which is used as the background color for the category and date elements.
That’s it! Click save and check out your brand new Divi blog. Don’t forget to make sure that your blog module has it’s layout set to “Grid,” otherwise the custom design will not be applied. The new layout is beautiful, responsive, and works great with all custom post types.
Plugin Updates & Bug Reporting
Like you, we love to tinker, tweak, and improve the things we create. So if you notice any issues with the article card plugin not working as described you can report them via the github repo we’ve set up for it. This will be the quickest and easiest way for both us and you to keep up with any issues you have related to this plugin.
Additionally, when changes are made they will be immediately available at the repo for download. You will also be able to create your own branches/versions of the plugin to fit your specific needs–if you so choose.
We hope you enjoy this Divi freebie and we look forward to sharing many more with you in the coming days of the Divi 100 series.
Divi 100 Day 3
The Countdown To Divi 3.0
This post is part of our Divi 100 marathon. Follow along as we post free Divi resources for 100 days in a row! This 100-day countdown will end with the game-changing release of Divi 3.0, including our brand new visual editor built from the ground up using React. Divi 3.0 will change the way you build websites with the Divi Builder forever!
Let the countdown begin.
Are You A Divi User? Find Out How To Get More From Divi! 👇
Browse hundreds of modules and thousands of layouts.Visit Marketplace
Find Out How To Improve Your Divi Workflow 👇
Learn about the new way to manage your Divi assets.Get Divi Cloud
Want To Speed Up Your Divi Website? Find Out How 👇
Get fast WordPress hosting optimized for Divi.Speed Up Divi