Uploaded November 2025 | Updated September 2026, 1 day ago
Learn how to build a fully dynamic portfolio website in WordPress from scratch — with custom post types, glossaries, AJAX filters, reusable listing templates (loop builder), and single project pages. No custom coding required.
Andrew from Crocoblock walks through the full workflow: content structure in JetEngine, listing cards with Query Builder, single templates with JetThemeCore, smart filters with JetSmartFilters, and 8 developer-level tips for speed and polish.
Built with Elementor — fully compatible with Bricks and Gutenberg.
✅ What you'll learn:
• Create glossaries (taxonomies) and a Projects custom post type
• Design listing cards and set up the Query Builder for portfolio grids
• Build single project page templates with JetThemeCore
• Add header and footer templates
• Set up queries for related and latest projects
• Add and apply AJAX smart filters with JetSmartFilters
• 8 practical tips for performance and polish
-------------
► TIMESTAMPS
00:00 Introduction
01:22 Creating glossaries (Industry & Services)
02:16 Setting up the Projects CPT
04:44 💡 Tip #1
07:24 Designing the Listing Card (Grid Layout)
09:57 💡 Tip #2
11:35 💡 Tip #3
12:07 Building the Single Project Template (JetThemeCore)
14:35 💡 Tip #4
18:33 Adding Header & Footer Templates
20:45 Setting Queries for Related & Latest Projects
21:16 💡 Tip #5
21:43 💡 Tip #6
23:10 💡 Tip #7
23:57 Building the Homepage (Listing Grid)
25:16 Adding & Applying JetSmartFilters
26:51 💡 Tip #8
29:10 Linking Header & Footer Anchors
30:00 Portfolio Workflow Recap
31:36 Front-End Testing & Wrap-Up
-------------
►Get JetEngine: out.crocoblock.com/4p0BoWV
►Get JetThemeCore: out.crocoblock.com/4oZ6nmc
►Get JetSmartFilters: out.crocoblock.com/4hLy3s5
►Get JetElements: out.crocoblock.com/4qQagvu
►Choose Crocoblock subscription: out.crocoblock.com/3Lq0AaP
📄 Creating a Marketing Agency Dynamic Portfolio Website With Crocoblock: Full Guide
👉 out.crocoblock.com/3WCTt14
📄 Query Builder — build any WordPress loop without code
👉 crocoblock.com/features/query-builder
📄 Performance optimization for dynamic WordPress sites
👉 crocoblock.com/solution/performance
-------------
► Related videos:
◎ JetEngine | Tutorials playlist
👉 youtube.com/playlist?list=PL26jaHWVtLFxD1yBmvWTqGbKckit4Ochc
◎ Brand-New Listing Filter Builder Overview | JetSmartFilters
👉 youtube.com/watch?v=2mahNwlFcuU
◎ How to Build Dynamic WordPress Listings from Scratch
👉 youtube.com/watch?v=HY_j-GgbF04
🟠 Web Design Portfolio Examples with Bricks
crocoblock.com/blog/web-design-portfolio-examples-bricks
-------------
Have questions about building portfolio websites with Crocoblock? Drop them in the comments 👇
If this helped, like the video and subscribe for more WordPress tutorials.
👉 youtube.com/@Crocoblock?sub_confirmation=1
#JetEngine #WordPress #WordPressPortfolio #WordPressLoopBuilder #DynamicWebsite #Crocoblock
-------------
► Join us here:
► FB Community: facebook.com/groups/CrocoblockCommunity
► Discord Community: discord.gg/6WbBaJQ2G5
► Facebook: facebook.com/crocoblock
► Twitter: twitter.com/mrcrocoblock
► Instagram: instagram.com/mrcrocoblock
► LinkedIn: linkedin.com/company/crocoblock
Learn how to build a fully dynamic portfolio website in WordPress from scratch — with custom post types, glossaries, AJAX filters, reusable listing templates (loop builder), and single project pages. No custom coding required.
Andrew from Crocoblock walks through the full workflow: content structure in JetEngine, listing cards with Query Builder, single templates with JetThemeCore, smart filters with JetSmartFilters, and 8 developer-level tips for speed and polish.
Built with Elementor — fully compatible with Bricks and Gutenberg.
✅ What you'll learn:
• Create glossaries (taxonomies) and a Projects custom post type
• Design listing cards and set up the Query Builder for portfolio grids
• Build single project page templates with JetThemeCore
• Add header and footer templates
• Set up queries for related and latest projects
• Add and apply AJAX smart filters with JetSmartFilters
• 8 practical tips for performance and polish
-------------
► TIMESTAMPS
00:00 Introduction
01:22 Creating glossaries (Industry & Services)
02:16 Setting up the Projects CPT
04:44 💡 Tip #1
07:24 Designing the Listing Card (Grid Layout)
09:57 💡 Tip #2
11:35 💡 Tip #3
12:07 Building the Single Project Template (JetThemeCore)
14:35 💡 Tip #4
18:33 Adding Header & Footer Templates
20:45 Setting Queries for Related & Latest Projects
21:16 💡 Tip #5
21:43 💡 Tip #6
23:10 💡 Tip #7
23:57 Building the Homepage (Listing Grid)
25:16 Adding & Applying JetSmartFilters
26:51 💡 Tip #8
29:10 Linking Header & Footer Anchors
30:00 Portfolio Workflow Recap
31:36 Front-End Testing & Wrap-Up
-------------
►Get JetEngine: out.crocoblock.com/4p0BoWV
►Get JetThemeCore: out.crocoblock.com/4oZ6nmc
►Get JetSmartFilters: out.crocoblock.com/4hLy3s5
►Get JetElements: out.crocoblock.com/4qQagvu
►Choose Crocoblock subscription: out.crocoblock.com/3Lq0AaP
📄 Creating a Marketing Agency Dynamic Portfolio Website With Crocoblock: Full Guide
👉 out.crocoblock.com/3WCTt14
📄 Query Builder — build any WordPress loop without code
👉 crocoblock.com/features/query-builder
📄 Performance optimization for dynamic WordPress sites
👉 crocoblock.com/solution/performance
-------------
► Related videos:
◎ JetEngine | Tutorials playlist
👉 youtube.com/playlist?list=PL26jaHWVtLFxD1yBmvWTqGbKckit4Ochc
◎ Brand-New Listing Filter Builder Overview | JetSmartFilters
👉 youtube.com/watch?v=2mahNwlFcuU
◎ How to Build Dynamic WordPress Listings from Scratch
👉 youtube.com/watch?v=HY_j-GgbF04
🟠 Web Design Portfolio Examples with Bricks
crocoblock.com/blog/web-design-portfolio-examples-bricks
-------------
Have questions about building portfolio websites with Crocoblock? Drop them in the comments 👇
If this helped, like the video and subscribe for more WordPress tutorials.
👉 youtube.com/@Crocoblock?sub_confirmation=1
#JetEngine #WordPress #WordPressPortfolio #WordPressLoopBuilder #DynamicWebsite #Crocoblock
-------------
► Join us here:
► FB Community: facebook.com/groups/CrocoblockCommunity
► Discord Community: discord.gg/6WbBaJQ2G5
► Facebook: facebook.com/crocoblock
► Twitter: twitter.com/mrcrocoblock
► Instagram: instagram.com/mrcrocoblock
► LinkedIn: linkedin.com/company/crocoblock
