- 1 How to Edit Page Headers and Tarts with Elementor in WordPress
- 2 5 Easy Steps to Edit Footer in WordPress
- 3 Footer Site Part
- 4 Video How to edit footer in wordpress elementor
How to Edit Page Headers and Tarts with Elementor in WordPress
Pair / Elementor jeremy holcombe
If you use Elementor for a temp, you know that it is a very solid WordPress page builder with a lot of capabilities. However, there is always room to add more features, and if you want to edit page headers and tarts, you will need an additional plugin.
Editing a header or footer in Elementor can be a difficult process if you’re not sure where to look for the solution. In this article, I will show you how to use a great plugin that will allow you to create a layout with Elementor and then assign that layout as a header or footer on your website.
Let’s take a look at the plugin in question, and then learn how to use it together.
El complemento Elementor: encabezado, pie de página y bloques le permite crear encabezados y pies de página de sitios web con Elementor. Usted crea un diseño personalizado utilizando el generador de páginas y luego lo configura como un elemento de encabezado o pie de página de Elementor en su sitio web.
También tendrá la capacidad de usar un bloque personalizado con el complemento. Básicamente, la herramienta es fácil de instalar, activar y configurar. Es liviano y brinda aún más flexibilidad y opciones de construcción a Elementor. Como sabe, este creador de páginas ya está repleto de funciones.
Echemos un vistazo a cómo instalar, activar y configurar el complemento Elementor: encabezado, pie de página y bloques.
Nota: este tutorial asume que ya tiene el complemento Elementor ejecutándose en su sitio web alojado en WordPress .
Instalar y activar el complemento
Para editar encabezados y pies de página en Elementor, primero debe instalar y activar el complemento. Puede hacer esto buscándolo en la página de complementos de su panel de administración de WordPress.
Una vez que el complemento se haya instalado y activado, haga clic en Apariencia> Generador de pie de página de encabezado. Verá esto ubicado en el menú izquierdo de su panel de administración de WordPress.
Ahora, hay un par de temas de los que debemos hablar rápidamente antes de continuar. Este complemento en realidad solo es compatible con ciertos temas de WordPress . Hay dos formas de solucionar este problema:
- Install a theme that is compatible with the plugin (list below)
- Click on the “Theme Support” tab in the settings section for the plugin and follow those directions.
Install Compatible Theme
The Elementor – Header, Footer, and Blocks plugin is only compatible out of the box with the following themes:
- Phlox Theme
- Attesa Theme
These are the best themes to use with Elementor.
Note: Some of these themes also offer a variety of child themes. All of those will work as well. So your first option is to use one of the themes from the above list.
Use the Theme Support Tab
Once you are in the settings section for this plugin you will see two tabs.
- All Templates
- Theme Support
Click on the “Theme Support tab.
You will see a couple of different solutions here for adding theme support to the plugin. Go ahead and choose the one you prefer.
The recommended method should work for most themes. If it doesn’t, try the second method. Now, if neither of those two methods work, then you have two choices. You can contact your theme developer and ask them to add support for this plugin, or you can install a compatible theme from above.
Now that is done let’s go ahead and look at how to use this plugin to edit headers and footers.
Note: You will know you can use the plugin properly because the “Theme Support” tab will disappear and you can now add a new template.
Now that you are in the template section, go ahead and click on the “Add New” button to add and edit headers or footers for Elementor.
You will be taken to an editing page for the plugin. Here, you will need to complete a two-step process. You need to select all the options you want for the Elementor header or footer and save them. Once saved, you will be presented with a shortcode as well that you can use to put the block in where you want.
Once you make those selections, you can now actually build the header, footer, or custom block using Elementor. Let’s look at what both steps take to accomplish.
Elementor Header and Footer Options
The first thing to do is to set the header and footer options for the new template you are about to build. You are going to name the template. From there, you have several options. They include:
Type of Template: Header, before footer, footer, or custom block.
Display On: Here you will select where to display the header footer on your site. You will also be able to add display rules and exclusion rules.
User Roles: Select your user roles of who can make edits.
Enable Layout for Elementor Canvas: This will allow you to edit using the “canvas” layout that Elementor offers.
Once you have these configurations how you want, click the “Publish” button and the template styles will be published.
Edit Headers and Footers Using Elementor
Now you can go ahead and actually build and edit your header footer layout using Elementor. To do this, click on the “Edit with Elementor” button.
This will open the Elementor editor where you can then build, design, and edit headers and footers using the Elementor page builder.
When you are finished, click on the green “Publish” button at the bottom of the editor and you are all set.
That’s it! You can now display this header or footer in the places you chose while configuring the template. The header footer will display based on the rules you have in place. You can also use the shortcode to display it in blocks or other parts of your website.
The Elementor page builder for WordPress is arguably the very best page builder out there right now. That being said, there are a lot of great ad-on plugins available that make this page builder even more powerful.
With this plugin, you can now edit headers and footers and display custom ones in different parts of your website based on the various rules you set. The kicker, you get to build and design these headers and footers using Elementor, which makes creating custom blocks and designing custom headers and footers even easier.
When you combine a page builder like Elementor with a platform like WordPress, the possibilities are endless when it comes to concept and design. This plugin only gives you even more options.
I hope this tutorial showed you how to effectively create headers and footers for display using Elementor. Keep in mind that this specific plugin may require a little extra work to get started. You may need to contact a theme author or use a compatible theme for the plugin to work. However, the process is worth it because your site will be as personalized as you want it to be.
What other plugins do you use to create custom headers and footers in WordPress? Have you found any that are compatible with Elementor and as easy to build and display as this one?
Posted on 28 May 202120 May 2021
Twitter LinkedIn Facebook
Disclosure: This content is reader supported, which means that if you click on some of our links, we may earn a commission.
If you’re looking for step-by-step instructions on editing the footer in your WordPress website, this article is for you.
Or maybe you just want to remove “Proudly powered by WordPress” from the bottom of your site.
Whatever it is, we’ve got you covered.
What Is A WordPress Footer?
A footer is an area that appears at the bottom of a website after the main body content. Just like a site’s header, the footer also usually appears on every page of a site.
For example, here’s the footer of the CrazyEgg blog.
In WordPress, the footer exists as a separate file named footer.php, which loads with every page of your site. So any changes that you make to footer.php will reflect across your site.
Why Editing The Footer In WordPress is Worth It
The footer appears on every page of your WordPress site. You can’t just waste this space with unimportant links or default messaging from your WordPress theme.
You should use your site’s footer to your advantage by highlighting essential links you can’t feature in the header.
The footer also gives you an excellent opportunity to strengthen your brand image and make a long-lasting impression on your visitors.
Instead of leaving this space empty or with useless information, you can add your logo to it along with a quick introduction to your brand or a punch line that captures the essence of your business.
The site’s footer is also critical from an SEO perspective. Since it appears on every page of your site, any links in the footer will be considered site-wide links. Never use this space to stuff keywords or internal links to get more page authority. Only feature links that are useful to your audience or legally required.
These are just some of the reasons why you should always edit your WordPress site’s footer after installing a theme.
Thankfully, most WordPress themes come with dedicated options to edit the footer, which means you don’t need to open footer.php to edit the code manually. Tinkering directly with footer.php is not recommended because if anything goes wrong with the code, footer.php will stop loading, and your site will stop working.
The Investment Needed to Edit the Footer in WordPress
Whether you’re using a free or premium WordPress theme for your site, editing the footer doesn’t require any monetary investment.
If you understand coding, you can directly edit footer.php from your WordPress dashboard. But, as I’ve already mentioned, we don’t recommend that method.
Instead, there are several secure methods with which you can add images, text, links, or menus to your site’s footer.
Here are the methods that I’ll cover in this post.
- Using WordPress Customizer
- Using WordPress Widgets
- Using a WordPress plugin
There are many free and premium WordPress plugins to edit your site’s footer. In my opinion, the free plugins do the job well. But if you prefer to use premium plugins, you can add that as a potential investment when editing your WordPress site’s footer.
Other than that, you only need to invest some time to edit your footer.
5 Ways To Edit the Footer in WordPress
Let’s now explore the different ways you can edit your WordPress site’s footer.
The WordPress Theme Customizer is an option in your WordPress dashboard that allows you to customize your site’s appearance, edit its header and footer, change its titles, and many other universal settings.
This is the most secure and user-friendly way to edit the footer in WordPress.
Here are the steps you need to follow.
Note: We’re using a popular WordPress theme named Astra, which has additional customization options. But you’ll find the footer editing options in every theme.
Sign in to your WordPress dashboard.
Go to Appearance → Customize.
In the website customization menu, click on Footer.
You can edit the footer by using widgets to add new sections or by editing the content and style of the footer bar. Click on Footer Bar to continue.
In this section, you can edit the footer layout and text. Use the text box to change the default text of your site’s theme.
Scroll down this page to get different styling options for your site’s footer.
When you make the desired changes, click Publish to save your footer settings.
You’ve successfully edited your WordPress site’s footer.
You can always come back to this section if you want to add or remove something from your site’s footer in the future.
Widgets are among the most valuable features in WordPress. These are small content blocks that you can drag & drop in different sections of your site to insert text, videos, images, HTML code, etc.
Most WordPress themes give you the option to use widgets in the footer as well.
Here’s how you can use them to edit your WordPress site’s footer.
Log in to your WordPress site’s dashboard.
Go to Appearance → Widgets.
On this page, you’ll see multiple footer sections. These are the different blocks within your site’s footer that you can edit using widgets. Click on Footer Widget Area 1 to open it.
On the left side of the Widgets page, you can see different widgets that you can drag and drop to the different footer bar sections. Click and drag the Custom HTML widget to Footer Bar Section 1.
You can copy any script or code to this footer widget. Once you’re done, click Save.
The text widget is also quite popular and comes with the standard WordPress editor and the full formatting options, including adding media. Drag it to Footer Bar Section 2.
After entering your text, click Save to publish the widget in your footer.
As you can see, editing your site’s footer using widgets is even easier than the previous method.
Most website owners add one or more navigation menus to their site’s footer. These are often secondary menus that consist of links that aren’t important enough to feature in your header but still important for your users.
Here’s how you can create such menus for your site’s footer.
Sign in to your WordPress site’s dashboard
Go to Appearance → Menus.
Click on create a new menu.
Give your footer menu a unique name that’s easily identifiable.
In Menu Settings under Display Location, select the checkbox next to Footer Menu.
Click Create Menu to finish the basic setup of your menu and move to the next step.
You have successfully created your footer menu, but now you need to choose the links that appear in it. Select all the relevant pages from Add menu items.
Click Add to Menu to move these pages to your footer menu.
You can also add any posts, custom links, and categories to your menu from the “add menu items” section.
Once you add all the pages to your menu, you can drag them into any order you like.
Click Save Menu to publish it in your site’s footer.
That was the process for adding a new menu to your WordPress site’s footer.
But if you want to add an existing menu to your footer, follow these steps:
Click on Manage Location on the Menus page.
Click on the dropdown next to Footer Menu and choose a menu from the list.
Click Save Changes to publish the menu in your site’s footer.
You have successfully created a footer menu for your WordPress site. To place it in the footer, go to Appearance → Widgets from your WordPress dashboard.
Click on the Footer Widget Area where you want to place the menu.
Now drag the Navigation Menu widget to the Footer Widget Area.
Give your menu a title (optional).
From the dropdown below the title field, select the menu you created for your site’s footer.
Click Save to publish the changes.
Your new menu will now display in the footer area of your WordPress site. Using this same process, you can create multiple menus for your site’s footer.
Many site owners usually place different scripts and tracking codes of applications like Google Analytics, etc., in their footer.
If you want to do the same or ad any kind of code to your site’s footer, here’s the process you need to follow.
Log in to your WordPress dashboard.
Go to Plugins → Add New
Search for the plugin “Insert Headers and Footers” in the search bar.
Locate the Insert Headers and Footers plugin and click Install.
Now go to Settings → Insert Headers and Footers on your WordPress dashboard.
On the plugin’s page, scroll down to Scripts in Footer.
Copy your code/script in this text box.
Click Save to publish the changes.
You’ve successfully added your script between the <body></body> tags of your site’s footer.php file.
The default footer text in many WordPress themes is “Powered by WordPress.” If you want to remove this text, you’ll need to edit your site’s footer.
You can do this through Appearance → Customizer in your WordPress dashboard in some themes, as I’ve already shown in this post.
But if your theme’s customization options don’t allow editing the footer, you’ll need to remove it by editing the code of your site’s footer.php file.
We don’t usually recommend editing the code directly, but this one’s simple.
Here’s how to do it.
Note: We’ve used the TwentySixteen WordPress theme for this example.
Sign in to your site’s WordPress dashboard.
Go to Appearance → Theme Editor.
In the Theme Files list on the right of your screen, find and click on footer.php.
Before editing the code of this file, press CTRL+A to select the code and press CTRL+C to copy it.
Now, open a new Notepad file on your computer. Paste the code in the blank Notepad file. This is your code’s backup in case anything goes wrong.
Back in the footer.php window, press CTRL+F to open the text search box. Type “powered by” into the search box.
Select and remove the highlighted line from your code.
Cliquez sur Mettre à jour le fichier .
Vous avez supprimé avec succès “Powered by WordPress” du pied de page de votre site.
Comme je vous l’ai montré en détail, éditer le pied de page de votre site WordPress n’est pas difficile du tout. Il existe plusieurs façons de modifier votre pied de page, et aucune d’entre elles ne prend plus de quelques minutes de votre temps.
En utilisant les méthodes que j’ai expliquées, vous pouvez modifier le pied de page de votre site de nombreuses autres manières, telles que l’ajout d’icônes de médias sociaux, l’ajout d’un widget Google Maps, l’ajout d’un widget de boîte d’inscription aux e-mails, etc.
Cet article a été écrit par le Daily Eggspert d’aujourd’hui.
Improve your website. Immediately.
30 day free trial
- Last updated on April 19, 2021
The Footer Site Part section of the Theme Builder lists all the footers you have created, if any, giving quick access to add, edit or remove any footer.
If no page tarts have been created yet, you will need to create one. Click Add New in the upper right corner of the Footer Site Part screen.
Once you’ve created at least one footer, you’ll be able to manage them here.
- To edit an existing footer, click the footer tag in the sidebar. This will open the footer details panel.
- Click the Edit link in the upper right corner of the specific footer you want to edit. This will open the Elementor editor for that footer.
Edit the conditions of an existing page page
- Haga clic en el enlace Editar conditions in the esquina lower izquierda del pie de página que desea editar. Esto directly open the viewing conditions editor for this page pie.
Note : The dotted display in the upper left corner of the footer indicates which parts of the site are live (have display conditions assigned) and which are just drafts (no display conditions have been assigned). A green dot indicates an active footer, while a gray dot indicates a draft footer.
Note : The Instances label in the bottom left corner of the footer shows the specific instances in which this template is used on the site.
Export a page pie
- Click the three horizontal dots at the top right of the footer you want to export.
- Choose Export to bring up a Save dialog that will save a .json file to your computer.
- Click on the three horizontal dots in the upper right corner of the footer you want to remove.
- Choose Delete , which will bring up a Delete Part confirmation dialog.
- Click Cancel if you change your mind and decide you don’t want to remove the footer, or click Remove to confirm that you want to remove the footer.
- Click on the three horizontal dots in the upper right corner of the footer you want to rename.
- Choose Rename , which will bring up a Rename Part dialog.
- Enter the new number and click Change to complete the number change process, or click Cancel if you change your mind and decide you don’t want to change the number of that footer.