How to Add a Dynamic Copyright Year to Your Divi Footer (Automatically Updated)

by | Nov 19, 2021 | Etcetera | 0 comments

A annually copyright understand is likely one of the most well liked parts so as to add to a website online’s footer. Sadly, it may be tough to bear in mind to switch the yr from 12 months to the following. The answer is to make the yr dynamic. It could pull the date from the server, and you may by no means have to fret about it. Thankfully, including a dynamic yr to the Divi copyright footer is a straightforward process. On this article, we’ll see how one can upload a dynamic copyright yr for your Divi footer so it’s going to replace routinely.

Preview

Right here’s how the Divi copyright footer will glance on desktop and cell.

Divi Copyright Footer Desktop

Divi Copyright Footer Desktop

Right here’s how the Divi copyright footer will glance at the desktop.

Divi Copyright Footer Cell

Divi Copyright Footer Mobile

Right here’s how the Divi copyright footer seems on cell.

Create or Add a Footer Template

First, you’ll desire a footer template for the Divi Theme Builder. You’ll be able to create your personal or use a premade footer template. Any footer template will paintings. I’ll display each strategies. For styling, you’ll simply use the colours and fonts to your template as a substitute of mine.

There are many unfastened footer templates which can be designed to paintings with the unfastened Divi structure packs. A lot of them already come with a dynamic copyright yr. To seek out them, seek for “unfastened footer” within the Sublime Topics weblog.

For my examples, I can create a brand new Divi copyright footer the use of parts from the unfastened Museum Layout Pack.

Approach one: Importing a Divi Footer Template

Uploading a Divi Footer Template

Obtain the footer template and unzip the document. Cross to Divi > Theme Builder within the WordPress dashboard. Click on Portability within the higher proper nook. Within the modal that opens, choose Import and click on to make a choice the document. Navigate to the document in your laptop, choose it, and click on Import Divi Theme Builder Templates. Delete the header template when you don’t wish to use it and click on Save Adjustments within the higher left nook.

See also  How To Show Code in WordPress (and Make It Glance Beautiful)

Uploading a Divi Footer Template

You’ll be able to now edit your footer template. You’ll be able to edit throughout the Theme Builder via clicking the edit choices or modifying at the entrance finish. I love to edit at the entrance finish so I will see how the styling works with my web page design.

Approach Two: Create a New Template within the Divi Theme Builder

Create a New Template in the Divi Theme Builder

I plan to create a brand new footer template the use of the Divi Museum Format Pack. Cross to Divi > Theme Builder within the WordPress dashboard. Click on Upload International Footer and choose Construct International Footer from the choices.

Create a New Template in the Divi Theme Builder

Your choices might fluctuate relying in your Divi settings. Open the Divi menu and click on Load from Library. Within the modal that opens, make a selection Premade Layouts and choose the structure you wish to have to make use of.

Create a New Template in the Divi Theme Builder

Click on at the structure you wish to have and choose Use This Format.

Create a New Template in the Divi Theme Builder

As soon as the web page a lot, delete the whole thing you don’t wish to come with to your footer. This structure pack features a footer inside each and every of its web page templates. I’ll use this footer as my world footer. This implies I’ll need to delete the footer from any web page I create the use of the Museum Format Pack.

Alternately, I may just simply create a backside row as the worldwide footer that might paintings with the structure beneath the footer that’s incorporated with the pages. Both means works tremendous.

We will be able to now upload the Divi copyright footer to our new world footer.

Upload a Textual content Module

Add a Text Module

Irrespective of the way you created your footer, the next move is so as to add a textual content module. Hover during the last module on the backside of the web page. Whilst you see the darkish grey plus icon, click on it to open the module choices. Seek for Textual content and click on the Textual content module. This provides a textual content module because the ultimate module at the web page.

Add a Text Module

The textual content module will open the place you’ll upload your content material. Hover over the content material house to look a dynamic icon within the higher proper. Click on this icon to make use of dynamic content material.

See also  Find out how to Upload a Touch Shape in WordPress (2023 Instructional)

Add a Text Module

This opens an inventory of dynamic content material that you’ll use to your textual content content material. Choose Present Date.

Upload the Divi Copyright Footer Knowledge

Add the Divi Copyright Footer Information

