Ainfographie.com logo animé

How To Use WordPress Gutenberg Blocks & Neve To Recreate LifeHack.org

  1. Accueil
  2. Blog
  3. Tutoriels WordPress
  4. How To Use WordPress Gutenberg Blocks & Neve To Recreate LifeHack.org

Today we’re going to use only free tools, the Neve theme and Gutenberg, to recreate the LifeHack.org homepage. We can’t get it pixel-perfect, but it’s really close.

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
• MailPoet tutorial: https://www.youtube.com/watch?v=zc2FVqsHJNQ

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 – Recreate the Header with the Neve Theme ???? 4:12
Step #2 – Recreate the Footer with the Neve Theme ???? 14:45
Step #3 – Recreate the Homepage with Gutenberg ???? 26:36

CSS used in the Customizer:

.green-button {
color:white !important;
font-weight:bold;
background-color:rgb(86,165,0);
border-radius:20px;
border-radius:20px;
padding:10px 15px;
border:none;
}

.green-button:hover {
text-decoration:none;
}

.footer-links {
margin-bottom:50px;
margin-top:20px
}

.footer-links a {
margin-right:10px;
margin-left:12px;
color:white !important;
}

.footer-bottom .dark-mode, .footer-top .light-mode {
background-color:#283646;
}

CSS used in MailPoet:

.mailpoet_text {
width:330px;
background-color:white;
padding:7px;
margin-right:-3px;
border-right:none;
border-top-left-radius:20px;
border-bottom-left-radius:20px;
display:inline;
float:left;
}

.mailpoet_submit {
color:white;
background-color:rgb(86,165,0);
border-top-right-radius:20px;
border-bottom-right-radius:20px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
padding:10px 10px 11px 10px;
border:none;
float:left;
}

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!

Vous devez vous connecter pour publier un commentaire.
Menu