آخرین اخبار

WordPress Footer Fail? Edit the Footer With Our Expert Guide


A site footer with just ‘Powered by WordPress’ is boring.

It can be used for multiple purposes, primarily for navigation and SEO benefits, but most people just leave it as the default.

That’s a shame as it’s capable of so much more!

Want to edit your footer to get the most out of it?

We’re going to show you 5 simple ways to edit your WordPress footer using:

  1. The WordPress customizer
  2. The Astra Footer Builder
  3. Elementor
  4. Block theme footer editor
  5. The footer.php file

If you’re one of the many who want to change the copyright date to automatically update in WordPress, we’ll show you that too.

However you like to build and maintain your website, we’ve got you covered!

Elevate your #WordPress website by editing the footer. Check out this expert guide for step-by-step instructions.

Author Name

Tweet

What Exactly Is WordPress Footer?

If you scroll to the bottom of this, and any other page on the Astra website, you’ll see our footer:

What Is a WordPress Footer

In addition to the copyright statement and social media icons, you’ll notice a series of additional links.

Those are all important pages, but not the primary reason a visitor might be on the site.

Adding them in the footer keeps your main navigation focused on delivering on user intent while still providing convenience.

After all, most of us know that if a link isn’t in the header, it’s likely to be in the footer.

Website Footer Examples to Inspire You

Here are some examples selected from our collection of Starter Templates.

Online Health Coach

This is a straightforward website footer that includes a ‘Subscribe to Newsletter’ call to action, social media icons and copyright statement.

Online health coach footer example

It’s a simple, no-nonsense footer that could work well for smaller websites.

Business Consultancy Firm

In this example, the footer includes the address, social media icons and a subscription form.

Business consultancy firm footer

It’s another simple footer but strongly branded so it fits into the overall design.

Digital Marketing Agency

Want to promote your business? Want to remind visitors what you offer? The website footer is a great place to remind them!

Digital marketing agency footer example

You can remind visitors of your services as well as providing other useful links.

Furniture Store

This eCommerce footer includes links to individual product categories. This is another opportunity to promote featured products for one last attempt at conversion.

Furniture store footer example

It covers all the basics and then some!

Tech Blogger

This example includes all the elements visitors look for, including social media, newsletter signup, extra links, address and copyright.

Tech blogger footer example

This is another strongly branded WordPress footer that reflects the overall design.

Those are some of the many ways to customize your footer.

Here’s how to go about it!

How To Edit the Footer in WordPress

Editing the footer is very straightforward once you know how.

You would typically edit it to change the design, widgets or their contents, add code to the footer, add a form or something else.

We’re going to show you 5 different ways to do all those things:

  1. The WordPress customizer
  2. The Astra Footer Builder
  3. Elementor
  4. Block theme footer editor
  5. The footer.php file

We won’t get into the specifics of what to change but we’ll show you exactly how you would go about making those changes.

1: Edit the Footer With the WordPress Customizer

Editing the footer using the WordPress customizer makes it easy to personalize your design without needing a page builder.

Log into WordPress and select Appearance > Customize > Footer.

Depending on the theme you have installed, you may see Footer or Footer Builder in the menu. Both will work.

What you see next will depend entirely on the theme you have installed.

You should see something like this:

Edit With the WordPress Customizer

You should see available footer widgets on the left and the footer customizer at the bottom of the center screen.

Drag and drop a widget onto the footer and watch it appear in real time in the center.

Select a widget to access its settings and use the new menu on the left to make your changes.

Select a widget to access its settings

Repeat for every element you add to your footer until you’re completely happy.

Then hit the blue Publish button at the top to save your changes.

If you want to add a form, code or something else, select an empty space at the bottom and add a text or code block.

Type or paste your code, embed or whatever into the block and save your change.

Method 2: Use the Astra Footer Builder

The Astra theme includes a Footer Builder and you should see a menu item in the customizer so you can use it.

Edit the Footer With the WordPress Customizer

Select it and you’ll see the widget areas of your current theme in the left menu (1) and a drag and drop widget area at the bottom of the center pane (2).

widget areas of your current theme

It’s a similar setup to the WordPress customizer but has a few more options.

Select a footer widget at either location and you’ll see the properties menu appear on the left.

Make any changes you like, change the widget, replace the content or whatever.

Rinse and repeat for every widget in your footer.

The same principle applies whether you want to change the design, add custom code, a map, video or something else.

Either modify an existing widget or add a new one in an empty spot.

Either modify an existing widget or add a new one

Add your code in the box in the left menu.

Select the blue Publish button when you’re done.

Select the Copyright widget

That’s how easy it is to edit the footer when you use the Astra theme!

Method 3: Edit the Footer With Elementor

For this method we’ll assume you have Astra and the Elementor page builder installed.

To begin with, let’s install a plugin.

Head over to ‘Plugins > Add New’ and search for the Elementor Header & Footer Builder plugin.

Elementor Header Footer & Blocks’ plugin

Install and activate the plugin.

Select Appearance > Header Footer & Builder where you’ll find the default Footer template.

default Footer template

Select Edit with Elementor under the template name.

You’ll now be directed to the footer area within the Elementor page builder.

Elementor default Footer template

