آموزش ایجاد پنل تنظیمات قالب وردپرس با افزونه Option Tree + فیلم

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

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

معرفی افزونه OptionTree برای ساخت پنل تنظیمات قالب وردپرس

معمولا تمام فریم ورک هایی که برای ساخت پنل تنیمات معرفی میشوند دارای افزونه وردپرس نیز هستند پس از این به بعد از لفظ افزونه وردپرس پنل تنظیمات پوسته استفاده میکنیم. یکی از بهترین افزونه های معرفی شده برای ساخت پنل پلاگین OptionTree میباشد این افزونه توسط ما نیز در پروژه های طراحی پوسته وردپرس مورد استفاده قرار میگیرد. Option Tree توسط Derek Herman طراحی و برنامه نویسی شده و توسط تم فارست ThemeForest نیز حمایت میشود پس میتوان گفت با یکی از بهترین افزونه های تنظیمات قالب روبرو هستیم. برای دانلود آپشن تری میتوانید به صفحه آن در سایت گیت هاب به آدرس option tree theme یا برگه افزونه در مخزن وردپرس مراجعه کنید.
برخی از مزایای OptionTree عبارتند از:

  • قابلیت اتصال به قالب وردپرس بدون نیاز به نصب افزونه
  • امکان ساخت تب برای نمایش بخشهای مختلف تنظیمات پوسته
  • امکان ساخت متاباکس و زمینه های دلخواه حرفه ای در پوسته
  • امکان ساخت فیلد انتخاب تاریخ از تقویم
  • امکان ایجاد پنل برای افزودن کدهای جاوا و css
  • قابلیت آپلود تصویر یا ایکون از پنل تنظیمات پوسته وردپرس
  • امکان ساخت گالری تصاویر برای پنل تنظیمات یا زمینه دلخواه
  • دارا بودن چندین فیلد متنی، چک باکس، صحیح غلط، روشن خاموش، لیست و …
  • امکان انتخاب دسته بندی وردپرس یا انتخاب دسته از پست تایپ سفارشی
  • امکان ساخت لیست تنظیمات برای قرار دادن لیستی از تنظیمات (افزودن بی نهایت تبلیغ یا اسلاید در اسلایدر)
  • دارای ویرایشگر متنی برای افزودن توضیحات
  • قابلیت آپلود تصویر یا فایل و استفاده از کدهای html در ویرایشگر متنی
  • و …

آموزش ایجاد پنل تنظیمات قالب وردپرس توسط Option Tree

آموزش ایجاد کنترل پنل تنظیمات قالب وردپرس توسط Option Tree

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

لینک دانلود فیلم آموزشی

درباره نویسنده
رضا کیانوش

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

بازدیدکنندگان قبلی مشاهده مطالب زیر را به شما پیشنهاد کرده اند

دیدگاهی بنویسید.