You’ll be able to now upload the tips to the fields. You’ll have 3 fields for info:

  • Ahead of
  • After
  • Date Layout

Upload the Copyright within the Ahead of Box

Add the Copyright in the Before Field

Position the copyright notification within the Ahead of box. So as to add a copyright image, input &replica; into the sector. For the overall copyright word, input “&replica; Copyright “, or “Copyright &replica; “ if you wish to have the logo to look after the phrase. That is my most popular means. Realize I’ve added an area on the finish. This provides an area between the copyright and the date. The copyright understand and image routinely seem within the footer.

You’ll be able to additionally input the logo manually. The process for including it’s going to fluctuate relying in your machine. On Home windows, grasp the alt key and sort 0169 in your quantity pad. You’ll be able to additionally replica it from someplace and paste it.

Upload Web site Knowledge within the After Box

Add Website Information in the After Field

Position your website online’s title and any message you wish to have within the After box. The message might be one thing like “All rights reserved”. You’ll be able to additionally upload your website online’s title. Upload a bar between the After textual content and date, like this “| All Rights Reserved”. I’ve added an area earlier than the textual content. This provides house between the date and textual content.

Add Website Information in the After Field

You have to hyperlink for your privateness coverage or an identical pages. Hyperlinks are added with HTML. As an example, if you wish to have your website online clickable, upload this HTML together with your hyperlink and website online’s title. You’ll want to come with the gap originally of the title. Right here’s my instance:

[HTML] Example Website [/html]

Add Website Information in the After Field

You’ll be able to additionally upload a hyperlink to another web page. Upload the HTML as standard and position your website online’s title earlier than the HTML. You’ll want to come with the additional house. Right here’s my instance:

 | My Web site <a href="exampleprivacypolicy.com"> Privateness Coverage </a>

Customise the Divi Copyright Footer Date Layout

Customize the Divi Copyright Footer Date Format

Subsequent, we’ll make a selection the date structure. Click on the Date Layout dropdown to look your choices. The choices come with the present day in addition to the yr. We simply need the yr. For the dynamic yr, you’ll want to make a choice Customized within the Date Layout choices.

See also  How to Assign a Different Blog Post Template to Specific Posts with Divi

Customize the Divi Copyright Footer Date Format

For the yr, kind Y. The higher-case Y displays the overall yr. You’ll be able to additionally use a lower-case y. This displays the ultimate two digits of the yr.

Customize the Divi Copyright Footer Date Format

Mine design displays my copyright understand with the logo after the phrase, the overall yr, and the website online title. Now it’s time to taste the Divi copyright footer.

Taste the Divi Copyright Footer

Style the Divi Copyright Footer

To taste our Divi copyright footer, we’ll use colours and fonts from the structure. We’ll stay this one easy since we’re now not making an attempt to attract consideration to it. Click on at the Design tab and make a selection Merriweather for the font, choose daring, and build up its dimension to 16px. That’s it. We’ll go away the whole thing else at their default settings.

  • Textual content Font: Merriweather
  • Textual content Font Weight: Daring
  • Textual content Textual content Dimension: 16px

Now, save your settings and go out the builder.

Effects

Right here’s how the Divi copyright footer seems on a desktop and cell.

Divi Copyright Footer Desktop

Divi Copyright Footer Desktop

Right here’s how the Divi copyright footer seems at the desktop.

Divi Copyright Footer Cell

Divi Copyright Footer Mobile

Right here’s how the Divi copyright footer seems on cell.

Finishing Ideas

That’s our have a look at how one can upload a dynamic Divi copyright footer for your website online. Divi has this selection constructed into its dynamic choices, making it simple so as to add. You may have a number of choices for exhibiting the date. If you’ve added it, the date will routinely exchange to compare the yr. You’ll by no means have to regulate the textual content once more.

We wish to listen from you. Have you ever added a dynamic Divi copyright footer for your website online? Tell us about your enjoy within the feedback.

The submit How to Add a Dynamic Copyright Year to Your Divi Footer (Automatically Updated) seemed first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment

DON'T LET YOUR WEBSITE GET DESTROYED BY HACKERS!

Get your FREE copy of our Cyber Security for WordPress® whitepaper.

You'll also get exclusive access to discounts that are only found at the bottom of our WP CyberSec whitepaper.

You have Successfully Subscribed!