🎯 এই পর্বে যা জানবে:
- 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 Label | Field Name | Field Type | Example Value |
|---|---|---|---|
| Director | director | Text | Christopher Nolan |
| Release Date | release_date | Date Picker | 2025-11-08 |
| IMDb Rating | imdb_rating | Number | 8.7 |
| Poster | poster | Image | Upload Image |
| Trailer Link | trailer | URL | https://youtube.com/… |
⚙️ Location Rules:
“Post Type is equal to Movies”
অর্থাৎ শুধু Movies পোস্ট টাইপে এই ফিল্ডগুলো দেখা যাবে।
💾 Save Changes করলেই কাজ শেষ ✅
🧠 Template ফাইলে ডেটা দেখানো
তুমি যদি নিজে থিম তৈরি করো বা কাস্টম টেমপ্লেট ব্যবহার করো,
তাহলে এই ফিল্ডগুলো PHP কোডের মাধ্যমে প্রদর্শন করা যায় 👇
<?php
// Inside single-movies.php
$director = get_field('director');
$release_date = get_field('release_date');
$rating = get_field('imdb_rating');
$poster = get_field('poster');
$trailer = get_field('trailer');
?>
<div class="movie-info">
<img src="<?php echo esc_url($poster['url']); ?>" alt="<?php echo esc_attr($poster['alt']); ?>">
<h2><?php the_title(); ?></h2>
<p><strong>Director:</strong> <?php echo esc_html($director); ?></p>
<p><strong>Release Date:</strong> <?php echo esc_html($release_date); ?></p>
<p><strong>IMDb Rating:</strong> ⭐ <?php echo esc_html($rating); ?></p>
<a href="<?php echo esc_url($trailer); ?>" target="_blank">🎬 Watch Trailer</a>
</div>👉 এই কোডটি তোমার 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 Content | Custom 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” তৈরি করতে পারো।