بهتر است دیدگاه شما در ارتباط با همین مطلب باشد.

  1. ایمان
    ۲۱ مهر ۱۳۹۷ ساعت ۱۰:۰۴

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

    • رضا کیانوش
      ۲۱ مهر ۱۳۹۷ ساعت ۱۰:۱۴

      سلام وقت بخیر، بله میتونید از این پنل تنظیمات قالب وردپرس استفاده کنید.

  2. Majid
    ۲۹ تیر ۱۳۹۷ ساعت ۰۰:۳۳

    تشکر بابت آموزش و زحمتی که کشیدید اما فکر کنم تست نکردید ببینید تنظیمات در قالب فراخوانی میشن یا نه!
    نمیدونم مشکل دقیقاً کجاست ولی قطعاً یه جایی از کدها ایراد داره چون به هر نحوی و هرکاری انجام دادم در قالب فراخوانی نمیشه!

    • رضا کیانوش
      ۲۹ تیر ۱۳۹۷ ساعت ۰۵:۴۱

      سلام وقت بخیر، ما از این پنل تنظیمات در بیش از ۶۰ قالب وردپرس داریم استفاده میکنیم و هیچ مشکلی در فراخوانی توابع نداریم! مطمعنا یه جای کار رو اشتباهی انجام دادید.

  3. Amir
    ۲۸ تیر ۱۳۹۷ ساعت ۱۷:۴۷

    سلام خیلی ممنونم که دانشتون رو با ما رایگان به اشتراک میذارید! میخواستم بدونم چطور میتونم با این پنل توی css بکگراند رو دست کاربر بذارم یعنی با اپلود تصویر توی پنل اون تصویر بشه بکگراند سایت از اونجاییم که میدونم php توی css امکان نداره ، میشه راهنمایی کنید خیلی متشکرم

    • رضا کیانوش
      ۲۹ تیر ۱۳۹۷ ساعت ۰۵:۴۰

      سلام وقت بخیر، خوشحالم آموزشهای ایران تمز رو پسندید. php داخل css امکان داره و میشه کدهای php رو داخل توابع css استفاده کرد. در مجموعه آموزشی که در حال تولیدش هستیم تمام این موارد آموزش داده میشه و میتونید براحتی پنل تنظیمات قدرتمندی ایجاد کنید. پس تا انتشار مجموعه صبر کنید. موفق باشید

  4. پدرام
    ۲۶ تیر ۱۳۹۷ ساعت ۱۰:۵۲

    سلام آموزش خیلی مفیدی بود ولی کاش فایل هایی که استفاده کردید رو برای دانلود میذاشتید 🙂

  5. عرفان
    ۳۱ خرداد ۱۳۹۷ ساعت ۱۸:۵۱

    سلام. بسیار تشکر میکنم از آموزش بیسار خوبتون. خیلی خیلی کاربردی بود. یه سوال داشتم. بنده در بخش تنضیمات پوسته چند فیلد را اضافه نمودم اعم از نام، شماره، سن و … اما کد مربوط به فراخوانی هر یک از این فیلدها در قالب رو نمیدانم. اگر امکانش هست کدش رو اینجا میفرستید برام؟؟

    • رضا کیانوش
      ۱ تیر ۱۳۹۷ ساعت ۱۹:۱۷

      سلام وقت بخیر، خوشحالم مورد پسندتون بوده. در دقیقه ۱۰ تا ۱۰:۱۵ فایل header رو نمایش دادیم که از تابع ot_get_option برای فراخوانی فاویکن با شناسه favicon استفاده شده که میتونید از این تابع استفاده کنید. بزودی مجموعه فیلم آموزشی فارسی کامل استفاده از انواع فیلدهای افزونه رو منتشر میکنیم. موفق باشید.

      • عرفان
        ۱ تیر ۱۳۹۷ ساعت ۲۱:۰۳

        بسیار تشکر میکنم. اگر بفرمایید که حدودا چه زمانی این آموزش ها منتشر میشه ممنون میشم

        • رضا کیانوش
          ۱ تیر ۱۳۹۷ ساعت ۲۱:۵۸

          خواهش میکنم، خیلی زود !

  6. م
    ۳۰ اردیبهشت ۱۳۹۷ ساعت ۱۷:۳۲

    با سلام ۰۳ مهر ۹۶ گفته بودید : “ان شاءالله بزودی مجموعه ی کامل آموزش ساخت کنترل پنل تنظیمات پوسته وردپرس رو ضبط و منتشر میکنم.”
    پس چه زمانی قرار میدید؟ با تشکر

    • رضا کیانوش
      ۳۰ اردیبهشت ۱۳۹۷ ساعت ۱۹:۰۲

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

  7. نوبت دهی
    ۲۱ فروردین ۱۳۹۷ ساعت ۰۱:۰۸

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

    • رضا کیانوش
      ۲۱ فروردین ۱۳۹۷ ساعت ۰۶:۱۳

      سلام وقت بخیر، در حال تهیه آموزش کاملی از افزونه پنل تنظیمات قالب وردپرس هستیم که ان شاءالله بزودی منتشر میشه. موفق باشید

  8. بک لینک دائمی
    ۱ اسفند ۱۳۹۶ ساعت ۲۱:۵۴

    باسلام و خدا قوت به شما مديريت محترم سايت و همکاران عزيزتان از بابت اينکه مقالات آموزشي خيلي خوب و با کيفيت توليد مي کنيد از شما سپاسگزاريم. برايتان موفقيت روز افزون از پروردگار يکتا آرزومندم!

  9. حسینی
    ۲۵ بهمن ۱۳۹۶ ساعت ۲۳:۲۸

    یعنی مثلا به جای متغیر ‘autoplayTimeout’: 4000 تو کدهای جی کوئری اسلایدر مثلا از کد زیر استفاده کنم؟
    یه سوال دیگه در مورد متن و لینک دارم که با این افزونه میشه ساخت. من میخوام یه فیلد بسازم مثلا یه باکس دارم که هم یه متن داره و هم لینک، حالا میخوام یه قسمتی رو برای این باکس تو پنل تنظیمات در نظر بگیرم که عنوانش مثلا باکس خدمات هستش حالا زیر این تنظیمات دو تا قسمت با تایپ text هست که تو یکیش میشه لینک رو تعیین کرد تو اون یکی متن باکس رو کد زیر رو قرار دادم نشد میشه در مورد اینم راهنمایی بکنید.
    اینم عکس همین توضیحاتی هست که در مورد کد دادم تو یکی از قالبهای خریداری شدم هست
    نمیخوام بخش لینک و متن از هم جدا باشه، میخوام یه بخش باشه با اسم باکس اول بعد دو تا تایپ text زیرش باشه برای نوشتن متن و لینک. فکر کنم منظورمو تونستم برسونم

    • رضا کیانوش
      ۲۶ بهمن ۱۳۹۶ ساعت ۰۹:۲۳

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

  10. حسینی
    ۲۵ بهمن ۱۳۹۶ ساعت ۱۸:۰۰

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

    • رضا کیانوش
      ۲۵ بهمن ۱۳۹۶ ساعت ۲۱:۵۳

      سلام خوشحالم مورد پسندتون بوده. یه فیلد متنی معمولی بسازید و سرعت حرکت اسلایدر که معمولا برحسب ممیلی ثانیه هست رو داخلش بزارید بعد کد فراخوانی فیلد رو در کدهای جی کوئری اسلایدر بزارید.

  11. امید
    ۱۲ بهمن ۱۳۹۶ ساعت ۱۱:۱۸

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

    • رضا کیانوش
      ۱۲ بهمن ۱۳۹۶ ساعت ۱۱:۵۴

      سلام وقت بخیر، برای تعیین محتوای صفحه اصلی باید از بخش تنظیمات وردپرس > خواندن، گزینه “صفحه‌نخست شما نمایش می‌دهد” را تنظیم کنید. بزودی در یک پکیج فیلم آموزشی نحوه ساخت بخشهای مختلف پنل تنظیمات با استفاده از توابع افزونه را آموزش خواهم داد. مجبور شدم کتابی بنویسم D: موفق باشید.

  12. محمدرضا
    ۱۱ بهمن ۱۳۹۶ ساعت ۱۸:۲۴

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

    • رضا کیانوش
      ۱۱ بهمن ۱۳۹۶ ساعت ۲۱:۲۵

      سلام وقت بخیر توی توابع مربوط به فراخوانی نوشته ها گزینه post type وجود داره که باید post type دلخواه رو بزارید. افزونه ووکامرس از پست تایپ یا پست سفارشی product و افزونه فروش محصولات دانلودی edd از پست سفارشی download استفاده میکنه.

      • محمدرضا
        ۱۴ بهمن ۱۳۹۶ ساعت ۰۰:۱۴

        تشکر انجام شد و یک مورد دیگه حالا مورد سؤالم هست: الان کد کوتاه نمایش دسته ی محصولات من شده این: حالا میخوام این رو توی یک اسلایدر استفاده کنم و بگم که این اسلایدر با توجه به انتخاب دسته بندی از پنل تنظیمات، محصولات رو نمایش بده و از این کد دارم استفاده می کنم: code
        حالا سؤال من اینجاست چطوری کد کوتاه رو در حلقه ای بالا استفاده کنم؟ خیلی سعی کردم اما متاسفانه کد عمل نمیکنه. ممنون میشم راهنمایی بفرمایید.

        • رضا کیانوش
          ۱۴ بهمن ۱۳۹۶ ساعت ۰۶:۰۳

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

  13. بهمن
    ۵ دی ۱۳۹۶ ساعت ۱۱:۵۸

    سلام من وقتی وارد پنل نمایش > تنظیمات قالب > قالب بندی میرم که نوع قالب بندی رو تغییر بدم هیچ چیزی نشون داده نمیشه. بقیه گزینه ها محتواشون قابلیت ادیت داره غیر از قالب بندی باید چکاری انجام بدم. ممنون

    • رضا کیانوش
      ۵ دی ۱۳۹۶ ساعت ۲۰:۴۷

      سلام، متوجه نشدم منظورتون کدوم بخش هست. طبق فیلم آموزشی پیش برید براحتی میتونید پنل تنظیمات را بسازید.

  14. رامین
    ۲۸ آبان ۱۳۹۶ ساعت ۱۵:۵۹

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

    • رضا کیانوش
      ۲۸ آبان ۱۳۹۶ ساعت ۱۹:۵۵

      سلام، خوشحالم مورد پسند بوده بزودی ادامه آموزش و نحوه کار با سایر فیلدها رو ضبط و منتشر میکنم. موفق باشید

  15. amir
    ۲۳ آبان ۱۳۹۶ ساعت ۰۸:۱۸

    عالی بود

  16. عروسک
    ۱۱ آبان ۱۳۹۶ ساعت ۱۸:۲۰

    سلام واقعا عالی بود. فکر نمی کردم چنین فریمورک کامل و راحتی وجود داشته باشه.ازش میشه برای پلاگین هم استفاده کرد؟

    • رضا کیانوش
      ۱۱ آبان ۱۳۹۶ ساعت ۲۱:۳۴

      سلام ممنون لطف دارید. این فریمورک برای ساخت پنل تنظیمات قالب وردپرس هست و فکر نمیکنم برای طراحی افزونه وردپرس مناسب باشه.

  17. محمد
    ۳ آبان ۱۳۹۶ ساعت ۱۶:۱۰

    درود داش دمت گرم
    اگر بخواهیم با مقادیر دیگه مثل social link یا item list کار کنیم باید خروجی کار رو چه طور قرار بدیم؟ آیا باید یه تابع دیگه براش تعریف کرد؟کجا باید تعریفش کنیم؟

    • رضا کیانوش
      ۳ آبان ۱۳۹۶ ساعت ۱۸:۰۰

      سلام، باید با استفاده از حلقه foreach در محل مورد نظر از قالب وردپرس محتوای داخل list item رو نمایش بدید.

  18. رضا
    ۲۷ مهر ۱۳۹۶ ساعت ۰۲:۳۵

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

    • رضا کیانوش
      ۲۷ مهر ۱۳۹۶ ساعت ۰۵:۳۰

      سلام. لینک دانلود به مطلب اضافه شد. موفق باشید

  19. مرتضی پیری
    ۹ مهر ۱۳۹۶ ساعت ۱۸:۲۱

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

    • رضا کیانوش
      ۹ مهر ۱۳۹۶ ساعت ۲۲:۰۹

      خواهش میکنم، لطف دارید.

  20. حسن
    ۳ مهر ۱۳۹۶ ساعت ۲۳:۴۶

    خب تا کی باید منتظر بمونیم ؟؟؟ فیلم خوبی بود و راحت یاد گرفتیم خسته نباشید

    • رضا کیانوش
      ۴ مهر ۱۳۹۶ ساعت ۰۵:۱۶

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

  21. محمد علی
    ۳ مهر ۱۳۹۶ ساعت ۰۹:۱۲

    آموزش خیلی خوبی بود… تشکر لطفا قسمت های بعدی را هم قرار بدهید

    • رضا کیانوش
      ۳ مهر ۱۳۹۶ ساعت ۱۱:۱۱

      خواهش میکنم. ان شاءالله بزودی مجموعه ی کامل آموزش ساخت کنترل پنل تنظیمات پوسته وردپرس رو ضبط و منتشر میکنم.