آموزش ایجاد پنل تنظیمات قالب وردپرس با افزونه Option Tree + فیلم
امروزه تمام پوسته های حرفه ای وردپرس دارای پنل تنظیمات قالب وردپرس هستند.
از طریق ساخت کنترل پنل تنظیمات پوسته میتوان بخشهای مختلف قالب را مدیریت و امکانات مورد نظر را به آن اضافه یا کم کرد.
برای ساخت پنل تنظیمات تم وردپرس میتوان از افزونه یا فریم ورک Framework هایی که به صورت متن باز منتشر شده اند استفاده کرد. تفاوت افزونه وردپرس پنل تنظیمات قالب وردپرس با فریمورک در نحوه استفاده و فراخوانی آنها میباشد به شکلی که افزونه را میتوان براحتی بر روی وردپرس نصب کرد و بعد تنظیمات دلخواه را برای پوسته ساخت اما فریمورک آپشن پنل را باید در هنگام طراحی قالب وردپرس با استفاده از توابع متخص به هر پنل به پوسته متصل کرد. استفاده از فریم ورک باعث حرفه ای تر شدن پوسته وردپرس مان میشود زیرا دیگر نیازی به نصب افزونه نیست. در این مطلب از ایران تمز به معرفی و آموزش استفاده از فریمورک پنل تنظیمات پوسته وردپرس Option Tree میپردازیم پس تا انتها همراه ما باشید.
معرفی افزونه OptionTree برای ساخت پنل تنظیمات قالب وردپرس
معمولا تمام فریم ورک هایی که برای ساخت پنل تنیمات معرفی میشوند دارای افزونه وردپرس نیز هستند پس از این به بعد از لفظ افزونه وردپرس پنل تنظیمات پوسته استفاده میکنیم. یکی از بهترین افزونه های معرفی شده برای ساخت پنل پلاگین OptionTree میباشد این افزونه توسط ما نیز در پروژه های طراحی پوسته وردپرس مورد استفاده قرار میگیرد. Option Tree توسط Derek Herman طراحی و برنامه نویسی شده و توسط تم فارست ThemeForest نیز حمایت میشود پس میتوان گفت با یکی از بهترین افزونه های تنظیمات قالب روبرو هستیم. برای دانلود آپشن تری میتوانید به صفحه آن در سایت گیت هاب به آدرس option tree theme یا برگه افزونه در مخزن وردپرس مراجعه کنید.
برخی از مزایای OptionTree عبارتند از:
- قابلیت اتصال به قالب وردپرس بدون نیاز به نصب افزونه
- امکان ساخت تب برای نمایش بخشهای مختلف تنظیمات پوسته
- امکان ساخت متاباکس و زمینه های دلخواه حرفه ای در پوسته
- امکان ساخت فیلد انتخاب تاریخ از تقویم
- امکان ایجاد پنل برای افزودن کدهای جاوا و css
- قابلیت آپلود تصویر یا ایکون از پنل تنظیمات پوسته وردپرس
- امکان ساخت گالری تصاویر برای پنل تنظیمات یا زمینه دلخواه
- دارا بودن چندین فیلد متنی، چک باکس، صحیح غلط، روشن خاموش، لیست و …
- امکان انتخاب دسته بندی وردپرس یا انتخاب دسته از پست تایپ سفارشی
- امکان ساخت لیست تنظیمات برای قرار دادن لیستی از تنظیمات (افزودن بی نهایت تبلیغ یا اسلاید در اسلایدر)
- دارای ویرایشگر متنی برای افزودن توضیحات
- قابلیت آپلود تصویر یا فایل و استفاده از کدهای html در ویرایشگر متنی
- و …
آموزش ایجاد کنترل پنل تنظیمات قالب وردپرس توسط Option Tree
برای ایجاد بخش کنترل پنل تنظیمات پوسته ابتدا از طریق لینکهایی که در بالا معرفی شد فریم ورک را دانلود کنید.
سپس با مشاهده فیلم آموزشی زیر میتوانید براحتی گزینه های مورد نظر را برای مدیریت پوسته در پنل تنظیمات ایجاد کنید. توسط این لینک میتوانید نسخه فارسی افزونه option tree به همراه کدها و توابع لازم جهت استفاده در قالب وردپرس را دانلود کنید.
اگر میخواهید پنل تنظیمات کاملا حرفه ای برای پوسته وردپرس تان طراحی کنید، این دوره آموزشی را از دست ندهید.
دوره آموزشی ساخت پنل تنظیمات حرفه ای برای قالب وردپرس
در این دوره اموزشی نحوه ساخت پنل تنظیمات توسط فریمورک optiontree و چند فریمورک دیگر را فراخواهید گرفت.
ویژگی های دوره آموزشی ایجاد پنل تنظیمات پوسته عبارتند از:
- قابلیت اتصال فریمورک های پنل تنظیمات به قالب وردپرس بدن نیاز به نصب افزونه
- امکان ساخت پنل تنظیمات با انواع فیلدهای متنی، آپلود تصویر، ویرایشگر دیداری و متنی و …
- ساخت پنل تنظیمات حرفه ای بدون نیاز به کدنویسی
- تمام کدهای مورد نیاز در دوره آموزشی قرار دارند (تنها کدهای لازم را در قالب وردپرس تان قرار دهید)
- امکان ایجاد پنل تنظیمات برای هر نوع قالب وردپرس
- در این دوره آموزشی اتصال پنل تنظیمات به قالب 2017 وردپرس صورت میگیرد.
- پشتیبانی از طریق تیکت
این دوره آموزشی مناسب چه افرادی است؟
- اگر طراح قالب وردپرس هستید
- اگر مدیر سایت وردپرسی هستید
- اگر پشتیبانی سایتهای وردپرسی هستید
- اگر میخواهید قالب وردپرس حرفه ای طراحی کنید
- اگر در حال یادگیری طراحی قالب وردپرس هستید
پیش نیاز این دوره تنها آشنایی اولیه با کدهای html و css و توابع وردپرس است.
بلافاصله پس از پرداخت امکان دانلود دوره آموزشی ایجاد پنل تنظیمات پوسته وردپرس وجود دارد.
توجه داشته باشید دوره آموزشی در حال تکمیل شدن است و تا به حال 11 قسمت منتشر شده است و به زودی تکمیل می شود.
سلام میخواستم دوره رو خریداری کنم. شدید نیازمه.
دوره کامل شده یا هنوز کامل نشده؟؟؟
سلام وقت بخیر، در حال حاضر 5 قسمت منتشر شده، بزودی دوره کامل میشه … شما میتونید دوره رو تهیه کنید و به مرور از طریق پروفایل به قسمت های بعدی هم دسترسی پیدا کنید.
سلام وقت شما بخیر ، من دارم از چک باکس در قسمت متا ها استفاده میکنم میخوام بدونم چطور باید اطلاعات رو فراخوانی کنم میدونم از حلقه foreach باید استفاده کنم ولی هر کاری کردم نشد امکانش هست اگه حلقه نمایش اطلاعات رو اینجا بزارید با تشکر از شما و سایت خوبتون
سلام وقت بخیر، آموزش کامل ساخت پنل تنظیمات قالب وردپرس در حال ضبط هست که میتونید با تهیه دوره آموزشی هم به کدها و هم به فیلم های آموزشی دسترسی پیدا کنید.
سلام مهندس آموزش استفاده از تنظیمات قالب در css آماده نشد ؟؟
سلام وقت بخیر، فیلم آموزشی این قابلیت در دوره آموزشی ساخت پنل تنظیمات که لینک خریدش درمقاله موجوده قرار داده شده که میتونید با تهیه دوره آموزشی از اون استفاده کنید.
دوره آموزش استفاده از تنظیمات قالب در css آماده نشد ؟؟
سلام من یه متا باکس ساختم برای گالری محصول حالا اونو چطور فراخوانی بکنم؟
سلام وقت بخیر، در حال تهیه دوره آموزشی هستیم که طی این هفته منتشر میشه و پاسخ تمام سوالات تون در دوره گنجانده میشه. لطفا تا انتشار دوره آموزشی ساخت پنل تنظیمات قالب وردپرس منتشر باشید. با تشکر
سلام لطفا قسمت های بعدی فیلم آموزشی “آموزش ایجاد پنل تنظیمات قالب وردپرس با افزونه Option Tree” را هم قرار بدهید.
فک کنم یادتون رفت قرار بود خیلی وقت پیش قرارش بدید!!؟؟
سلام وقت بخیر، بزودی دوره آموزشی ساخت پنل تنظیمات قالب وردپرس آماده و منتشر میشه. موفق باشید
سلام مهندس دو تا قالب وردپرس دارم برای موزیک یکیش پلیر البوم داره یکیش نداره میشه امکان پلیر البوم رو به قالبی که نداره اضافه کنین؟با هزینه
سلام وقت بخیر، برای ارسال سفارش از فرم تماس یا ارسال سفارش استفاده کنید. با تشکر
سلام ممنون از آموزشای خوبتون ، یه سوال داشتم
میشه بگین چطور از پی اچ پی داخل سی اس اس استفاده کنیم
سلام وقت بخیر، بزودی آموزش میدم. موفق باشید
سلام ممنون عالی بود فقط یک سوال من از قبل تنظیمات قالب داشتم از کار افتاد میتونم از این استفاده کنم؟
سلام وقت بخیر، بله میتونید از این پنل تنظیمات قالب وردپرس استفاده کنید.
لطفا یه توضیح مختصری همینجا بدید که چطوری میتونم css رو سفارشی کنم ؟ یعنی مثلا عکس بکگراند پوسته تو css هست میخوام کاربر بتونه تو option panel براحتی عکس بک گراند مورد نطرشو انتخاب کنه در واقع تو فایل های html براحتی به جای اون عکس موردنظر تابع option tree رو قرار میدم اما تو css نمیدونم چجوری باید قرار داد
تشکر بابت آموزش و زحمتی که کشیدید اما فکر کنم تست نکردید ببینید تنظیمات در قالب فراخوانی میشن یا نه!
نمیدونم مشکل دقیقاً کجاست ولی قطعاً یه جایی از کدها ایراد داره چون به هر نحوی و هرکاری انجام دادم در قالب فراخوانی نمیشه!
سلام وقت بخیر، ما از این پنل تنظیمات در بیش از 60 قالب وردپرس داریم استفاده میکنیم و هیچ مشکلی در فراخوانی توابع نداریم! مطمعنا یه جای کار رو اشتباهی انجام دادید.
سلام خیلی ممنونم که دانشتون رو با ما رایگان به اشتراک میذارید! میخواستم بدونم چطور میتونم با این پنل توی css بکگراند رو دست کاربر بذارم یعنی با اپلود تصویر توی پنل اون تصویر بشه بکگراند سایت از اونجاییم که میدونم php توی css امکان نداره ، میشه راهنمایی کنید خیلی متشکرم
سلام وقت بخیر، خوشحالم آموزشهای ایران تمز رو پسندید. php داخل css امکان داره و میشه کدهای php رو داخل توابع css استفاده کرد. در مجموعه آموزشی که در حال تولیدش هستیم تمام این موارد آموزش داده میشه و میتونید براحتی پنل تنظیمات قدرتمندی ایجاد کنید. پس تا انتشار مجموعه صبر کنید. موفق باشید
سلام آموزش خیلی مفیدی بود ولی کاش فایل هایی که استفاده کردید رو برای دانلود میذاشتید 🙂
سلام. بسیار تشکر میکنم از آموزش بیسار خوبتون. خیلی خیلی کاربردی بود. یه سوال داشتم. بنده در بخش تنضیمات پوسته چند فیلد را اضافه نمودم اعم از نام، شماره، سن و … اما کد مربوط به فراخوانی هر یک از این فیلدها در قالب رو نمیدانم. اگر امکانش هست کدش رو اینجا میفرستید برام؟؟
سلام وقت بخیر، خوشحالم مورد پسندتون بوده. در دقیقه 10 تا 10:15 فایل header رو نمایش دادیم که از تابع ot_get_option برای فراخوانی فاویکن با شناسه favicon استفاده شده که میتونید از این تابع استفاده کنید. بزودی مجموعه فیلم آموزشی فارسی کامل استفاده از انواع فیلدهای افزونه رو منتشر میکنیم. موفق باشید.
بسیار تشکر میکنم. اگر بفرمایید که حدودا چه زمانی این آموزش ها منتشر میشه ممنون میشم
خواهش میکنم، خیلی زود !
با سلام ۰۳ مهر ۹۶ گفته بودید : “ان شاءالله بزودی مجموعه ی کامل آموزش ساخت کنترل پنل تنظیمات پوسته وردپرس رو ضبط و منتشر میکنم.”
پس چه زمانی قرار میدید؟ با تشکر
سلام وقت بخیر، ضبط فیلم آموزشی نیازمند برخی امکانات سخت افزاری و همچنین موقعیت مناسب و … هست به همین دلیل تهیه مجموعه کمی دشوار میشه اما در حال آماده سازی چندین دوره اموزشی هستیم که به مرور روی سایت منتشر میشن. مجموعه فیلم های اموزشی ساخت پنل تنظیمات قالب وردپرس رو هم ان شاءالله تا تیر ماه منتشر میکنیم.
میشه تک تک ویجت ها و نحوه استفاده از ویجت هارو هم آموزش بدید خیلی کامل چون آموزشش رو هیچ جا پیدا نکردم همه یه توضیح سطحی دادن و رفتن
سلام وقت بخیر، در حال تهیه آموزش کاملی از افزونه پنل تنظیمات قالب وردپرس هستیم که ان شاءالله بزودی منتشر میشه. موفق باشید
باسلام و خدا قوت به شما مديريت محترم سايت و همکاران عزيزتان از بابت اينکه مقالات آموزشي خيلي خوب و با کيفيت توليد مي کنيد از شما سپاسگزاريم. برايتان موفقيت روز افزون از پروردگار يکتا آرزومندم!
یعنی مثلا به جای متغیر ‘autoplayTimeout’: 4000 تو کدهای جی کوئری اسلایدر مثلا از کد زیر استفاده کنم؟
یه سوال دیگه در مورد متن و لینک دارم که با این افزونه میشه ساخت. من میخوام یه فیلد بسازم مثلا یه باکس دارم که هم یه متن داره و هم لینک، حالا میخوام یه قسمتی رو برای این باکس تو پنل تنظیمات در نظر بگیرم که عنوانش مثلا باکس خدمات هستش حالا زیر این تنظیمات دو تا قسمت با تایپ text هست که تو یکیش میشه لینک رو تعیین کرد تو اون یکی متن باکس رو کد زیر رو قرار دادم نشد میشه در مورد اینم راهنمایی بکنید.
اینم عکس همین توضیحاتی هست که در مورد کد دادم تو یکی از قالبهای خریداری شدم هست
نمیخوام بخش لینک و متن از هم جدا باشه، میخوام یه بخش باشه با اسم باکس اول بعد دو تا تایپ text زیرش باشه برای نوشتن متن و لینک. فکر کنم منظورمو تونستم برسونم
فیلم آموزش رو مشاهده کنید. مثل فیلدی که در فیلم تعریف کردم یه فیلد با نام زمان چرخش اسلایدر بسازید بعد کد فراخوانی اون فیلد رو بجای 4000 بزارید. حقیقتا بیشتر از این نمیشه توضیح داد اگر بازم مشکل دارید در انجمن های تخصصی وردپرس مطرح کنید یا کارتون رو به یک وردپرس کار بسپرید تا براتون انجام بده. موفق باشید
سلام اقای کیانوش بابت آموزش خوبتون ممنونم. یه سوال در مورد اسلایدرها دارم، آیا میشه یه متغیر تعریف کرد برای سرعت حرکت اسلایدها
اگه میشه یه توضیح کوتاه بدید که چطور باید از متغیر تعریف شده تو کدها استفاده کرد تا به نسبت تغییرات سرعت حرکت اسلایدها هم تغییر کنه
من یه کد تو پنل آپشن نوشتم ولی نمیدونم کجا و چطور باید ازش استفاده کنم لطفا راهنمایی کنید.
سلام خوشحالم مورد پسندتون بوده. یه فیلد متنی معمولی بسازید و سرعت حرکت اسلایدر که معمولا برحسب ممیلی ثانیه هست رو داخلش بزارید بعد کد فراخوانی فیلد رو در کدهای جی کوئری اسلایدر بزارید.
با سلام چطوری میشه تنظیمات صفحه اصلی رو قرار داد ؟ برای مثال چیدمان صفحه اصلی رو بتونیم اعمال کنیم و یا اینکه صفحه اصلی برگه باشه یا آخرین نوشته ها ؟ ویا اینکه اسلایدر چند صفحه باشه و راحت بشه اعمال کرد ؟
سلام وقت بخیر، برای تعیین محتوای صفحه اصلی باید از بخش تنظیمات وردپرس > خواندن، گزینه “صفحهنخست شما نمایش میدهد” را تنظیم کنید. بزودی در یک پکیج فیلم آموزشی نحوه ساخت بخشهای مختلف پنل تنظیمات با استفاده از توابع افزونه را آموزش خواهم داد. مجبور شدم کتابی بنویسم D: موفق باشید.
سلام چطور میشه دسته محصولات رو اضافه کرد. کد فراخوانی دسته محصولات رو لطفا قرار بدید. چیزهای که موجود هستش فقط فراخوانی دسته پست ها هستش. ممنون میشم پاسخ بدید
سلام وقت بخیر توی توابع مربوط به فراخوانی نوشته ها گزینه post type وجود داره که باید post type دلخواه رو بزارید. افزونه ووکامرس از پست تایپ یا پست سفارشی product و افزونه فروش محصولات دانلودی edd از پست سفارشی download استفاده میکنه.
تشکر انجام شد و یک مورد دیگه حالا مورد سؤالم هست: الان کد کوتاه نمایش دسته ی محصولات من شده این: حالا میخوام این رو توی یک اسلایدر استفاده کنم و بگم که این اسلایدر با توجه به انتخاب دسته بندی از پنل تنظیمات، محصولات رو نمایش بده و از این کد دارم استفاده می کنم: code
حالا سؤال من اینجاست چطوری کد کوتاه رو در حلقه ای بالا استفاده کنم؟ خیلی سعی کردم اما متاسفانه کد عمل نمیکنه. ممنون میشم راهنمایی بفرمایید.
برای این مورد باید کمی با برنامه نویسی php و توابع وردپرس آشنایی داشته باشید. اگر به راهنمایی بیشتری نیاز دارید در انجمنهای تخصصی وردپرس تاپیک بزنید. موفق باشید
سلام من وقتی وارد پنل نمایش > تنظیمات قالب > قالب بندی میرم که نوع قالب بندی رو تغییر بدم هیچ چیزی نشون داده نمیشه. بقیه گزینه ها محتواشون قابلیت ادیت داره غیر از قالب بندی باید چکاری انجام بدم. ممنون
سلام، متوجه نشدم منظورتون کدوم بخش هست. طبق فیلم آموزشی پیش برید براحتی میتونید پنل تنظیمات را بسازید.
با سلام ممنون از اموزش عالیتون. لطفا هر چه زودتر مجموعه کاملشو قرار دهید
سلام، خوشحالم مورد پسند بوده بزودی ادامه آموزش و نحوه کار با سایر فیلدها رو ضبط و منتشر میکنم. موفق باشید
عالی بود
سلام واقعا عالی بود. فکر نمی کردم چنین فریمورک کامل و راحتی وجود داشته باشه.ازش میشه برای پلاگین هم استفاده کرد؟
سلام ممنون لطف دارید. این فریمورک برای ساخت پنل تنظیمات قالب وردپرس هست و فکر نمیکنم برای طراحی افزونه وردپرس مناسب باشه.
درود داش دمت گرم
اگر بخواهیم با مقادیر دیگه مثل social link یا item list کار کنیم باید خروجی کار رو چه طور قرار بدیم؟ آیا باید یه تابع دیگه براش تعریف کرد؟کجا باید تعریفش کنیم؟
سلام، باید با استفاده از حلقه foreach در محل مورد نظر از قالب وردپرس محتوای داخل list item رو نمایش بدید.
سلام و خسته نباشید. لطفا فایل این آموزش را نیز قرار دهید. باتشکر از زحمات شما.
سلام. لینک دانلود به مطلب اضافه شد. موفق باشید
تشکر از شما خیلی مقاله عالی بود .
خواهش میکنم، لطف دارید.
خب تا کی باید منتظر بمونیم ؟؟؟ فیلم خوبی بود و راحت یاد گرفتیم خسته نباشید
سعی میکنم زودتر بقیه قسمتهاش رو ضبط کنم. لطف دارید.
آموزش خیلی خوبی بود… تشکر لطفا قسمت های بعدی را هم قرار بدهید
خواهش میکنم. ان شاءالله بزودی مجموعه ی کامل آموزش ساخت کنترل پنل تنظیمات پوسته وردپرس رو ضبط و منتشر میکنم.