Select an area within the footer and make changes on the left as you would with any Elementor widget.

Select Update at the bottom of the page when you’re done. Your changes will now be live across your website.

You can edit the WordPress header with Elementor using in exactly the same way.

You can also add custom code, socials or whatever else you like.

Method 4: Edit a Block Theme Footer

WordPress block themes like Spectra One work a little differently.

You can still customize your footer but it’s done via the site editor rather than the Customize menu.

Edit a Block Theme Footer

Select Appearance > Editor to begin.

Scroll down to the footer and click anywhere in the center pane.

Select to edit the footer

Select Edit in the little popup window to bring up the footer editor.

Select a widget or anything in your footer and use the dialog menu and settings menu on the right to make your changes.

Select a widget or anything in your footer

Select the blue Save button once you’re done!

Method 5: Edit the footer.php File

We recommend using the previous methods to edit the footer in WordPress as they are quick and easy.

If you would prefer to code rather than drag and drop, you can make changes directly to the footer.php file.

This file controls the look and feel of your website and will overwrite the theme settings.

We recommend creating a child theme before you make any changes to core files.

A child theme prevents any file changes being overwritten.

You don’t want to spend ages tweaking your footer.php only for all your hard work to be overwritten when WordPress or your theme updates!

Next, head over to Appearance > Theme Editor.

Theme Editor

Select the blue I Understand button to access the files.

Select your active theme at the top right where it says Select theme to edit.

If you created a child theme, make sure it’s selected as the theme to edit.

Then select the footer.php file from the list on the right.

Edit footer php

The contents of the file will appear in the center pane where you can make your changes.

Before you touch anything, take a copy of the default fault and paste it somewhere safe.

That way, if anything goes wrong, you can return it to default before trying again.

Edit the file as required and select the blue Update File button once you’re done.

Visit your site to check the footer and make sure everything works as desired.

That’s it!

Add Copyright © and Current Year to the WordPress Footer

One question we see a lot in forums and in blog comments is how to add the copyright and the current year to a footer.

Some themes come with it as default but not all do.

If your theme doesn’t include it, just add the following code to the copyright part of the footer or in a text widget.

Copyright © [year] Company Name. All rights reserved.

Just change the company name to your own and leave the rest as it is.

Once added, the date should change automatically every year.

While you’re there, if you want to remove the ‘Powered by WordPress’ or ‘Powered by ThemeName’ from the footer, delete the following code:

| Powered by [theme_author]

Save the change and the message will have disappeared.

Easy!

Final Thoughts

While the footer is often the last thing visitors notice, it’s an important element of any WordPress website.

Now you know some simple ways to edit the footer, you have no excuse not to make yours work harder.

The more unique and engaging you make it, the harder it will work!

If you use Astra, the Footer Builder makes life easy. Most premium Astra themes come with attractive footers all ready to go so you may not even need to change it.

Buy the Astra Essential Toolkit to access our awesome premium themes and building tools!

Otherwise the WordPress customizer and Elementor both get the job done.

While it’s possible to edit the footer.php file, that’s a method of last resort as far as we’re concerned.

Do you have a unique or particularly interesting website footer? Care to share? Let us know in the comments below!

Editing the Footer FAQs

We hope we have answered most of your questions already, but just in case…

1. Does a Website Require a Footer?

A website doesn’t require a footer but it benefits from using one. Typically your footer houses the copyright statement, social media icons, menu links, address and perhaps a map.

Ideally, you don’t want to overcrowd your main navigation with your Privacy policy, Disclaimers, and FTC disclosures. While they are important, they are better off in the footer menu.

2. Is It Legal to Remove “Powered By WordPress”?

Yes, it is legal to remove “Powered by WordPress” footer credit links. WordPress is free and open source. The GPL license allows you to freely modify it and permission is explicitly granted to change WordPress however you wish.

4. How Do I Add Social Media Icons to the Footer?

It’s very easy to add social media icons to the footer. Many themes will have a social media widget already in the footer. Elementor has one and the WordPress block editor has one too.

Add the widget using one of the methods above, add your links and test them. It’s very easy to do!

5. How Do I Add a Contact Form to the Footer?

It’s very straightforward to add a contact form to the footer. Some of our Starter Templates already have a form in or by the footer. If you want to do it yourself, add a form widget from your form plugin or page builder and link it to a form.

6. How Do I Add a Google Map to the WordPress Footer?

You can add a Google Map to the WordPress footer with ease. Instead of using the image widget, embed the map code in a text widget or dedicated map widget if there is one.

Otherwise, install a plugin, such as Maps Widget for Google Maps, and add the widget to your footer. Easy!

Pratik Chaskar holds the pivotal role of CTO at Brainstorm Force, serving as the backbone of the company.

Renowned for his organizational skills, strategic thinking, problem-solving attitude, and expertise in leading and executing plans, Pratik plays a crucial role in the BSF’s technological landscape.

Disclosure: This blog may contain affiliate links. If you make a purchase through one of these links, we may receive a small commission. Read disclosure. Rest assured that we only recommend products that we have personally used and believe will add value to our readers. Thanks for your support!





منبع:totalwptheme

نوشته های مشابه

دکمه بازگشت به بالا