آموزش تغییر پس زمینه در المنتور

آموزش تغییر پس زمینه در المنتور
Share on twitter
Share on facebook
Share on telegram
Share on whatsapp

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

 تغییر پس زمینه در المنتور به تصویر

برای اینکار مطابق مراحل زیر عمل کنید.

  1. برای ورود به بخش تنظیمات سکشن – Section Settings روی دسته کلیک کنید.
  2. در منوی استایل – Style به پس زمینه – Background > نوع پس زمینه – Background Type > کلاسیک – Classic بروید.
  3. در زیر تصویر روی علامت + کلیک کنید و تصویر خود را انتخاب کنید تا به عنوان پس زمینه قرار گرفته شود.

 تغییر پس زمینه در المنتور به تصویر


تغییر پس زمینه در المنتور به گرادینت

برای ایجاد پس زمینه گرادیانت، بدون استفاده از CSS، این مراحل را دنبال کنید.

اضافه کردن یک بخش

  1.  روی افزودن سکشن – Add Section کلیک کنید
  2. یک ابزارک را به داخل آن بکشید.
  3. روی دسته تنظیمات سکشن – Section Settings کلیک نمایید.
  4. به قسمت استایل – style > پس زمینه – Background بروید
  5.  در قسمت نوع پس زمینه روی آیکون آیکون گرادینت کلیک نمایید تا وارد تنظیمات گرادینت شوید.

تنظیمات پس زمینه گرادیانت

  1. رنگ – Color: اولین رنگ گرادیانت را تنظیم کنید.
  2. موقعیت – Color: مکان اولین رنگ را تنظیم کنید. این کار بر نحوه انتشار رنگ تأثیر خواهد گذاشت.
  3. رنگ دوم – Second color: رنگ دوم گرادیانت را تنظیم کنید.
  4. موقعیت – Color: موقعیت رنگ دوم را تنظیم کنید. این کار بر نحوه انتشار رنگ تأثیر خواهد گذاشت.
  5. نوع – Type: بین ی گرادیانت خطی یا شعاعی یکی را انتخاب کنید.
  6. زاویه – Angle: زاویه گرادیانت را تنظیم کنید.

تغییر پس زمینه در المنتور به گرادینت


تغییر پس زمینه المنتور به ویدیو

می‌توانید یک ویدئو را به عنوان پس زمینه یک بخش تنظیم کنید با این کار، این امکان برای شما فراهم می‌شود تا هدرهای قهرمانانه جالب و قسمت‌های جذاب دیگری را در صفحه خود ایجاد کنید. گزینه‌های تغییر پس زمینه در المنتور به ویدیو را می‌توانید در تب استایل – Style مشاهده کنید.
برای تغییر پس زمینه به ویدیو مراحل زیر را طی نمایید.

  1.  نوع پس زمینه – Background Type:بر روی آیکون ویدیو کلیک کنید.
  2.  پیوند ویدیو – Video Link: لینک یوتیوب ، Vimeo یا .mp4 را به ویدئو وارد کنید( برای فیلم های آپارات آدرس فایل ویدیو را قرار دهید)
  3. زمان شروع – Start Time: زمان شروع را با واحد ثانیه مشخص کنید.
  4. زمان پایان – End Time: زمان پایان را با واحد ثانیه مشخص کنید.
  5. پخش برای یک بار – Play Once: برای پخش فیلم پس زمینه تنها یک بار بدون تکرار آن این گزینه را روی بله – yes قرار دهید.
  6. پخش در تلفن همراه – Play on Mobile: برای پخش ویدیوی پس زمینه در دستگاه‌های تلفن همراه (اگر تلفن همراه از نمایش پس زمینه ویدئویی پشتیبانی کند)، این گزینه را روی بله – yes قرار دهید.
  7. پس زمینه جایگزین – Background Fallback: برای جایگزین کردن ویدئو پس زمینه در دستگاه‌های تلفن همراه و تبلت، یک تصویر بارگذاری کنید، زیرا فیلم‌های پس زمینه در دستگاه‌های تلفن همراه غیرفعال می‌شوند تا از هدر رفتن مرورگر و تخلیه پهنای باند جلوگیری شود.

نکته : برای تاریک کردن ویدئو یا اضافه کردن پوشش رنگ شخصی خود از روکش پس زمینه – Background Overlay استفاده کنید.

