WordPress Tutorial For Beginners: Recreate The Office.com Homepage

In this WordPress tutorial for beginners, we’re going to recreate the Office.com homepage.
The tools we used to make this happen:

• Neve WordPress theme:
• Get professional hosting from Siteground, with discount* –
• Elementor:

We’ll be using the free Neve theme and the free Otter Blocks for Gutenberg plugin for part of the project.

Elementor Pro is required for the header and footer because they are both very complex.

Useful resources:

1. Stock Photos:
2. Free Icons:
3. Domain Wheel –
4. Image optimization service by Optimole –
5. Orbit FOX –

Table of Contents:

Step #1 – Create the header with Elementor 🕓 6:29
Step #2 – Create the footer with Elementor 🕓 24:24
Step #3 – Create homepage content using Gutenberg 🕓 45:06
Step #4 – Create the hero image using Elementor 🕓 58:55

Website →
WordPress Articles →
Facebook →

ThemeIsle is the go-to source for the High-Quality WordPress Themes (both free & premium), and plugins every website owner needs. We’re passioned about all things WordPress, but we’re not afraid to tackle other web related subjects. Our goal is to give those websites easy-to-use themes and designs that can be managed by everyone.

* When purchasing hosting through our link, from Siteground.com, you can get a specific discount available at that moment. Doing it, you will generate a commission for us and that is helpful for making future video-tutorials. Thank you!”

10 Comments - Add Comment

Reply