افزونه زمینه های دلخواه پیشرفته Advanced Custom Fields – ACF

در این مقاله قصد داریم شما رو با افزونه قدرتمند زمینه های دلخواه پیشرفته (Advanced Custom Fields) که به اختصار به آن افزونه ACF هم گفته می شود آشنا کنیم. این افزونه بدون شک یکی از بهترین و کاربردی ترین افزونه های وردپرس است. ما در وردپرس یک بخش مهم به اسم متاباکس و زمینه های سفارشی یا زمینه های دلخواه پیشرفته داریم که برای موارد مختلفی مورد استفاده قرار می گیرند.

متاباکس ها از مهمترین عوامل برای سفارشی سازی وب سایت هستند و در بین طراحان وردپرس از محبوبیت بالایی برخورداند. چرا که اغلب اوقات نیاز به اضافه کردن قسمت هایی به پست ها یا پست های سفارشی است که به طور پیشفرض در هسته وردپرس وجود ندارد و معمولا این اطلاعات اضافی به وسیله زمینه های دلخواه پیشرفته به بخش های مورد نیاز اضافه می شوند.

برای مثال ما قصد داریم که یک تصویر شاخص دوم به پست اضافه کنیم و یا یک قسمت برای اضافه کردن لینک های دانلود و بسیاری موارد دیگر، در این حالت با استفاده از متاباکس ها تغییرات مورد نظر خود را اعمال می کنیم.

اما متاباکس ها به طور پیشفرض از ظاهر خوبی برخودار نیستند و و سفارشی کردن یک متاباکس چه از لحاظ ظاهر و یا افزودن قابلیت نسبتا دشوار است. در اینجا ما به سراغ افزونه زمینه های دلخواه پیشرفته (Advanced Custom Fields) یا زمینه های سفارشی ACF می رویم.

ما با استفاده از افزونه قدرتمند زمینه های دلخواه پیشرفته بدون نیاز به کدنویسی قادر به ایجاد بی نهایت متاباکس مختلف و افزودن ویژگی های جدید و لازم به وردپرس خواهیم بود. به کمک افزونه ACF متاباکس ها از ظاهر به مراتب بهتری برخودارند و سرعت سفارشی سازی متاباکس و مقادیر وارد شده چندین برابر می شود.

افزونه Advanced Custom Fields یا زمینه های دلخواه پیشرفته در نسخه های تجاری و رایگان منتشر شده که نسخه تجاری نسبت به نسخه رایگان از قابلیت های بیشتری برخوردار بوده، اما خوشبختانه نسخه رایگان افزونه ACF نیز تمام نیاز ما را براورده می کند. و شاید بیان این موضوع خالی از لطف نباشد که هیچ نیازی به استفاده از محصولات نال شده مواجه شدن با عواقب استفاده از یک محصول بی اعتبار و مخرب نیست.

با توجه با قابلیت هایی که در نسخه رایگان افزونه Advanced Custom Fields وجود دارد سایت شما 90٪ به نسخه تجاری بی نیاز است. تفاوت زمینه های دلخواه پیشفرض وردپرس و زمینه های دلخواه با استفاده از افزونه Advanced Custom Fields در عکس های زیر کاملا مشخص است.

• ایجاد زمینه متنی
• ایجاد زمینه تک خطی و چند خطی
• ایجاد زمینه متنی همراه با ویرایشگر دیداری WYSIWYG
  • این زمینه قابلیت آپلود رسانه را دارد
• ایجاد زمینه عددی برای وارد کردن اعداد صحیح
• ایجاد زمینه گزینه های صحیح و غلط
• ایجاد زمینه دکمه رادیویی
• ایجاد زمینه چک باکس
• ایجاد زمینه نقشه گوگل
• ایجاد زمینه های بارگذاری «بارگذاری عکس، ویدیو و فایل»
• ایجاد زمینه انتخاب رنگ
• ایجاد زمینه نتخاب تاریخ و زمان
• و بسیاری موارد متنوع دیگر

لازم به ذکر است که تمامی زمینه ها در افزونه زمینه های دلخواه پیشرفته Advanced Custom Fields قابل شرطی سازی بوده و در انواع پست های سفارشی « Custom Post Type » قابل استفاده هستند. برای مثال شما می توانید تعیین کنید که گروه زمینه ایجاد شده فقط در برگه های سایت نمایش داده شود، و یا فقط هنگامی که یک دسته بندی خاص انتخاب شد نمایش داده شود. سپس داده ها در بخش مدیریت پست وارد شده و پس از ذخیره سازی با روشی ساده تر از نمایش متاباکس ها به کاربران نمایش داده می شوند.

استفاده از افزونه زمینه های دلخواه پیشرفته « ACF » بسیار ساده بوده ولی ما در همگام وب قصد داریم تا آموزش کامل استفاده از این افزونه محبوب و قدرتمند را در اختیار کاربران قرار دهیم، در این سری از آموزش های همگام وب با تمامی فیلدها یا زمینه های قابل استفاده در نسخه رایگان به طور کامل آشنا می شوید. همچنین با نحوه استفاده از هر فیلد با شرح کد و عکس مربوط به هر زمینه، دیگر هیچ مشکلی در استفاده از افزونه قدرتمند Advanced Custom Fields نخواهید داشت.

پس از نصب و فعال کردن افزونه زمینه های دلخواه پیشرفته ACF یک بخش جدید به نام زمینه های سفارشی به منو پیشخوان وردپرس اضافه می شود. افزونه زمینه های دلخواه پیشرفته برای متصل کردن فیلد های زمینه خود به پست ها از گروه های زمینه استفاده می کند.

