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

نحوه اضافه کردن ماژول ویدیویی به صفحه خود

قبل از اینکه بتوانید یک ماژول ویدیویی به صفحه خود اضافه کنید، ابتدا باید به Divi Builder بروید. از وقتی که تم دیوی در وب سایت خود نصب شده است، متوجه یک دکمه خواهید شد از Divi ساز استفاده کنید در هر زمان که صفحه جدیدی ایجاد کردید ، بالای ویرایشگر پست قرار بگیرید. برای فعال سازی Divi Builder و دسترسی به همه ماژول های Divi Builder بر روی این دکمه کلیک کنید. سپس بر روی دکمه کلیک کنید از Visual Builder استفاده کنید برای شروع ژنراتور در حالت تصویری. همچنین می توانید بر روی دکمه کلیک کنید از Visual Builder استفاده کنید اگر به داشبورد وردپرس خود متصل هستید ، وب سایت خود را در پیش زمینه مرور می کنید.

سازنده دو

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

ماژول ویدیو divi.png

حالت ویدیویی را در لیست حالت ها پیدا کرده و بر روی آن کلیک کنید تا به صفحه شما اضافه شود. لیست mod قابل جستجو است ، به این معنی که شما همچنین می توانید کلمه "video" را تایپ کنید و سپس enter را کلیک کنید تا به طور خودکار mod video را پیدا کنید و اضافه کنید! پس از اضافه شدن ماژول ، لیست گزینه های ماژول به شما خوش آمد می گوید. این گزینه ها به سه گروه اصلی تقسیم می شوند: محتویات , تصور et پیشرفته .

از مثال موردی استفاده کنید: افزودن فیلم به صفحه مقصد

افزودن یک ویدیو به صفحه فرود یک راه عالی برای این کار است ترویج محصولات شما و افزایش تبدیل. در این مثال، من به شما نشان خواهم داد که چگونه می توانید از ماژول ویدیو برای افزودن یک ویدیو به صفحه فرود خود استفاده کنید. من یک دایره قرمز را در جایی که ویدیو باید برود قرار دادم.

ایجاد یک ویدیو در divi shembullple.jpg

با استفاده از Visual Builder ، یک بخش جدید با یک ردیف عرض کامل (1 ستون) اضافه می کنم. در تنظیمات ردیف ، در زیر زبانه Design ، گزینه "استفاده از عرض سفارشی" را انتخاب می کنم. برای گزینه Custom Width که ظاهر می شود ، عرض سفارشی 767px را وارد می کنم. این اطمینان می دهد که ماژول ویدیویی که می خواهم در این ردیف اضافه کنم از این عرض فراتر نرود و در اندازه های بزرگتر صفحه بزرگتر شود.

از divi.png با عرض سفارشی استفاده کنید

سپس ماژول فیلم را به ردیف اضافه می کنم. در زیر زبانه محتوا در تنظیمات ماژول ویدئو ، URL ویدیوی ویدیویی را که می خواهم در صفحه مقصد قرار دهم وارد می کنم. من از URL یک ویدیوی YouTube برای این مثال استفاده می کنم.

یک ویدیو در divi.png اضافه کنید

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

اضافه کردن یک ویدئوی تقسیم ویدیو .jpg

در زیر تب Design ، رنگ نماد پخش را تغییر می دهم تا با صفحه فرود خود مطابقت داشته باشد.

آیکون پخش divi video.jpg را ویرایش کنید

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

طراحی نهایی با محتوای video.jpg

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

گزینه های محتوا

ماژول پارامتر divi.png

URL ویدیو

ماژول Divi Video به شما امکان می دهد با استفاده از دو روش مختلف فیلم اضافه کنید. با کلیک روی دکمه "بارگیری ویدیو" و انتخاب فایل مورد نظر ، می توانید فایل ویدیویی خود را از رایانه بارگذاری کنید یا می توانید هر URL ویدیو را از منبع ویدیوی شخص ثالث مانند Youtube وارد کنید یا ویمئو فقط URL را از مرورگر خود کپی و جایگذاری کنید و آن را در قسمت URL Video قرار دهید و Divi از بقیه مراقبت خواهد کرد!

آدرس اینترنتی همپوشانی تصویر

اگر می خواهید یک تصویر کوچک تصویر سفارشی تنظیم کنید ، که با ایجاد یک دکمه پخش سفارشی روی رابط ویدیوی استاندارد قرار می گیرد تا ظاهری تیزتر و سبک تر ایجاد کند ، می توانید این کار را با استفاده از قسمت Image Overlay انجام دهید. این کنترل به شما امکان می دهد تصویر شخصی شده خود را بارگذاری کنید ، یا به طور خودکار به Divi اجازه دهید تا از URL ویدیوی شما تصویر ایجاد کند. اکثر ارائه دهندگان ویدیو مانند Youtube و Vimeo از این گزینه پشتیبانی می کنند. به سادگی بر روی دکمه "تولید فیلم" کلیک کنید و اجازه دهید Divi از بقیه موارد مراقبت کند!

برچسب مدیریت

به طور پیش فرض ، ماژول فیلم شما با برچسب 'Video' در ژنراتور ظاهر می شود. برچسب Admin به شما امکان تغییر این برچسب را برای شناسایی آسان می دهد.

گزینه های طراحی

تغییر رنگ آیکون

طراحی بخش divi.png طراحی

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

گزینه های پیشرفته

بخش پیشرفته ماژول ویدیو.png

شناسه و کلاس 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]

سایر آموزشهای دوگانه