آموزش تب تنظیمات پیشرفته ویرایشگر المنتور، قسمت 2

آموزش تب تنظیمات پیشرفته ویرایشگر المنتور، قسمت ۲

با قسمت دوم آموزش تب تنظیمات پیشرفته ویرایشگر المنتور خدمت شما عزیزان و همراهان آمده‌ایم.

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

پیش نیاز این قسمت، مطالعه قسمت اول است و توصیه می‌کنیم ابتدا آن را بررسی و مطالعه کنید.

آموزش المنتور: تعیین پس زمینه برای ویجت

در منوی پس زمینه، شما می‌توانید یک پس زمینه برای ویجت و المان در صفحه تنظیم کنید.

المنتور از همۀ حالت‌ها و استایل‌ها برای پس زمینه مانند رنگ ساده، تصویر و گرادینت پشتیبانی می‌کند.

آموزش المنتور: تعیین پس زمینه برای ویجت
آموزش المنتور: تعیین پس زمینه برای ویجت 2

کافیست نوع پس زمینه را تعیین و سپس گزینه‌ها را به دلخواه خودتان تغییر دهید یا ویرایش کنید.

آموزش المنتور: تعیین پس زمینه برای ویجت 3

با آپشن رنگ، امکان انتخاب رنگ پس زمینه ویجت وجود دارد و همان لحظه تغییر را می‌توانید ببینید.

آموزش المنتور: تعیین پس زمینه برای ویجت gif

حالت گرادینت، ترکیبی از دو رنگ یا چند رنگ است که در طراحی سایت حرفه‌ای پرکاربرد است.

آموزش المنتور: تعیین پس زمینه برای ویجت 4
آموزش المنتور: تعیین پس زمینه برای ویجت 5
آموزش المنتور: تعیین پس زمینه برای ویجت gif 2

در حالت هاور Hover (یعنی قرارگیری ماوس روی المان) همان تنظیمات حالت عادی وجود دارد.

آموزش المنتور: تعیین پس زمینه برای ویجت 6

با این تفاوت، تنها زمانی که کاربر، ماوس را روی المان قرار بدهد، تغییر رنگ انجام می‌شود.

آموزش المنتور: تعیین پس زمینه برای ویجت 7

منوی حاشیه، برای دادن حالت کادر و سایه به ویجت و المان بوده که به معرفی آن می‌پردازیم.

با حالت عادی و هاور در بالا آشنا شدید که در اینجا به سراغ سایر گزینه‌های منوی حاشیه می‌رویم.

آموزش افزونه المنتور پرو - سایت تم فور

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

آموزش المنتور: تعیین پس زمینه برای ویجت 9

مثلاً اگر نوع کادر را روی یکنواخت قرار بدهید و سپس عرض را مشخص کنید، کادری دور ویجت ایجاد می‌شود.

آموزش المنتور: تعیین پس زمینه برای ویجت 10

گزینه گردی کادر (Border Radius) نیز برای گردن کردن حاشیه‌های بالا، پایین، چپ و راست دور کادر است.

آموزش المنتور: تعیین پس زمینه برای ویجت 11
آموزش المنتور: تعیین پس زمینه برای ویجت 12

توسط گزینه سایه کادر، می‌توان یک افکت سایه برای کل کادر نظر گرفت که همۀ موارد قابل شخصی‌سازی است.

آموزش المنتور: تعیین پس زمینه برای ویجت 13

منوی الگو، جهت تعیین یک الگوی پیش‌فرض (همان پترن Pattern) است که شامل شکل‌های مختلف است.

آموزش المنتور: تعیین پس زمینه برای ویجت gif 3

منوی موقعیت یابی برای تنظیم عرض کادر ویجت و جایگاه آن است در صورت نیاز می‌توانید از آن استفاده کنید.

آموزش المنتور: تعیین پس زمینه برای ویجت 14

یکی از مهم‌ترین بخش‌های تب تنظیمات پیشرفته المنتور، منوی حالت واکنشگرا (ریسپانسیو) است.

شما در اینجا می‌توانید تنظیم کنید که ویجت در دسکتاپ، موبایل یا تبلت نمایش داده شود یا خیر.

آموزش المنتور: تعیین پس زمینه برای ویجت 15

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

آموزش المنتور: تعیین پس زمینه برای ویجت 16

منوی ویژگی، برای دادن یک ویژگی (به صورت data-name) به المان یا ویجتی که در صفحه قرار می‌دهد است.

آموزش المنتور: تعیین پس زمینه برای ویجت 17

این گزینه برای توسعه دهندگان و دوستانی که در زمینه کدنویسی فعالیت می‌کنند، کاربردی است.

آموزش المنتور: تعیین پس زمینه برای ویجت 18

در منوی کاستوم سی‌اس‌اس یا Custom CSS شما می‌توانید برای ویجت خود کدنویسی CSS انجام دهید.

این منو نیز همانند منوی ویژگی، برای توسعه دهندگان کاربردی است و برای ویجت می‌توان کدنویسی کرد.

آموزش المنتور: تعیین پس زمینه برای ویجت gif 4

تنها نکته مهم در این بخش اینست که حتماً ابتدا باید نام کلاس یا آیدی نوشته شود و سپس مقدارها.

به تصویری که به صورت گیف GIF که در بالا قرار دادیم توجه کنید که چگونه کدنویسی CSS انجام می‌شود.

از نکات جذاب این قسمت، می‌توان به دارا بودن مقدارها و قوانین CSS است که هنگام تایپ، پیشنهاد می‌شوند.

جمع بندی آموزش تب تنظیمات پیشرفته ویرایشگر المنتور

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

با مطالعه این آموزش‌ها، می‌توانید به سطح حرفه‌ای از صفحه ساز محبوب المنتور دست پیدا کنید.

صفحه ساز المنتور می‌توانید بسیاری از نیازهای شما را در طراحی وب سایت به راحتی رفع کند.

متوجه شدید که بدون نیاز به نوشتن یک خط کدنویسی، می‌توانید صفحه‌های فوق العاده‌ای ایجاد کنید.

تمام تلاش تیم تولید محتوای تم فور، ارائه باکیفیت‌ترین آموزش‌های وردپرس به سبکی نو و حرفه‌ای است.

امیدواریم از این آموزش لذت کافی را برده باشید، هرجاکه هستید سلامت و همیشه موفق باشید.

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید

میانگین رتبه ۵ / ۵. تعداد رای: ۱

این مقاله را با دوستان خود به اشتراک بگذارید

ارسال یک دیدگاه

برای ارسال دیدگاه، نیاز است که را انجام دهید.

دلیل بازپرداخت

اسکرول به بالا