Configuring Your Theme Project - Module 1-5 - Building a WordPress Classic Theme with Pinegrow
Vložit
- čas přidán 30. 07. 2024
- It's almost time to get started building the theme. We'll do a final walkthrough to make sure you haven't missed anything. After a brief overview of the Pinegrow project files and user interface, we'll load up our demo data and get to work on the next module.
📝Note: Around 5:55, I discuss the action panel and the built-in Pinegrow CMS. Starting in Pinegrow 7.93, Pinegrow components became much more useful for WordPress projects. Check out the Pinegrow release notes for that version to learn more.
📝Note: This video shows the process for Pinegrow Web Editor (desktop). If you are using the Pinegrow WordPress plugin, you'll need to do a few manual steps:
• Upload the images from the assets folder to your WordPress media library
• Manually create the block.css and editor.css files inside Pinegrow
• Copy the contents of style.css, editor.css, and block.css from the starter files into their respective files in the Pinegrow project.
🧰 Resources:
• Course Playlist: • Building a WordPress C...
• Course info and resources on GitHub: github.com/adamslowe/pinegrow...
• Download the course files: github.com/adamslowe/pinegrow...
• Pinegrow 7.93 Release Notes: docs.pinegrow.com/release_not...
🧭Course Navigation
• Module 1 - Prerequisite Information and Project Setup
1-1 - Course Intro
1-2 - WordPress Themes
1-3 - Environment and Project Setup
1-4 - Theme Templates
1-5 - Configuring Your Theme Project (You are here!)
• Module 2 - Creating the Theme Templates
• Module 3 - Custom Post Types and Custom Blocks
• Module 4 - Using JavaScript libraries, making back-to-top buttons, using custom code, and more.
🌐 My Websites:
• adamlowe.io
• peakperformancedigital.com
✅ Connect with Me:
• Facebook: / peakperformancedigital
• LinkedIn: / adasmshawnlowe
• CZcams: / @adamloweio
• Twitter: / @adamslowe
⚙️Tools I Use:
• WordPress.org: wordpress.org/
• Pinegrow Website Editor: pinegrow.com/
⌚ Timestamps:
00:00 - What we should have so far
01:25 - Walkthrough of default Pinegrow project files
02:05 - Custom Style.css
02:18 - Custom.php for custom functions
03:49 - Theme version auto-increment
04:06 - Adding your theme metadata
04:40 - Customizing the Pinegrow UI
05:55 - Pinegrow actions panel (don't use this)
06:46 - Navigating the Pinegrow UI
09:16 - A look at the final project
10:25 - Installing the project starter files (Important)
📝Note: I'm not affiliated with Pinegrow in any way. I'm just a happy, paying customer who wants to see the product continue to grow and thrive, and to help build a more active community around it.
Truly good work!
Really looking forward to this series. I have had Pinegrow for a few years now but have been slow to get started with it. Thanks Adam!
Don't hesitate to leave a comment if you have any questions.
Can you remind me how to remove the pinegrow footprint.. The made with pinegrow comment that ends up in your theme on export. Thanks
There is an option in the theme/plugin settings under “export options”. It says something like “include ‘generated with Pinegrow’ in the source code.
@@AdamLoweIO Thanks. I knew you had the answer :D