In this tutorial we are going to see how to create a landing page in GeneratePress by hiding the header and footer that appear on the rest of the web.
GeneratePress Features
GeneratePress is a light, fast and responsive theme, compatible with well-known plugins such as , , or .
It has 9 widget areas, several positions for the navigation menu, 5 layouts for the sidebar, and some other features that make it very versatile. It is a template that offers many customization optionseven more so if we install its premium version.
In this case we are going to see one of these options, which makes it easier for us to create a landing type page, without a header or footer. Let’s see it!
Adjustments in pages and posts
We will start from a website with the free version of GeneratePress installed and activated, which you can find in WordPress.
To hide both the header and the footer on any page or post on our site, we must also have the premium version of GeneratePress installed and activated, since the free version only allows us to hide the title of the content.
The premium version of the theme comes in plugin format. If you don’t have it, you can purchase it from the official page of or, if you are subscribers, access the plugin from the “Downloads” tab of the . Also this, as you know, will give you access to all the , including the one that can be very useful if you work with this template.
Well, once we have the compressed file on the computer, we access the WordPress desktop, “Plugins/Add new/Upload plugin”, we select it and, as always, we install and activate it.
When we have it ready, we go to “Appearance / GeneratePress”. On this screen we will find a breakdown of the extra modules that we have available with the installation of the premium version.
By default they are all deactivated, so we are going to activate the one that interests us, in this case “Disable Elements”. To do this we will simply click on the “Activate” button that appears next to it.
Perfect, now yes, we are going to open the post or page that we want to modify in editing mode. Below the content of the same should appear a section that says “Screen layout”. If it does not appear, you already know that you will have to go to the “Screen options”, a tab that you will find in the upper right corner, display it and select “Screen design”.
Well, thanks to this extra section we can perform various actions. They are explained in detail in , where we see the settings available for pages and posts, so we are going to tell you in summary. This configuration would affect only the specific page/post, not the entire site.
- Side bars: It allows us to modify the structure of the page by showing the content and the sidebars in various ways, it even gives us the option to hide them.
- Footer Widgets: From here we can choose the number of widgets to display.
- Disable Elements: It makes it easy for us to hide various elements on this page or post.
- Page builder container: Allows you to choose the type of container for this page. It can be the default, the full width or the content width.
Disable header and footer on page with GeneratePress
In this case we are going to see which elements we can deactivate, so we will enter the “Deactivate Elements” option:
As we can see, there are several options available. We could disable the title, featured image, header or footer of this post or page, among other sections. That is, it is possible to disable only the sections that interest us, as we will discuss immediately.
So before we continue let’s see the page where we will make the changes, so we can compare the before and after.
this time we want create a landing page that doesn’t have a header or footer, so doing it is as simple as select the “Header” and “Footer” fields and save the changes.
And that’s it, do you see how easy? With the premium version of GeneratePress we have new options available that will allow us to customize the theme in many ways and, as in this case, easily create the structure for a landing page.
Summary and conclusion
GeneratePress is a very popular WordPress template, light, fast and adaptable to different screen formats.
It is a flexible theme that allows us to make modifications and customize our sites, and it also has a premium version that offers us extra customization options.
In this case we have seen how to disable the footer and header on a page using the premium version. To do this we will simply have to enter it and go to “Screen design / Deactivate elements”, select “Header” and “Footer” and save.
And that’s all! We hope it has been useful to you. You already know that if you subscribe to you will have access to , in addition to the premium plugin, and many other courses. There are more than 6044 available, we are waiting for you inside! 🙂
Facebook Comments
Disqus