Configuring Your Theme Project - Module 1-5 - Building a WordPress Classic Theme with Pinegrow

Sdílet
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.

Komentáře • 6

  • @visualmodo
    @visualmodo Před 4 měsíci

    Truly good work!

  • @dhebard1
    @dhebard1 Před 4 měsíci

    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!

    • @AdamLoweIO
      @AdamLoweIO  Před 4 měsíci

      Don't hesitate to leave a comment if you have any questions.

  • @pixaful4113
    @pixaful4113 Před 3 měsíci

    Can you remind me how to remove the pinegrow footprint.. The made with pinegrow comment that ends up in your theme on export. Thanks

    • @AdamLoweIO
      @AdamLoweIO  Před 3 měsíci +1

      There is an option in the theme/plugin settings under “export options”. It says something like “include ‘generated with Pinegrow’ in the source code.

    • @pixaful4113
      @pixaful4113 Před 3 měsíci

      @@AdamLoweIO Thanks. I knew you had the answer :D