وقتی از ماژول فیلم استفاده می کنید ، افزودن فیلم به صفحه خود در Divi ساده است. این ماژول به شما امکان می دهد فیلم ها را از هر منبع جاسازی کنید ، همچنین می توانید تصویر بند انگشتی و دکمه پخش را نیز سفارشی کنید.
نحوه اضافه کردن ماژول ویدیویی به صفحه خود
قبل از اینکه بتوانید یک ماژول ویدیویی به صفحه خود اضافه کنید، ابتدا باید به Divi Builder بروید. از وقتی که تم دیوی در وب سایت خود نصب شده است، متوجه یک دکمه خواهید شد از Divi ساز استفاده کنید در هر زمان که صفحه جدیدی ایجاد کردید ، بالای ویرایشگر پست قرار بگیرید. برای فعال سازی Divi Builder و دسترسی به همه ماژول های Divi Builder بر روی این دکمه کلیک کنید. سپس بر روی دکمه کلیک کنید از Visual Builder استفاده کنید برای شروع ژنراتور در حالت تصویری. همچنین می توانید بر روی دکمه کلیک کنید از Visual Builder استفاده کنید اگر به داشبورد وردپرس خود متصل هستید ، وب سایت خود را در پیش زمینه مرور می کنید.
پس از ورود به Visual Builder ، می توانید بر روی دکمه خاکستری بعلاوه کلیک کنید تا یک ماژول جدید به صفحه خود اضافه کنید. ماژول های جدید فقط می توانند در داخل ردیف ها اضافه شوند. اگر صفحه جدیدی را شروع می کنید ، به یاد داشته باشید که ابتدا یک ردیف به صفحه خود اضافه کنید.
حالت ویدیویی را در لیست حالت ها پیدا کرده و بر روی آن کلیک کنید تا به صفحه شما اضافه شود. لیست mod قابل جستجو است ، به این معنی که شما همچنین می توانید کلمه "video" را تایپ کنید و سپس enter را کلیک کنید تا به طور خودکار mod video را پیدا کنید و اضافه کنید! پس از اضافه شدن ماژول ، لیست گزینه های ماژول به شما خوش آمد می گوید. این گزینه ها به سه گروه اصلی تقسیم می شوند: محتویات , تصور et پیشرفته .
از مثال موردی استفاده کنید: افزودن فیلم به صفحه مقصد
افزودن یک ویدیو به صفحه فرود یک راه عالی برای این کار است ترویج محصولات شما و افزایش تبدیل. در این مثال، من به شما نشان خواهم داد که چگونه می توانید از ماژول ویدیو برای افزودن یک ویدیو به صفحه فرود خود استفاده کنید. من یک دایره قرمز را در جایی که ویدیو باید برود قرار دادم.
با استفاده از Visual Builder ، یک بخش جدید با یک ردیف عرض کامل (1 ستون) اضافه می کنم. در تنظیمات ردیف ، در زیر زبانه Design ، گزینه "استفاده از عرض سفارشی" را انتخاب می کنم. برای گزینه Custom Width که ظاهر می شود ، عرض سفارشی 767px را وارد می کنم. این اطمینان می دهد که ماژول ویدیویی که می خواهم در این ردیف اضافه کنم از این عرض فراتر نرود و در اندازه های بزرگتر صفحه بزرگتر شود.
سپس ماژول فیلم را به ردیف اضافه می کنم. در زیر زبانه محتوا در تنظیمات ماژول ویدئو ، URL ویدیوی ویدیویی را که می خواهم در صفحه مقصد قرار دهم وارد می کنم. من از URL یک ویدیوی YouTube برای این مثال استفاده می کنم.
سپس با کلیک بر روی دکمه "تولید ویدیو" یک url همپوشانی تصویر برای فیلم خود اضافه می کنم. این به طور خودکار یک قاب را از ویدئو بیرون می کشد تا به عنوان یک پوشش با نماد ویدیوی سفارشی جدید عمل کند.
در زیر تب Design ، رنگ نماد پخش را تغییر می دهم تا با صفحه فرود خود مطابقت داشته باشد.
اکنون من یک ویدیو برای صفحه فرود خود دارم که تمیز به نظر می رسد و با طرح من مطابقت دارد.
اکنون که حالت فیلمبرداری را مشاهده کردید ، در بخش های زیر به تمام تنظیمات آن بروید. ما به طور دقیق جزئیات آنچه را که در هر برگه تنظیمات ماژول پیدا خواهید کرد و توضیحی درباره آنچه که هرکدام از آنها انجام می دهیم ارائه داده ایم.
گزینه های محتوا
URL ویدیو
ماژول Divi Video به شما امکان می دهد با استفاده از دو روش مختلف فیلم اضافه کنید. با کلیک روی دکمه "بارگیری ویدیو" و انتخاب فایل مورد نظر ، می توانید فایل ویدیویی خود را از رایانه بارگذاری کنید یا می توانید هر URL ویدیو را از منبع ویدیوی شخص ثالث مانند Youtube وارد کنید یا ویمئو فقط URL را از مرورگر خود کپی و جایگذاری کنید و آن را در قسمت URL Video قرار دهید و Divi از بقیه مراقبت خواهد کرد!
آدرس اینترنتی همپوشانی تصویر
اگر می خواهید یک تصویر کوچک تصویر سفارشی تنظیم کنید ، که با ایجاد یک دکمه پخش سفارشی روی رابط ویدیوی استاندارد قرار می گیرد تا ظاهری تیزتر و سبک تر ایجاد کند ، می توانید این کار را با استفاده از قسمت Image Overlay انجام دهید. این کنترل به شما امکان می دهد تصویر شخصی شده خود را بارگذاری کنید ، یا به طور خودکار به Divi اجازه دهید تا از URL ویدیوی شما تصویر ایجاد کند. اکثر ارائه دهندگان ویدیو مانند Youtube و Vimeo از این گزینه پشتیبانی می کنند. به سادگی بر روی دکمه "تولید فیلم" کلیک کنید و اجازه دهید Divi از بقیه موارد مراقبت کند!
برچسب مدیریت
به طور پیش فرض ، ماژول فیلم شما با برچسب 'Video' در ژنراتور ظاهر می شود. برچسب Admin به شما امکان تغییر این برچسب را برای شناسایی آسان می دهد.
گزینه های طراحی
تغییر رنگ آیکون
اگر برای غلاف ویدیوی خود یک پوشش تصویری تعیین کنید ، ویدیوی نمایش داده شده حاوی یک نماد پخش روی ویدیو است. شما می توانید رنگ این نماد را در اینجا تعیین کنید تا با رنگهای صفحه خود مطابقت داشته باشد.
گزینه های پیشرفته
شناسه و کلاس CSS
این می تواند برای اضافه کردن شناسه CSS یا کلاس به ماژول شما استفاده شود. سپس می توان از اینها در صفحه سبک شما یا در جعبه تنظیمات تم سفارشی CSS استفاده کرد تا سبک سفارشی را روی ماژول اعمال کند. شناسه های CSS همچنین می توانند با پیوندهای لنگر برای پیوند دادن به مناطق خاصی از صفحه شما هدف قرار گیرند.
CSS سفارشی
در اینجا می توانید CSS سفارشی را به ماژول ویدیوی خود اضافه کنید.
دید
اگر می خواهید ماژول ویدیوی خود را در برخی دستگاه ها مخفی کنید ، می توانید دستگاه هایی را که می خواهید ماژول ویدیو را غیرفعال کنید ، انتخاب کنید.
[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]دانلود تم DIVI [/vcex_button][/vc_colum][/vc_colum] /1″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=2&url=23065&tid40632=tutorials” target=”blank” layout=”expanded” align=”family” =_font ”Raleway” font_weight=”1″ style=”flat” custom_background=”#c700e” custom_hover_background=”#4226d8f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-NAD”]DOW قالب DIVI[/vcex_button][/vc_column][/vc_row]
سایر آموزشهای دوگانه
- سایت های رستوران 5 که از موضوع دووی استفاده می کنند
- چگونه برای اضافه کردن متن در محصول Divi WooCommerce
- چگونه می توان رنگ منو را بین صفحات Divi تغییر داد
- نحوه شخصی سازی شبکه های یک وبلاگ با Divi
- نحوه استفاده از ویرایشگر نقش دووی در وردپرس
- نحوه ایجاد یک نوار لغزنده تمام صفحه Divi
- چگونگی تغییر رنگ منوها بین صفحات Divi
- ویژگی هایی که احتمالاً در مورد Divi نمی دانید
- نحوه استفاده از Divi Builder در وردپرس
- نحوه استفاده از ماژول پیمایش ویدئو Divi
- نحوه استفاده از ماژول Flip Builder Divi
- نحوه اضافه کردن ماژول توصیفی در Divi Builder
- نحوه استفاده از ماژول متن دووی
- نحوه ایجاد کشویی در دیوی
- نحوه ویرایش نقش کاربر Divi
- نحوه استفاده از ماوی رسانه اجتماعی Divi
- نحوه استفاده از ماژول فروشگاه با موضوع WordPress Divi
- نحوه استفاده از ماوی نوار کناری Divi
- نحوه استفاده از ماژول جدول قیمت دووی
- چگونه از عنوان ماژول نشریات دووی استفاده کنیم
- نحوه اضافه کردن ماژول ویدیویی از دیوی
- نحوه استفاده از ماژول ناوبری مقاله
- چگونه از ماوی جستجوی Divi استفاده کنیم
- چگونه از ماژول کیف پول Divi استفاده کنیم
- نحوه استفاده از ماژول شخص در Divi Builder
- نحوه استفاده از ماژول کیف پول با فیلتر Divi
- نحوه استفاده از ماژول کشویی عرض کامل
- نحوه استفاده از ماژول Image Divid Builder
- نحوه استفاده از ماژول ناوبری تمام عرض Divi Builder
- نحوه استفاده از ماژول گالری تصاویر
- نحوه استفاده از ماوی کارت Width Divi Builder
- نحوه استفاده از ماژول Portfolio Full Width Divi
- نحوه استفاده از ماژول هدر تمام عیار Divi
- چگونه از ماوی شمارنده Divi استفاده کنیم
- نحوه استفاده از نوار لغزنده مقالات در Divi Builder
- نحوه استفاده از ماژول Divi ایمیل Optin