Skip to content Skip to main navigation Skip to footer

How To Edit WordPress Footer? 4 Easy Methods

sale_banner

There are several places and methods to edit the WordPress footer of a WordPress Blog or Site viz. Functions.php, Footer.php, Additional CSS option under customizer where you can either add or edit some CSS/PHP code, Theme dependent addition footer options, and Footer editing plugin available in WordPress Plugins store.

Proudly Powered by WordPress - how to edit footer in wordpress
Proudly powered by WordPress

Step 1: Click On Theme Editor.

theme-editor-4 - wordpress edit footer

Step 2: Select footer.php File.

footer-PHP-select-in-theme-editor - wordpress footers

Step 3: Search Code Lines.

<?php $blog_info = get_bloginfo( 'name' ); ?>

printf( __( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );

Search these code lines.

footer-PHP-code-highlight-1 - edit footer wordpress

Just comment out those lines.

<?php //$blog_info = get_bloginfo( 'name' ); ?>

//printf( __( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );

footer-PHP-comment-ed-
Click On Update file.

Step 4: Testing

Refresh the page.
default-footer-text-removed-1
Caution: Sometimes it needs ‘Clear browsing data.

By Editing Functions.php File.

Step 1: Open Theme Editor & Select functions.php File as shown in the screenshot.

function-PHP-selected-in-theme-editor - wordpress remove footer

Step 2: Add the codes given below at the bottom of the functions.php file.

// Custom Footer Code.
function wphow_footer_function() {
	 echo '<style> #wphow 
    {
      color: #000000;
	  font-family: "Arial";
      font-size: 24px;
	  background-color: #AED6F1;
	  text-align: center;
    } 
  </style>';
    	
echo '<div id = "wphow" >Custom Footer Text</div>'; 
}
add_action( 'wp_footer', 'wphow_footer_function' );

footer-code-in-functions-php
Click on Update file.

Step 3: Testing

Refresh the page.
custom-footer-text-image

You can also paste the same code in footer.php a file with a minor change, by adding opening and closing PHP tags.

<?php  function wphow_footer_function() {
	 echo '<style> #wphow 
    {
      color: #000000;
	  font-family: "Arial";
      font-size: 24px;
	  background-color: #AED6F1;
	  text-align: center;
    } 
  </style>';
  	echo '<div id = "wphow" >Custom Footer Text</div>'; 
}
add_action( 'wp_footer', 'wphow_footer_function' );?>

Caution: Paste these codes just before <?PHP wp_footer();  ?> code line in footer.php the file.

footer-code-in-footer-PHP - copyright footer wordpress

Options to edit the WordPress footer are theme customizer dependent i.e. there are three options in theme Customizer of example theme Twenty Nineteen Version: 1.5 to Edit WordPress Footer while example theme UltraPress has a lot of footer options. Let’s take a look one by one.

Example Theme Twenty Nineteen Version: 1.5

Step 1: Click On Customizer.

Dashboard >> Appearance >> Customizer
customizer-1

Step 2: Click On the Menus Option.

menus-option - changing footer in wordpress

Step 3: Click On View All Locations.

view-all-location - how to edit a footer in wordpress

Step 4: Click On Create New Menu Under Footer Menu.

create-new-menu-under-footer

Step 5: Writer Footer Menu Name.

footer-name
Press Next.

Step 6: Click On Add Items.

add-item - how to edit a footer in wordpress

Step 7: Select Menu Items.

Select Items From Right Side Panel.
items-added-to-footer-menu
Press Publish Button.

Step 8: Testing

Refresh The Page And Scroll Down.
footer-menu-test
Footer Menus.

Using Widgets

Step 1: Click on Widgets.

Dashboard >> Customize >> Widgets
click-on-widgets

Step 2: Click On Add a Widget.

click-on-add-a-widget - how to edit footer in wordpress

Step 3: Select Widgets From Right Side Panel.

widget-select - how to edit footer in wordpress

Step 4:  Select Calendar Widget.

after-1
Press Publish.

Step 4: Testing.

wordpress edit footer

Using Additional CSS

Deleting “Proudly Powered by WordPress” By CSS.

Additional CSS option is also a very simple and quick method to delete the default brand footer text ‘Proudly Powered by WordPress’

Step 1: Click On Customizer.

customizer - wordpress footers

Step 2: Select the Additional CSS Option.

additional-css - wordpress remove footer

Paste the code.

.site-info { 
	display: none; }

default-footer-text-removed-2
It is a live feature, add the code and get the effect side by side.

Just above the Footer of the page, the Footer Widget area can be modified by adding or removing widgets.

Click On Widgets.

Dashboard >> Appearance >> Widgets
widget-option

You can add widgets by dragging from the Available Widgets Section and dropping on the Footer area.

widget-menu
Widgets also come with some setting options.

You can edit available settings.
adding-widgets-1
To remove a widget from the Footer section click on the Delete option.

Before and After Effect.

changing footer in wordpress
Footer Widget Area

Example Theme UltraPress.

Step 1: Click On Customizer.

customizer-7 - changing footer in wordpress

Step 2: Press Footer Settings.

footer-settings-1 - wordpress remove footer

Step 3: Select Setting Options.

footer-options-2 - wordpress remove footer

Footer Layout Settings.
footer-layout-sattings

Scroll Top Settings
Footer-Option-Settings-2-1

A lot of free and paid footer editing plugins are available in the WordPress plugin store. These plugins provide many different cool ways to edit WordPress Footer.

Search Result.
plugins

Knowledge Base: How to edit WordPress template files.

To know more about How To Edit WordPress Footer, Watch this Video:

icons icons icons icons icons icons icons

Stuck Somewhere?
Connect With JustHyre

Hire WordPress Engineers for custom jobs like Website Customization, SEO Optimization, Clearing a Hacked Website, Installation & Configuration & more.

Connnect with JustHyre
0 Comments

There are no comments yet

Leave a comment

Your email address will not be published.