The Index Template - Module 2-1 - Building a WordPress Classic Theme with Pinegrow

SdĂ­let
VloĹžit
  • čas přidĂĄn 30. 07. 2024
  • The index template is one of the only required files in a theme and one of the most important to get right. This video shows us how to create the template, add a main loop, use conditionals, and create template parts for repeated elements.
    📝Note: Around 9:36, I show you the preview field in the WordPress page settings. This has been superseded by the WordPress Live Preview Function. You can see more about that here: • Introducing Pinegrow L...
    🧰 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...
    🧭Course Navigation
    • Module 1 - Prerequisite Information and Project Setup
    • Module 2 - Creating the Theme Templates
    2-1 - The Index Template (You are here!)
    2-2 - Header and Footer Template Parts
    2-3 - Page, Post, and 404 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 - Global colors and typography styles
    02:20 - Auto-generated theme.css contents
    02:59 - Looking at our pre-built course CSS files
    07:45 - Configuring the Index layout
    09:14 - Turning the page layout into a WordPress template
    10:48 - Defining header & footer areas
    12:58 - Adding missing media to the WordPress export
    14:28 - Adding the Main WordPress loop
    16:37 - Replacing placeholders with WordPress dynamic data
    17:19 - Fallback featured image
    18:25 - Our first conditional
    20:18 - What happens when you click a link?
    20:56 - Adding Pagination as a template part
    26:14 - Handling page titles
    28:40 - Sidebar template part
    📝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 • 4

  • @joxmanyou
    @joxmanyou Před 5 dny

    I have resumed the tutorial and I am enjoying it.

  • @joxmanyou
    @joxmanyou Před 5 dny

    38:19
    It seems that Pinegrow has already included the_archive_title function. Or am I wrong?..

    • @AdamLoweIO
      @AdamLoweIO  Před 5 dny +1

      It’s possible that they snuck it in and I never got the memo. It’s also equally possible that I have “man eyes” (as my wife likes to say) and simply never saw it, despite it being right in my face.

    • @joxmanyou
      @joxmanyou Před 5 dny

      @@AdamLoweIO 😂