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

برای ساختن برگه‌های تنظیمات ۲ راه وجود داره:

  1. استفاده از API تنظیمات وردپرس
  2. استفاده از فریم‌ورک‌های تنظیمات

برای طنز داستان هم شده اول دومی رو می‌خوام بگم. استفاده از افزونه برای ساختن یک برگه تنظیمات. چندین و چند گزینه برای این کار وجود داره از جمله Redux و Fluent و OptionTree. اما من می‌خوام افزونه دیگه‌ای رو بهتون معرفی کنم. افزونه Options Framework یک افزونه پیشرفته و در عین حال ساده برای استفاده‌ست که بیش از ۱۰۰،۰۰۰ نصب فعال داره. برای استفاده ازش کافیه مراحل زیر رو دنبال کنید:

screenshot-1

نصب

  1. افزونه رو از طریق مخزن وردپرس نصب کنید.
  2. فایل options.php رو از داخل مخزن پروژه در گیت‌هاب دانلود و در ریشه پوسته خود کپی کنید. این فایل رو می‌تونید در فولدر options-check پیدا کنید. این فایل شامل تمام تنظیمات قبل استفاده ست و پس از کپی می‌توانید گزینه تنظیمات قالب را در زیر منوی نمایش مشاهده کنید.
  3. فایل options.php را ادیت کنید. هر فیلد از نوع header یک تب جدید به لیست فیلدها اضافه می‌کند.

هر فیلد هم یک آرایه‌ی php به آرایه‌ی options[] اضافه می‌کند

 

 

فیلدها

فیلدهای متنوعی در این افزونه قابل استفاده است. چند المان در این فیلدها یکسان است مانند name برای لیبل، desc برای نمایش توضیحات فیلد، id که باید برای هر فیلد یکتا باشد. برای راحتی کار می‌تواند از Prefixها برای خوانایی بیشتر استفاده کنید. std برای تعیین مقدار اولیه استفاده می‌شود و type نوع فیلد را مشخص می‌کند. لیست این فیلدها را می‌توانید در زیر مشاهده کنید:

  • Text Input
  • Textarea
  • Checkbox
  • Select
  • Radio button
  • Image Uploader
  • Image Radio Button: استفاده از عکس به جای دکمه‌ی رادیویی
  • Background: یک سری گزینه برای تنظیم تصویر زمینه
  • Multicheck
  • Color Picker
  • Typography: یک سری گزینه برای انتخاب فونت، اندازه و رنگ
  • Editor: ادیتور متنی WYSIWYG وردپرس