The Divi Bottom Bar, located just below the WordPress footer, is a perfect place for Copyright © 2018 information. But a forgotten old year will give your website an outdated, dusty aura. So why not create an automatic feature that keeps the year fresh for you – year after year? Just follow the step-by-step guide below and stop worrying about outdated WordPress footers.

Watch the video (coming soon) or just follow the instructions below if you prefer to read. All the code snippets you’ll need is available for copy & paste in the article. You’ll need the Divi Theme from Elegant Themes but no extra plugins.

Related content: Display current date or year in the WordPress default footer

Step 1. Update functions.php

If you don’t have a child theme, now is the time to get one . Otherwise, your changes will be overwritten next time your theme is updated.

Start in your WordPress dashboard and go to Appearance > Editor. Then select functions.php in your child theme and paste the following code in the end ( before the closing line with ?> ). Save.

// Display current year 
function year_shortcode() {
$year = date_i18n('Y');
return $year; } add_shortcode
(
'year', 'year_shortcode');

Bonus! The shortcode [year] that we just created can also be used in the body text on all WordPress pages and posts. But if you use Divi, there is a better way: Dynamic content. Read more in the end of this post.

Add current month, day and more date formats.

Just add one or more of the following snippets to functions.php and replace “year” in the footer.php code snippet (step 2).

Code in functions.php Short Code Result
//Display current year
function year_shortcode () {

$ year = date_i18n (‘Y’);
return $ year;
}
add_shortcode (‘year’, ‘year_shortcode’);
[year] 2018
//Display current month
function monthyear_shortcode () {
$ monthyear = date_i18n (‘F Y’);
return $ monthyear;
}
add_shortcode (‘monthyear’, ‘monthyear_shortcode’);
[month] November
//Display current date as YYYY-MM-DD
function yyyymmdd_shortcode () {
$ yyyymmdd = date_i18n (‘y-m-d’); return $ yyyymmdd;
}
add_shortcode (‘yyyymmdd’, ‘yyyymmdd_shortcode’);
[yyyymmdd] 2018-11-19
//Display current month and year
function monthyear_shortcode () {

$ monthyear = date_i18n (‘F Y’);
return $ monthyear;
}
add_shortcode (‘monthyear’, ‘monthyear_shortcode’);
[monthyear] November 2018
//Display current day
function day_shortcode () {

$ day = date_i18n (‘F Y’);
return $ day;
}
add_shortcode (‘day’, ‘day_shortcode’);
[day] Monday

Bonus! Do you want even more date formats to choose from? Here’s the complete date formats list.

Step 2. Copy footer.php to your child theme folder

Now we’ve created the shortcode [year] that will display 2018 if you put it in the body copy of a WordPress page or post. But in order for it to display in the Divi Bottom Bar (and that’s our aim, right?), we need to do a tweak in footer.php (where the bottom bar code is located).

  1. Use a ftp client (eg FileZilla) or your web hosting file manager to copy the file footer.php from /wp-content/theme/Divi/ to /wp-content/themes/your-child-theme/ (“your-child-theme” should of course be replaced by the name of your child theme).
  2. Open your brand new child theme footer.php in a editor and search for this code snippet:
<div class="container clearfix"> 
<?php
if ( false !== et_get_option( 'show_footer_social_icons', true ) ) {
get_template_part( 'includes/social_icons', 'footer' );
}
?> <p id="footer-info">Copyright &copy; <?php echo do_shortcode('[year]');?> DiviMundo. All rights reserved.</p>
</div> <!-- .container -->

3. Replace the code above with the code below;

<div class="container clearfix"> 
<?php
if ( false !== et_get_option( 'show_footer_social_icons', true ) ) {
get_template_part( 'includes/social_icons', 'footer' );
}
?>
<p id="footer-info">Copyright &copy; <?php echo do_shortcode('[year]');?> DiviMundo. All rights reserved.</p>
</div> <!-- .container -->

Change “DiviMundo. All rights reserved.” to the company name and content you want to display. This is now where you edit all the the bottom bar text (but the social media icons are not affected).  Save and have a look. It should look something like this: Divi Bottom Bar with automatic current year

Explanation to the code snippet:

  • Copyright is plain text, displayed as: Copyright
  • &copy;  is code language for the special copyright character: ©
  • [year] is the shortcode that displays the current year automatically.

If you want to modify the background color, font color or font size in the bottom bar it business as usual: Open your WordPress dashboard and go to Divi > Theme Customizer > Footer > Bottom Bar. That was all for today. Enjoy!

But hey, where is the Dynanic Content feature?

Elegant Themes recently announced the awesome feature Dynamic Content for Divi. The good thing is that you don’t have to use shortcodes and code PHP to display eg. Featured Image, Post Title, Author – or current date or year.

The bad news is that Dynamic Content only works together with the Divi Visual Builder, which is not available in the WordPress footer or Divi bottom bar – yet! Elegant Themes has announced that they will launch an update that enables the Visual Builder on all parts of your WordPress website, including the footer. But while we wait for that update, the [year] shortcode is your best friend.

Divi Dynamic Content

Dynamic Content makes it easy to fetch and embed automated content from other sources within your website.

Read more about Dynamic Content for Divi

More from the blog

How to get 20% off the Divi theme – without a discount code

Divi is one of the world's most used and highly rated premium themes for Wordpress. Through DiviMundo you will get a 20% discount on your Divi membership at Elegant Themes – without using a discount code, promo code or discount coupon. Let's go! Get your discount with...

Top 5 Free Plugins For Divi – Download Today!

When you install Divi you'll get 46 powerful modules, such as Number Counters, Maps and Sliders. But sometimes your design requires additional resources. Luckily, there are a bunch of good plugins developed specifically for Divi. Here is a list of the top five free...

Display © Current Year Automatically in the Divi Bottom Bar

The Divis Bottom Bar below the WordPress footer fits perfect for Copyright © information. Create an automatic feature that always displays the current year.

Fantastic facts & statistics about WordPress 2018

Almost one out of three websites in the world is created with Wordpress. In addition to the user-friendly interface and the fact that Wordpress is free, the open source approach is a popular reason to choose Wordpress. Thousands of developers worldwide improve the...

Add Copyright © Year in the WordPress Footer with Automatic Updates

Add Copyright © 2018 that is updated to current year automatically in your WordPress footer. Add current year, date or day with shortcodes without a plugin.

Create A Bouncing Scroll Down Icon In WordPress

Hero sections with full screen images are a beautiful web design trend but it will hide your website content under the fold and force the visitor to scroll in order to discover the rest of your page. Why not help them with a bouncing scroll-down icon that is...

3 easy ways to make a logo (if you’re not a graphic designer)

Professional graphic designers often make their logotypes in complex applications from Adobe CC, like Illustrator, Photoshop and Indesign. But all the advanced features tend exhaust beginners that just wants to create a nice logo in short time. Here are three ways to...

Black Friday 2018 Is Coming

Don't miss the upcoming Black Friday campaign from Elegant Themes. Sign up for the newsletter and add the date yo your calendar, because this is going to be the biggest sale yet.  As if the sale wasn't big enought, you do also have the chance to win a brand new iMac...

Create Round Images In WordPress (Without Photoshop)

Round images are often used for making the web design feel less sharp and more dynamic. It's common to use round pictures on websites with portrait images in Contact Us pages and for Product pages. Here's a tutorial on how to transform images from square to round in...