Website Setup Process: Design, Specs, Child Theme Configuration & More! [full site build w/
Welcome to Episode 1 of "Layout to Live"!
In this series, I’ll take you step-by-step through my entire process of building a website from scratch using GeneratePress and GenerateBlocks. Over the next four weeks, we’ll dive deep into everything:
Design review & planning
Site architecture
Theming (with a custom child theme)
Making the site dynamic with a custom post type, custom field, & custom taxonomies
Global styles (classes)
The full website build
A front-end submission form
Pre-launch checklist
Going live
Testing and promoting
In today's episode, we'll cover:
1️⃣ An overview of the design we'll be working on
2️⃣ Installing WordPress from a template using @instawp
3️⃣ Configuring WordPress and GeneratePress settings
4️⃣ A deep-dive into my starter site code
Even though this site is relatively small (a one-pager), we'll tackle many aspects of web development that you can apply to any project.
Make sure to hit subscribe to catch all four episodes in this series! If you're ready to jump in and see how we set everything up, let's get started!
------------------------------------------
About Our Sponsor
A huge thanks to InstaWP for making the Layout to Live series possible! Get 30% off yearly plans with the code ADMINBAR30 https://instawp.com/?source=tab&utm_s...
------------------------------------------
Resources Mentioned in this Video
Hystmodal (Jonathan Jernigan): • Easy Popup Modal for GenerateBlocks P... (check out Jonathan's courses on GeneratePress/Blocks and Dynamic Data while you're at it: https://jonathanjernigan.com/)
GeneratePress Hamburger Menu Icon: https://generatepress.com/forums/topi...
Postmark Setup Video: https://www.youtube.com/live/777LiPec...
Template Tags (Taylor Drayson): https://snippetclub.com/dynamic-templ...
Taxonomies video: • There’s More to Taxonomies than Categ...
------------------------------------------
💻 Visit Our Website: https://theadmin.bar/yt-tab
🗨 Join Our Free Community: https://theadmin.bar/yt-community
📨 Get the Best of The Admin Bar Delivered: https://theadmin.bar/yt-tfc
🔁 Sell More Care Plans: https://theadmin.bar/yt-wom
🧮 Use My Website Price Calculator: https://theadmin.bar/yt-calculator
📜 Get My Proposal Template: https://theadmin.bar/yt-proposal
☑️ Get More Done with My Checklists: https://theadmin.bar/yt-checklists
🔴 Live Event Schedule: https://theadmin.bar/yt-events
🔧 The Tools I Use: https://theadmin.bar/yt-tools
⚡ My Agency, OGAL Web Design: https://theadmin.bar/yt-agency
Timestamps
00:00 - Introduction
01:16 - InstaWP Ad
02:10 - Design Review
05:13 - Project Requirements
06:31 - Installing WordPress with InstaWP
09:00 - General Settings
09:22 - Style Guide
12:55 - Plugins & Tech Stack
14:20 - GeneratePress 'Elements'
18:35 - Customizer Settings
24:12 - Child Theme
25:29 - Child Theme - styles.css
37:44 - Child Theme - functions.php
46:45 - Wrap Up & What's Next