Designing a Custom GeneratePress Website from Scratch

Learn to create custom design for your WordPress website with GeneratePress theme. We'll design 2 post layouts, a styled blog archive, add author Gravatars and a lot more!

You can use this tutorial whether you have the free version of GeneratePress or have already upgraded to pro (except for the section on GeneratePress 'Elements, which is a pro feature).

Here's what you'll learn:
- how to create a menu and header
- basic layout options for GeneratePress
- how to customize the typography in GeneratePress
- Design a fluid post layout with just CSS and the customizer
- Design a boxed post layout
- Add a custom post header with featured image, post title and author byline
- Add author images (gravatar) to your byline
- How to style GeneratePress archive (blog) pages
- How to design and add widgets to the GeneratePress footer

👉 Tools & Plugins I Use
-----------------------------------------------
• Hosting: Cloudways https://buildthatwebsite.com/cloudways
• Theme: Generatepress - https://buildthatwebsite.com/generatepress
• Page Builder: Elementor Pro - https://buildthatwebsite.com/elementor
• Site speed & Optimization: WPRocket - https://buildthatwebsite.com/wprocket

▶▶ GeneratePress Code Snippets ◀◀
Author Byline w/ Gravatar - https://docs.generatepress.com/article/entry-meta-style/#example-1
Author gravatar shortcode (Elements header) - https://docs.generatepress.com/article/page-hero-examples/#example-2

Видео Designing a Custom GeneratePress Website from Scratch канала Build That Website