آموزش ساخت پنل تنظیمات قالب وردپرس + فیلم آموزشی

پنل تنظیمات قالب وردپرس بخش دوم

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

پنل تنظیمات قالب چیست؟

در پنل مدیریت اکثر قالب های حرفه ای وردپرس معموملا منویی تحت عنوان “تنظیمات قالب” وجود دارد که داخل آن یک سری تنظیمات برای مدیریت بخش های مختلف سایت وجود دارد مثلا از طریق پنل تنظیمات قالب وردپرس میتوانید موارد مختلفی مثل : رنگ اصلی وبسایت، نوع فونت ها، سبک نمایش سربرگ، نمایش یا عدم نمایش المان های مختلف، لینک شبکه های اجتماعی و مواردی از این قبیل را کنترل کنید حالا هرچقدر تنظیمات بیشتری در این بخش وجود داشته باشد نشان از منعطف بودن و حرفه ای بودن قالب است بخاطر همین قالب های حرفه ای وردپرس تمرکز ویژه ای روی ارتقاء پنل تنظیمات خود دارند برای مثال قالب وودمارت از جمله بهترین قالب فروشگاهی وردپرس است که پنل تنظیماتش بسیار حرفه ای و کامل است. خبر خوب اینکه شما هم میتوانید چنین پنلی طراحی کنید پس حتما تا انتها همراه باشید…

چرا باید نحوه ساخت پنل تنظیمات قالب را یادبگیرم؟

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

بهترین روش ساخت پنل تنظیمات قالب

بصورت کلی 2 روش برای ساخت پنل تنظیمات قالب وجود دارد. روش اول استفاده از Customization API خوده وردپرس است از نسخه 3.4 به بعد ارائه شد در این روش منویی با نام “تنظیمات قالب” در پنل مدیریت وردپرس نخواهید داشت و تنظیمات شما صرفا از طریق بخش سفارشی سازی در دسترس است این روش در بین کاربران وردپرس خیلی جا نیوفتاده و همه پسند نیست اما در روش دوم که اکثر قالب های حرفه ای استفاده میکنند منوی “تنظیمات قالب” را بصورت اختصاصی در پنل وردپرس خواهیم داشت و میتوانیم تنظیمات مورد نظرمان را با استفاده از اسکریپت هایی مثل CMB2 و Redux طراحی کنیم. در دوره جامع طراحی قالب وردپرس و همچنین این آموزش هم از روش دوم استفاده میکنیم. تصویر زیر نمونه تنظیماتی است که در این آموزش طراحی میکنیم : (درضمن این روش کاملا با کدنویسی انجام میشود)

آموزش ساخت پنل تنظیمات قالب وردپرس

در این آموزش ما از پلاگین CMB2 که یکی از بهترین ابزارها برای ایجاد پنل تنظیمات قالب است استفاده میکنیم. CMB2 را میتوانیم هم بصورت اسکریپت به قالب اضافه کنیم و هم بصورت پلاگین روی وردپرس نصب کنیم تفاوت خاصی ندارد اما برای راحتی کار ما از پلاگین CMB2 استفاده میکنیم البته فکر نکنید با نصب پلاگین همه چی تمام است نه! این پلاگین صرفا زیرساخت ایجاد پنل را برای ما فراهم میکند و تمام اقدامات مربوط به ایجاد پنل و مدیریت تنظیمات مختلف را باید با کدنویسی انجام دهیم. قالب های حرفه ای وردپرس مثل استادیار و… هم دقیقا به همین شکل عمل میکنند. پس برای شروع کار پلاگین cmb2 را با کلیک روی دکمه زیر نصب کنید…

بعد از نصب پلاگین CMB2 وارد پوشه قالب خود شوید و یک فولدر با نام theme-options بسازید و داخلش فایلی با نام settings.php ایجاد کنید، داخل این فایل کدهای این صفحه را قرار دهید (طبق فیلم آموزشی)

حالا باید فایل settings.php را به فایل فانکشن قالب تان معرفی کنید برای اینکار فایل functions.php قالب تان را باز کنید و کد زیر را داخلش قرار دهید :

require_once 'theme-options/settings.php';

حالا اگر پنل وردپرس را ریلود کنید میبینید منوی تنظیمات قالب به منوهای وردپرس اضافه شده و حالا وقت آن است که تنظیمات مورد نظرمان را به این قسمت اضافه کنیم.

اضافه کردن تنظیمات به منوی تنظیمات قالب

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

نمایش تنظیمات در صفحات قالب

بطور کلی برای ساخت پنل تنظیمات قالب حرفه ای دو مرحله دارید : 1 – طراحی تنظیمات در منوی تنظیمات قالب 2 – اعمال و نمایش تنظیمات در صفحات مختلف قالب

پس از اینکه تنظیمات مورد نظرتان را در منوی تنظیمات قالب طراحی کردید حالا باید این تنظیمات را روی صفحات و خروجی سایت اعمال کنید بطور مثال در پنل آپشن تصویر لوگو را دریافت کردید حالا باید همین تصویر را در جایگاه لوگو در وبسایت نمایش دهید یا مثلا در پنل آپشن رنگ سازمانی سایت را مشخص کردید حالا این رنگ باید در قالب اعمال شود بنابراین کار شما در ایجاد تنظیمات قالب وردپرس 2 مرحله هست که در مرحله دوم باید این تنظیمات را اعمال کنیم

آموزش نحوه انجام این کار بصورت متنی و تئوری خیلی فایده ای ندارد بخاطر همین برای درک بهتر این موضوع پیشنهاد میکنم ویدئو های ابتدای صفحه را ببینید تا بصورت عملی و ویدیویی نحوه انجام کار را یادبگیرید .