How To Use WordPress Gutenberg Blocks To Recreate The Apple Homepage

Thanks! Share it with your friends!

URL

You disliked this video. Thanks for the feedback!

Sorry, only registred users can create playlists.

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

How To Use WordPress Gutenberg Blocks To Recreate The Apple Homepage

Watch Wordpress ThemeIsle Video: How To Use WordPress Gutenberg Blocks To Recreate The Apple Homepage.
In this rebuild tutorial, we're going to recreate the Apple.com homepage by using WordPress Gutenberg Blocks. We'll be also using the free Neve theme and the free Otter Blocks for Gutenberg plugin for most of the project.

Elementor Pro is required for the footer because it's a very complex footer. Everything besides the footer is built with free tools.

The tools we used to make this happen:

• Neve WordPress theme: http://bit.ly/NeveWPTheme
• Get professional hosting from Siteground, with discount* - http://bit.ly/WPHostingOffer
• Elementor: https://elementor.com/?ref=2134&campaign=youtube

1. Stock Photos: https://mystock.themeisle.com/
2. Free Icons: https://themeisle.com/free-icons/
3. Domain Wheel - https://domainwheel.com/
4. Image optimization service by Optimole - http://bit.ly/Optimole
5. Orbit FOX - http://bit.ly/OrbitFOX

Table of Contents:

Step #1 - Customize The Navigation Menu • 2:01
Step #2 - Creating The Homepage Content Using Gutenberg And Otter Blocks • 9:49
Step #3 - Create The Footer Using Elementor Pro • 49:31

CSS for the customizer:

/*-- Navigation Styles --*/

.light-mode {background-color:black;}

.row .primary-menu-ul li:not(:last-child) {
padding-right: 83px !important;
}

CSS for Elementor Pro:

a:hover {text-decoration:underline;}

.elementor-nav-menu--layout-horizontal a {border-right:1px solid grey;}
.menu-item-167 a {border-right:none;}
Website → https://themeisle.com
WordPress Articles → https://themeisle.com/blog/
Facebook → https://www.facebook.com/themeisle/

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!

Published:
Category: Wordpress ThemeIsle
93 Views

Related Videos

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA


RSS