گروه های زمینه به دسته بندی فیلد های شما هم کمک می کند و در آینده در صورتی که زمینه های زیادی داشته باشید و قصد ویرایش برخی از زمینه ها را داشته باشید مشکلی در پیدا کردن زمینه نخواهید داشت. با کلیک بر روی زمینه های سفارشی در پیشخوان وارد بخش گروه های زمینه افزونه می شویم. و تنها کاری که نیاز به انجام آن است کلیک بر رو دکمه افزودن است تا اولین گروه زمینه ما ایجاد شود.

در این قسمت ابتدا یک نام برای گروه زمینه خود انتخاب میکنیم و سپس بر روی افزودن زمینه کلیک میکنیم، در این قسمت گزینه هایی چون موارد زیر را مشاهده میکنیم که موارد لازم را به صورت مختصر توضیح داده ایم. یک گروه زمینه می تواند دارای چندین زمینه از انواع مختلف زمینه باشد.

تنظیمات زمینه های دلخواه در افزونه ACF ( Setting )

این فیلد نام نمایشی زمینه شما در بخش مدیریت پست است

این فیلد نام زمینه دلخواه شما است که برای فراخوانی و نمایش زمینه از این نام استفاده می شود. نام زمینه باید یک کلمه باشد و بدون فاصله تایپ شود و با استفاده از حروف صحیح تایپ شود استفاده از زیر خط _ و خط تیره - در بین حروف مجاز است. برای مثال

phone_number_hamgamweb

در این بخش شما نوع زمینه خود را انتخاب می کنید.

سایر گزینه ها برای هر نوع زمینه متفاوت هستند و در بخش آموزش های افزونه Advanced Custom Fields برای هر نوع زمینه توضیح داده شده اند.

مورد بعدی تنظیمات مکان افزونه زمینه های دلخواه پیشرفته Advanced Custom Fields است، در این بخش شما مشخص می کنید که گروه زمینه شما در چه قسمتی نمایش داده شود برای مثال نوع نوشته برابر شود با نوشته گروه زمینه را فقط برای نوشته های ما فعال می کند. در این بخش ما قادر به تنظیماتی چون نمایش برای دسته ای خاص و یا نمایش ندادن فقط برای یک دسته نیز هستیم. بخش بعدی نیز مرتبط با تنظیمات ظاهری گروه زمینه در افزونه Advanced Custom Fields است که به مرور با تمامی گزینه ها آشنا خواهیم شد.

ما پس از ذخیره کردن گروه زمینه یک بخش جدید به قسمت ویرایش و ارسال پست یا برگه های ما اضافه شده که ما مقدار مورد نظر خود را بسته به فیلدی که ایجاد کرده ایم وارد می کنیم، در اینجا فیلد پیشفرض ما زمینه متنی بوده برای مثال کلمه همگام وب را در فیلد مورد نظر وارد کرده و پست یا برگه مورد نظر را ذخیره می کنیم.

مرحله بعدی نمایش مقدار ورودی است برای نمایش ما نیاز به ویرایش فایلی که مطلب ما در آن نمایش داده می شود داریم در این بخش مثال ما نوشته های سایت بوده که بسته به نوع قالب شما ممکن است فایل single.php و یا singular.php باشد.

برای نمایش زمینه باید تابع مورد نظر را داخل حلقه قرار دهیم. فراخوانی زمینه در افزونه Advanced Custom Field همیشه با the_field('نام زمینه'); انجام می شود. البته می توان از تابع پیشفرض وردپرس یعنی get_post_meta(); نیز استفاده کرد مثال زیر نحوه کامل فراخوانی زمینه ما رو نمایش می دهد.

<?php 
while (have_posts()) : the_post();
	the_title();
	the_content();
	the_field('phone_number_hamgamweb');
endwhile; 
?>

توجه داشته باشید که تابع the_field('phone_number_hamgamweb'); را در هر قسمتی از فایل ویرایش شده قرار دهیم مقدار ورودی زمینه در آن مکان نمایش داده می شود.

[acf field="phone_number_hamgamweb"]

برای نمایش زمینه ما حتی از شرتکد هم میتوانیم استفاده کنیم که مطمئنا استفاده از شرتکد در بسیاری از موارد می تواند مفید واقع شود طریقه استفاده از شرت کد به شکل زیر است

پس برای نمایش زمینه ما از the_field('phone_number_hamgamweb'); استفاده می کنیم، اما برای ذخیره مقدار برگشتی در یک متغیر چطور؟

برای مثال گاهی اوقات نیاز است از یک دستور شرطی برای نمایش زمینه استفاده کرد تا اگر زمینه های دلخواه پیشرفته ما مقداری نداشتند یک محتوای جایگزین را نمایش دهد. در این حالت ما به جای استفاده از تابع the_field از get_field استفاده میکنیم، به مثال زیر توجه کنید

<?php 
  $PhoneNumber = get_field('phone_number_hamgamweb');
  if( $PhoneNumber ){
  	echo '<p>' . get_field('phone_number_hamgamweb') . '</p>';
  }else{
    echo '<p>مقداری وارد نشده است</p>';
  }
?>

یا

<?php 
  $PhoneNumber = get_field('phone_number_hamgamweb');
  if( $PhoneNumber ) {
    echo '<p>' . $PhoneNumber . '</p>';
  }else{
    echo '<p>مقداری وارد نشده است</p>';
  }
?>

که البته هر دو مورد نتیجه یکسانی دارند.

• دانلود افزونه از مخزن وردپرس

لازم به زکر است که شما از طریق تگ ACF Field Type نیز قادر به مشاهده تمامی زمینه ها هستید.