آموزش ساخت پنل تنظیمات وردپرس بدون افزونه ( بخش دوم – اجرا )

سلام مجدد خدمت کاربران عزیز سیترال وب

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

اما در این آموزش میخایم نحوه ساخت انواع فیلد هارو به شما یاد بدیم .

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

وارد پوشه پوسته خودتون بشید . بعدش وارد پوشه admin بشید . ( بعد خارج کردن فایل فشرده شده این پوشه ایجاد میشه )

در اونجا فایل theme-settings.php رو برای ویرایش باز کنید .

برای مثال میخاهید ۳ تا تب داشته باشین . تب تنظیمات هیدر – تب تنظیمات فوتر – تب تظیمات صفحه اصلی

برای اضافه کردن تب ها بصورت زیر عمل میکنیم .

  'sections' => array( 
array(
'id' => 'general',
'title' => 'همگانی'
),
array(
'id' => 'header',
'title' => 'ناحیه بالای سایت'
),
array(
'id' => 'footer',
'title' => 'ناحیه پایین سایت'
),
array(
'id' => 'social',
'title' => 'شبکه های اجتماعی'
),
),

تا اینجا ما ۴ تا تب با عنوان های “همگانی” ، “ناحیه بالای سایت” ، ” ناحیه پایین سایت” و ” شبکه های اجتماعی” ایجاد کردیم .

برای دسترسی به صفحه تنظیمات از بخش مدیریت وردپرس   نمایش > تنظیمات سایت میتوانید به تنظیمات دسترسی داشته باشید .

حالا میریم تازه سر اصل مطلب .

فرضا میخام در تب Header چند تا فیلد اضافه کنیم . فیلد آپلود لوگو ، فیلد شماره تماس

array(
'id' => 'logo',
'label' => 'لوگو',
'desc' => 'پیشنهاد می‌شود اندازه‌ی لوگو ۲۹۰px × ۹۰px باشد.',
'std' => '',
'type' => 'upload',
'section' => 'header'
),
array(
'id' => 'mobile',
'label' => 'موبایل',
'desc' => 'تلفن همراه برای پشتیبانی محصول را وارد نمایید.',
'std' => '',
'type' => 'text',
'section' => 'general'
),

حالا دکمه save رو بزنید و به بخش تنظیمات برید .

سایر تنظیمات عبارت اند تغییر رنگ ، انتخاب صفحه ، چک باکس ، باکس انتخاب و …همگی بصورت نمونه در تم اپشن ایجاد کردیم .

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

حالا لوگو خود را آپلود نمایید و متن موبایل رو هم مانند نمونه وارد نمایید .

تا اینجا موفق به ساخت کامل پنل تنظیمات شدیم .

حال برای نمایش این فیلد ها از کد های زیر استفاده میکنیم .

برای مثال متن :
<?php echo ot_get_option('mobile'); ?>
برای مثال عکس :
<img alt="<?php bloginfo('name'); ?>" src="<?php echo ot_get_option('logo'); ?>" />

و به همین صورت و براحتی میتوانید برای خودتون پنل تنظیمات بسازید .

امیدواریم که لذت برده باشین از مطالب .