Ultimate Guide: How to Use Divi Flash for CPT Grid & Filterable CPT in WordPress

WordPress users aur web designers ke liye Custom Post Types (CPT) ka use aaj kal website development me bohot popular hai. Agar aap Divi Flash ka use karte ho, to CPT Grid aur Filterable CPT modules ke zariye aap apni website ko professional, dynamic, aur visually appealing bana sakte ho.

Is blog me, hum step-by-step dekhenge kaise:

1. CPT create karein
2. Posts add karein
3. CPT Grid aur Filterable CPT modules setup karein

---

1. What is CPT (Custom Post Type)?

WordPress by default sirf Posts aur Pages provide karta hai. Lekin agar aapko apni website me portfolio, projects, services, ya products show karna hai, to aapko Custom Post Type banana padega.

Example CPTs:

• Projects
• Portfolio
• Team Members
• Services

---

2. Why Use Divi Flash for CPT?

Divi Flash ek advanced Divi plugin hai jo:

• Custom Post Types easily create karta hai
• Drag-and-drop CPT Grid aur Filterable CPT modules provide karta hai
• Coding ki zarurat nahi
• Fully responsive aur modern UI design options deta hai

---

3. Step-by-Step Guide to Create CPT in Divi Flash

Step 1: Create CPT

1. WordPress Dashboard → Divi Flash → Custom Post Types
2. Click Add New CPT
3. Fill details:
   • CPT Name / Slug: projects
   • Singular Label: Project
   • Plural Label: Projects
   • Supports: Title, Editor, Featured Image, Excerpt, Categories
4. Save CPT

Step 2: Add Categories

1. Dashboard → Projects → Categories
2. Add categories like: Web, App, Design
3. Ye filterable CPT ke liye bohot zaroori hai

Step 3: Add Posts

1. Projects → Add New
2. Fill Title, Description, Featured Image
3. Assign proper Category
4. Publish

Note: CPT Grid tabhi kaam karega jab posts publish hon

---

4. Display CPT Using CPT Grid Module

Step 1: Add CPT Grid

1. Page edit → Divi Builder → Add Section → Add Row → Add Module → CPT Grid

Step 2: Configure CPT Grid

• Post Type → Projects
• Posts Count → 6/12
• Columns → 3 (adjust as needed)
• Order By → Latest / Random
• Category → Optional

Step 3: Design

• Grid Gap → 20px
• Image Size → Medium / Large
• Border, Shadow → optional

✅ CPT Grid ready hai, simple aur professional layout me

---

5. Display Filterable CPT

Filterable CPT module se aap category-wise posts filter karwa sakte ho.

Step 1: Add Filterable CPT Module

• Page → Divi Builder → Add Module → Filterable CPT

Step 2: Configure

• Post Type → Projects
• Taxonomy → Categories
• Show Filters → Yes
• Filter Style → Buttons / Tabs

Step 3: Design

• Active Button Color → select
• Columns → 3/4
• Animation → Fade / Slide

Visitors ab easily click karke sirf selected category ke projects dekh sakte hain

---

6. Tips & Common Mistakes

• CPT Grid khali → Check posts publish hai ya nahi
• Filter buttons missing → Check category assigned hai ya nahi
• Featured image missing → Check post me image hai ya nahi

---

7. Conclusion

Divi Flash ke CPT Grid aur Filterable CPT modules ka use karke aap modern, responsive aur dynamic websites easily bana sakte ho. Ye modules especially portfolio, projects, services aur products showcase ke liye perfect hain.

Pro Tip: Hamesha proper categories aur featured images use karein for best design and UX.

---

Agar tu chahe, bhai mai iska ready-to-publish WordPress HTML version bhi bana kar de sakta hoon jisme images aur headings styled already ho.

Kya mai wo bana doon?