A yearly copyright notice is one of the most popular elements to add to a websiteâs footer. Unfortunately, it can be difficult to remember to change the year from one year to the next. The solution is to make the year dynamic. It would pull the date from the server, and you would never have to worry about it. Fortunately, adding a dynamic year to the Divi copyright footer is a simple task. In this article, weâll see how to add a dynamic copyright year to your Divi footer so it will update automatically.
Preview
Hereâs how the Divi copyright footer will look on desktop and mobile.
Hereâs how the Divi copyright footer will look on the desktop.
Subscribe To Our Youtube Channel
Hereâs how the Divi copyright footer looks on mobile.
First, youâll need a footer template for the Divi Theme Builder. You can create your own or use a premade footer template. Any footer template will work. Iâll show both methods. For styling, youâll just use the colors and fonts for your template instead of mine.
There are lots of free footer templates that are designed to work with the free Divi layout packs. Many of them already include a dynamic copyright year. To find them, search for âfree footerâ in the Elegant Themes blog.
For my examples, I will create a new Divi copyright footer using elements from the free Museum Layout Pack.
Download the footer template and unzip the file. Go to Divi > Theme Builder in the WordPress dashboard. Click Portability in the upper right corner. In the modal that opens, select Import and click to choose the file. Navigate to the file on your computer, select it, and click Import Divi Theme Builder Templates. Delete the header template if you donât want to use it and click Save Changes in the upper left corner.
You can now edit your footer template. You can edit within the Theme Builder by clicking the edit options or editing on the front end. I like to edit on the front end so I can see how the styling works with my page design.
Method Two: Create a New Template in the Divi Theme Builder
I plan to create a new footer template using the Divi Museum Layout Pack. Go to Divi > Theme Builder in the WordPress dashboard. Click Add Global Footer and select Build Global Footer from the options.
Your options may differ depending on your Divi settings. Open the Divi menu and click Load from Library. In the modal that opens, choose Premade Layouts and select the layout you want to use.
Click on the layout you want and select Use This Layout.
Once the page loads, delete everything you donât want to include in your footer. This layout pack includes a footer within each of its page templates. Iâll use this footer as my global footer. This means Iâll have to delete the footer from any page I create using the Museum Layout Pack.
Alternately, I could just create a bottom row as the global footer that would work with the layout under the footer thatâs included with the pages. Either method works fine.
We can now add the Divi copyright footer to our new global footer.
Add a Text Module
Regardless of how you created your footer, the next step is to add a text module. Hover over the last module at the bottom of the page. When you see the dark gray plus icon, click it to open the module selections. Search for Text and click the Text module. This adds a text module as the last module on the page.
The text module will open where you can add your content. Hover over the content area to see a dynamic icon in the upper right. Click this icon to use dynamic content.
This opens a list of dynamic content that you can use for your text content. Select Current Date.
You can now add the information to the fields. Youâll have three fields for information:
- Before
- After
- Date Format
Add the Copyright in the Before Field
Place the copyright notification in the Before field. To add a copyright symbol, enter © into the field. For the full copyright phrase, enter â© Copyright â, or âCopyright © â if you want the symbol to appear after the word. This is my preferred method. Notice Iâve added a space at the end. This adds a space between the copyright and the date. The copyright notice and symbol automatically appear in the footer.
You can also enter the symbol manually. The method for adding it will differ depending on your system. On Windows, hold the alt key and type 0169 on your number pad. You can also copy it from somewhere and paste it.
Add Website Information in the After Field
Place your websiteâs name and any message you want in the After field. The message could be something like âAll rights reservedâ. You can also add your websiteâs name. Add a bar between the After text and date, like this â| All Rights Reservedâ. Iâve added a space before the text. This adds space between the date and text.
You could link to your privacy policy or similar pages. Links are added with HTML. For example, if you want your website clickable, add this HTML with your link and websiteâs name. Be sure to include the space at the beginning of the name. Hereâs my example:
[HTML] Example Website [/html]
You can also add a link to a different page. Add the HTML as normal and place your websiteâs name before the HTML. Be sure to include the extra space. Hereâs my example:
| My Website <a href="exampleprivacypolicy.com"> Privacy Policy </a>
Next, weâll choose the date format. Click the Date Format dropdown to see your options. The options include the current day as well as the year. We just want the year. For the dynamic year, youâll need to choose Custom in the Date Format options.
For the year, type Y. The upper-case Y shows the full year. You can also use a lower-case y. This shows the last two digits of the year.
Mine design shows my copyright notice with the symbol after the word, the full year, and the website name. Now itâs time to style the Divi copyright footer.
To style our Divi copyright footer, weâll use colors and fonts from the layout. Weâll keep this one simple since weâre not trying to draw attention to it. Click on the Design tab and choose Merriweather for the font, select bold, and increase its size to 16px. Thatâs it. Weâll leave everything else at their default settings.
- Text Font: Merriweather
- Text Font Weight: Bold
- Text Text Size: 16px
Now, save your settings and exit the builder.
Results
Hereâs how the Divi copyright footer looks on a desktop and mobile.
Hereâs how the Divi copyright footer looks on the desktop.
Hereâs how the Divi copyright footer looks on mobile.
Ending Thoughts
Thatâs our look at how to add a dynamic Divi copyright footer to your website. Divi has this feature built into its dynamic options, making it easy to add. You have several options for displaying the date. Once youâve added it, the date will automatically change to match the year. Youâll never have to adjust the text again.
We want to hear from you. Have you added a dynamic Divi copyright footer to your website? Let us know about your experience in the comments.
Glad I found this, since early HTML days I’ve always coded this, but forgotten now so re-written each year! Now I don’t need to đ However, I couldn’t discover how to break the line so that copyright 2021 was on one line and the website name etc on the next line. So, in the end just added before the ‘after’. Any idea if this was the correct way to break the line?
Thank you very much! Very glad I found this article.
Finally, was able to figure out how to add dynamic content
Thank you so very much, Randy, for explaining this so well, and thank you to the Divi team for providing this fabulous feature! Iâve applied it to one of my sites so far, and everything looks fine. Iâll be so pleased on New Yearâs Eve! I was doing the changes manually. Just by the way, on a Mac, the copyright symbol is simply Option+g . â¤ď¸
Hi Randy,
I was always confused by copyright. Why is the current year only the norm and not the year of publication up to the current year?
For example, 2001-2021?
The dynamic year is fun; no more code!
Corrected formatting:
// copyright shortcode
function footer_copyright_shortcode() {
$strHTML = ⊠â . date(âYâ);
$strHTML .= â SomeCompanyÂŽ. All rights reserved.â;
return $strHTML;
}
add_shortcode(âfooter_copyrightâ, âfooter_copyright_shortcodeâ);
And here I’ve been using this all along …
// copyright shortcode
function footer_copyright_shortcode() {
$strHTML = “© ” . date(‘Y’);
$strHTML .= ” SomeCompany®. All rights reserved.”;
return $strHTML;
}
Hmmm … which will be quicker to implement? The shortcode, or the Dynamic Content?
add_shortcode(‘footer_copyright’, ‘footer_copyright_shortcode’);
Good bye Divi Booter (I used it for that).
Thanks for this post, it shows how easy design with Divi is. I think no other theme offers this easy way.