How To Add A Third Footer Widget to Twenty Seventeen

Twenty Seventeen has only two footer widgets. If you need three footer widgets this tutorial will show you how to do it.

If your not all ready doing so go and create a child theme for your site to use. All theme modifications should always go in child theme. If you dont know how to create a child theme you read that tutorial here. It is also advised to backup your theme before editing any files.

You need to edit these 3 files inside your theme folder.

  1. functions.php
  2. footer.php
  3. style.css

Step 1 – Registering A Third Footer Column in Widget Section

Open functions.php, add below code to it and click on save changes.

Step 2 – Adding Widgets to Footer

The following step requires you to create a folder named “template-parts. Inside that folder create another folder called “footer” Inside that folder create a file named “footer-widgets.php”

Edit footer-widgets.php file and add all of the below code to it.

Step 3 – Adding Style to Footer Widgets

Next open style.css and add this code:

Now you are done with the editing part and its time to add some widgets to your footers.

  1. Login, to WordPress Dashboard and go to Appearance > Widgets.
  2. Drag and Drop widgets to desired footer sections and save them.
  3. Now, check the footer of your blog and it will be really awesome.