Seven days challenge to learn one new topic each day

So I decided to improve my skills as a developer. I’m going to do a 7 days challenge to learn the new topics that I always wanted to learn but couldn’t arrange the time to do so. This is the first 7 days. I’m going to learn the following topics:

Day 1: PHP Composer

Day 2: PHP Autoload

Day 3: PHP Namespace

Day 4: PHP Generators

Day 5: PHPUnit

Day 6: PHP Hashing

Day 7: WordPress Nonce

Here are the additional topics I would like to learn in later days:

  • PHP namespaces
  • Cross Site Request Forgery

At the end of each day, I’m going to summarize all the things I learned in one article.

Hide Header and Footer In Elementor Within ONE minute

Elementor is awesome. That comes from a user has just begun to use the tool. However, when you start creating a page with Elementor, you may see the default header and footer from your theme. In my case, I use twenty seventeen theme and the editor would look like below. As I am going to create a dedicated page, I would like to hide header and footer in Elementor. What can I do about that?

default page template wordpress

Why does this happen?

Elementor uses the default template file from your theme. In the default template file of most themes, there are header and footer. That’s why you will see the header and footer of your theme in Elementor’s editor. If you deactivate Elementor, you would see the page template at the right sidebar:

Now, as you may guess, the solution would be using a different page template that doesn’t contain your theme’s header and footer. That’s what we are going to do.

How to hide header and footer in Elementor

As mentioned above, we need a template file that doesn’t have the theme’s header and footer. If you know a bit of PHP, you can do it easily. However, for people who don’t know code, that would be a difficult task. What we are going to do is simple for everyone. We are going to install a plugin that creates that template for us. The plugin is called Blank Slate.

After installing and activating the plugin, if you go back to edit your page and click on the page template select box, you will see there is a new template file called Blank Slate. That’s what we are going to use. All you need to do next is to click on publish (or save draft) and click on edit with Elementor:

Hide header and footer in Elementor

 

Now, you can see that in Elementor, there isn’t header or footer:

Hide header and footer in Elementor

That’s it! You’ve successfully hidden the header and footer for your Elementor editor. It’s time to create some awesome pages with this page builder. If you enjoy my WordPress tips, don’t forget to share this post.