توجه : یوتیوب API خود را در سپتامبر 2018 تغییر داد و دیگر اجازه نمی‌دهد نمایش فیلم های مرتبط غیر فعال شوند. پارامتر “rel = 0” دیگر کار نمی‌کند. علاوه بر این ، فیلم‌های پس زمینه اکنون به طور خلاصه عنوان فیلم را نشان می‌دهند. المنتور نمی‌تواند این را مورد غیرفعال کند زیرا تنها توسط یوتیوب کنترل می شود.
توجه : فقط حساب‌های پریمیوم Vimeo می‌توانند کنترل‌ها و عناوین ویدئوی پس زمینه Vimeo را حذف کنند.


پس زمینه با نمایش اسلایدی (slideshow)

شما می‌توانید برای هر بخش، ستون یا قسمتی یک پس زمینه تصاویر به صورت اسلایدی قرار بدهید. این امکان به شما اجازه می دهد تا در حالی که اثر گذاری را حفظ می کنید ساختار و چیدمان های پیچیده تری بسازید.
تنظیمات و گزینه‌های نمایش اسلایدی پس زمینه را می‌توانید در تب استایل – Style یک بخش یا ستون مشاهده کنید.

تغییر پس زمینه در المنتور به اسلاید تصاویر
استایل

پس زمینه

  1. نوع پس زمینه – Background Type: آیکون پس زمینه اسلایدی – Slideshow آیکون پس زمینه اسلایدی را انتخاب کنید.
  2. افزودن تصاویر – Add Images: برای انتخاب تصاویر جهت نمایش، روی دکمه اضافه کردن تصویر کلیک کنید. پس از انتخاب عکس، بر روی دکمه ایجاد گالری جدید کلیک کرده و پس از آن بر روی دکمه درج گالری – Insert Gallery کلیک نمایید.
  3. حلقه بی نهایت – Infinite Loop: حلقه بی نهایت را روی بله – YES تنظیم کنید تا پس از پایان لیست تصاویر، تصاویر از ابتدا مجددا تکرار شوند.
  4. مدت زمان نمایش اسلایدها – Slide Duration: مدت زمان نمایش هر اسلاید را با واحد میلی ثانیه تنظیم کنید.
  5. حرکت اسلاید – Slide Duration: از میان گزینه های Fade ، Slide Right ، Slide Left ، Slide Down یا Slide Up یک گزینه را انتخاب کنید تا جهت حرکت اسلاید مشخص شود.
  6. مدت زمان حرکت – Transition Duration: سرعت تغییر اسلایدها از یکی به دیگری را با واحد میلی ثانیه تنظیم کنید.
  7. افکت Ken Burns : برای فعال کردن این افکت محبوب بزرگنمایی تصویر پس زمینه حالت روی بله – YES قرار بدهید.
  8. جهت زوم – Zoom Direction : اگرافکت Ken Burns روی Yes تنظیم شده باشد، این گزینه اضافی ظاهر می‌شود که با استفاده از آن می توان جهت بزرگنمایی را به سمت داخل یا خارج تنظیم کرد.

تغییر پس زمینه در المنتور به اسلاید تصویر


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

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

  1.  یک بخش جدید اضافه کنید.
  2. بروید به سکشن – Section > استایل – Style > جدا کننده – Shape Divider
  3. نوع نمایش در بالا یا پایین بخش را انتخاب کنید.
  4. نوع – Type : برای انتخاب نوع سبک پس زمینه روی دکمه کشویی کلیک نمایید و یک مورد را انتخاب نمایید.
  5. رنگ – Color : با استفاده از این گزینه یک رنگ برای آن انتخاب کنید .
  6. عرض – Width : عرض شکل را تنظیم کنید.
  7. ارتقاع – Height : ارتفاع تقسیم کننده را را وارد نمایید.
  8. فلیپ – Flip: مسیر جدا کننده را تغییر بدهید.
  9. جلو آوردن – Bring to front : جدا کننده خود را در جلوی اشیای دیگر قرار بدهید.

قرار دادن پس زمینه های گرافیکی در المنتور

Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on telegram
Share on whatsapp
Share on email
Share on print
Share on facebook

دریافت مقالات ناب

مقالات شبیه مقالات بالا رو هر هفته میفرستیم به ایمیلتون

یک پاسخ

  1. با دوررد به هموطن عزیز سوال داشتم آیا وردپرس با المنتر بهتره یا بدون آن البته در فیلمهأی که شما گذاشتید دیدم کار المنتر خوبه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

سوالی داری؟ چت با واتساپ