পর্ব–২২: ডায়নামিক কনটেন্ট তৈরি ও কাস্টম ডিজাইন | Dynamic content creation and custom design

🎯 এই পর্বে যা জানবে:

  • ACF কী ও কেন দরকার
  • Field Group তৈরি
  • বিভিন্ন ধরনের Field (Text, Image, Repeater, ইত্যাদি)
  • Template ফাইলে ডেটা দেখানো
  • Elementor বা Block Editor-এ Dynamic Data যুক্ত করা
  • বাস্তব উদাহরণ: Movie Info / Portfolio Template

🧩 ACF কী?

Advanced Custom Fields (ACF) হলো WordPress-এর একটি জনপ্রিয় প্লাগইন
যা দিয়ে তুমি পোস্ট, পেজ, কাস্টম পোস্ট টাইপ—সব জায়গায় নিজস্ব ডেটা ফিল্ড যোগ করতে পারো।

👉 উদাহরণ:
একটি Movie Post Type-এ তুমি আলাদা ফিল্ড রাখতে পারো —
🎬 Director, Release Date, IMDb Rating, Trailer Link, Poster Image


💡 কেন ACF দরকার?

✅ WordPress কনটেন্টকে আরও Dynamic ও Structured করতে
✅ Developer ও Designer উভয়ের জন্য ফ্লেক্সিবল ডেটা হ্যান্ডলিং
✅ Elementor বা Custom Template দিয়ে ডিজাইন নিয়ন্ত্রণ
✅ Backend থেকে ডেটা ইনপুট → Frontend-এ স্বয়ংক্রিয়ভাবে প্রদর্শন


⚙️ ACF ইনস্টলেশন ও সেটআপ

1️⃣ Dashboard → Plugins → Add New
2️⃣ সার্চ করো “Advanced Custom Fields”
3️⃣ Install → Activate

👉 এখন Dashboard-এ নতুন মেনু আসবে: Custom Fields


🧱 নতুন Field Group তৈরি

1️⃣ Dashboard → Custom Fields → Add New
2️⃣ Field Group Name: “Movie Information”

➕ Add Field:

Field LabelField NameField TypeExample Value
DirectordirectorTextChristopher Nolan
Release Daterelease_dateDate Picker2025-11-08
IMDb Ratingimdb_ratingNumber8.7
PosterposterImageUpload Image
Trailer LinktrailerURLhttps://youtube.com/

⚙️ Location Rules:

“Post Type is equal to Movies
অর্থাৎ শুধু Movies পোস্ট টাইপে এই ফিল্ডগুলো দেখা যাবে।

💾 Save Changes করলেই কাজ শেষ ✅


🧠 Template ফাইলে ডেটা দেখানো

তুমি যদি নিজে থিম তৈরি করো বা কাস্টম টেমপ্লেট ব্যবহার করো,
তাহলে এই ফিল্ডগুলো PHP কোডের মাধ্যমে প্রদর্শন করা যায় 👇

👉 এই কোডটি তোমার Single Template ফাইলে যুক্ত করলে,
প্রতিটি মুভির পোস্টে ইনপুট করা তথ্য স্বয়ংক্রিয়ভাবে দেখাবে!


🎨 Elementor দিয়ে ACF ডেটা দেখানো

তুমি যদি Elementor ব্যবহার করো —
তাহলে ACF ফিল্ডকে Dynamic Tag হিসেবে যুক্ত করা যায়।

🪄 পদ্ধতি:

1️⃣ Elementor এডিটর ওপেন করো
2️⃣ যেখানে ডেটা বসাতে চাও (যেমন Text, Image Widget)
3️⃣ ছোট ⚙️ Dynamic Icon → ACF Field সিলেক্ট করো
4️⃣ Field Name নির্বাচন করো

✅ এখন ACF ফিল্ডের ডেটা স্বয়ংক্রিয়ভাবে Elementor ডিজাইনে দেখা যাবে!


🧰 ACF Pro – আরও শক্তিশালী ফিচার

ACF-এর Pro সংস্করণে আছে অতিরিক্ত কিছু অসাধারণ Field:

Field Typeকাজ
Repeaterএকাধিক ডেটা সেট (যেমন Team Members, FAQ)
Galleryএকাধিক ছবি প্রদর্শন
Flexible ContentCustom Layout তৈরি
Cloneঅন্য Field Group পুনঃব্যবহার

👉 এটি দিয়ে তুমি Dynamic Portfolio, Services, বা Team Section বানাতে পারো।


🧠 বাস্তব উদাহরণ: Portfolio Template

ধরা যাক, তোমার “Portfolio” নামে একটি CPT আছে,
ACF ফিল্ডগুলো হলো — Client Name, Project Link, Screenshot

ACF + Elementor ব্যবহার করে সহজেই একটি Dynamic Portfolio Grid বানাতে পারবে,
যেখানে প্রতিটি প্রজেক্ট আলাদা ডেটা দেখাবে, কিন্তু ডিজাইন একদম একরকম থাকবে 🎯


🧩 বোনাস: Query Loop + ACF

Gutenberg Block Editor-এর Query Loop ব্লকে ACF ডেটা যুক্ত করা যায়
(ACF Blocks ব্যবহার করে কাস্টম ব্লকও বানানো সম্ভব)।

এতে তোমার ওয়েবসাইট হবে সম্পূর্ণ Dynamic ও Lightweight 🚀


🏁 সারসংক্ষেপ

ACF হলো WordPress ডেভেলপারের সবচেয়ে শক্তিশালী হাতিয়ার 💪
এর মাধ্যমে তুমি কোড ছাড়া বা কোডসহ —
দু’ভাবেই ওয়েবসাইটে “Custom Dynamic Content” তৈরি করতে পারো।

পর্ব–২২: ডায়নামিক কনটেন্ট তৈরি ও কাস্টম ডিজাইন | Dynamic content creation and custom design

ওয়ার্ডপ্রেস ফুল কোর্স (৩০ পর্বে সম্পূর্ণ টিউটোরিয়াল সিরিজ)