نحوه اضافه کردن پس‌زمینه ویدیو در وردپرس (3 روش)


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

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

در این پست، در مورد اینکه چگونه پس‌زمینه‌های ویدئویی تمام صفحه می‌توانند تجربه کاربری (UX) یک وب‌سایت را افزایش دهند، صحبت خواهیم کرد. در مرحله بعد، ما قصد داریم چند روش را لیست کنیم که می توانید از آنها برای درج فیلم ها به عنوان پس زمینه وردپرس استفاده کنید. بریم سر کار!

چگونه پس‌زمینه‌های ویدیویی می‌توانند تجربه کاربر (UX) را بهبود بخشند

ویدئو می تواند ابزار قدرتمندی برای جلب توجه مخاطب باشد. استفاده از محتوای بصری می تواند به جلب توجه بازدیدکنندگان کمک کند و آنها را به صفحه شما علاقه مند نگه دارد:

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

در اینجا برخی از مزایای بالقوه افزودن پس‌زمینه ویدئویی تمام صفحه به سایت شما آورده شده است:

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

بهترین روش ها برای افزودن پس زمینه ویدیو در وردپرس

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

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

برای اطمینان از اینکه صفحه شما بهینه کار می کند و به تجربه کاربر آسیب نمی رساند، می توانید برخی از بهترین روش ها را دنبال کنید:

  • اندازه فایل را بهینه کنید. فشرده سازی اندازه ویدیو تضمین می کند که باعث کندی بارگذاری نمی شود. خوشبختانه ابزارهای زیادی وجود دارد که می توانید از آنها برای انجام این کار بدون افت کیفیت ویدیو استفاده کنید.
  • استفاده را به یک ویدیو محدود کنید. چندین ویدیو می تواند صفحه شما را به هم ریخته نشان دهد. بنابراین، بهتر است فقط به یک مورد پایبند باشید.
  • از صدا دوری کنید. صدای بلند زمانی که کاربران در سایت شما قرار می گیرند، اگر انتظار آن را نداشته باشند، می تواند بسیار زیاد باشد. بنابراین، در صورت عدم نیاز، باید به فکر حذف صدای ویدیو باشید.
  • شامل یک فراخوان برای اقدام (CTA). اگر ویدیوی شما بخشی از یک کمپین تبلیغاتی یا راه اندازی دیگر است، اضافه کردن یک دکمه CTA را در نظر بگیرید. این کار کاربران را تشویق می کند تا اقدام کنند و می تواند به افزایش نرخ تبدیل کمک کند.
  • میزبانی ویدیوها به صورت خارجی. میزبانی ویدیوی خود از طریق یک پلت فرم خارجی مانند Vimeo یا YouTube به کاهش وزن در وب سایت شما کمک می کند. این همچنین می تواند سرعت آپلود شما را بهبود بخشد.

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

نحوه اضافه کردن پس‌زمینه ویدیو در وردپرس (3 روش)

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

1. از افزونه وردپرس استفاده کنید

افزونه های زیادی وجود دارد که می توانید از آنها برای اضافه کردن پس زمینه ویدیو به سایت وردپرس خود استفاده کنید. یکی از گزینه های محبوب با کیفیت بالا، افزونه Advanced WordPress Backgrounds است. این یک ابزار رایگان است که نصب آن آسان است:

صفحه اصلی افزونه پس زمینه های پیشرفته وردپرس.

این افزونه شما را قادر می سازد هر نوع پس زمینه ای را با استفاده از تنظیمات مسدودسازی پیشرفته ایجاد کنید. پس از نصب و فعال سازی افزونه در سایت خود، صفحه ای را که می خواهید پس زمینه ویدیوی خود را در آن اضافه کنید باز کنید.

در ویرایشگر Block، روی نماد مثبت (+) کلیک کنید که به شما امکان می دهد انتخاب کنید کدام بلوک را اضافه کنید. سپس تایپ کنید “awbدر نوار جستجو برای پیدا کردن بلوک پیشرفته وردپرس:

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

پس از افزودن بلوک به صفحه خود، به نوار کناری سمت راست بروید و انتخاب کنید راه بند:

تب مسدود کردن در ویرایشگر قالب وردپرس.

از اینجا، سه گزینه برای افزودن به عنوان تصویر زمینه مشاهده خواهید کرد: رنگو تصویر، یا ویدئو. برو جلو و انتخاب کن ویدئو. می توانید از یک ویدیو از YouTube یا Vimeo استفاده کنید. از طرف دیگر، می‌توانید یکی از ویدیوهای خود میزبان خود را آپلود کنید.

برای افزودن یک ویدیو از طریق YouTube یا Vimeo، کافی است لینک ویدیو را در فضای داده شده وارد کنید لینک ویدیویی:

URL ویدیو را به مجموعه پس زمینه های پیشرفته برای وردپرس اضافه کنید.

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

عرض ویدیو را تنظیم کنید.

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

این شما را به قسمت جلویی سایت خود می برد، جایی که می توانید به پس زمینه ویدیوی خود نگاه کنید:

صفحه ای با پس زمینه ویدیویی که با افزونه Advanced WordPress Backgrounds ایجاد شده است.

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

2. از پوشش بلوک استفاده کنید

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

برای استفاده از این روش، کافی است به پست یا صفحه ای که می خواهید پس زمینه ویدیو را در آن اضافه کنید، بروید. برای افزودن یک بلوک جدید روی نماد مثبت کلیک کنید. بعد تایپ کنید “پوشش:

قالب جلد در وردپرس.

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

ویرایشگر بلوک بلوک جلد را با یک کلیپ ویدیویی نمایش می دهد.

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

یک بلوک متنی به بلوک جلد اضافه کنید.

علاوه بر این، چند چیز وجود دارد که می توانید با کلیک بر روی یک فایل، آنها را سفارشی کنید راه بند برگه:

بخش Color Overlay به شما امکان می دهد رنگ متن خود را تغییر دهید. می توانید از این تنظیم برای خوانایی بیشتر متن استفاده کنید.

همچنین می توانید میزان تیره بودن متن خود را تغییر دهید. علاوه بر این، اگر می‌خواهید ارتفاع ویدیوی خود را تغییر دهید، به پایین بروید ابعاد:

بخش ابعاد در تب Block.

این بخش به شما امکان می دهد پس زمینه ویدیو فضای بیشتری را در صفحه اشغال کند. پس از انجام ویرایش‌ها، می‌توانید پیش‌نمایش ویدیوی خود را در قسمت جلو مشاهده کنید:

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

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

3. استفاده از a صفحه ساز

در نهایت، بیایید ببینیم که چگونه می‌توانید با استفاده از صفحه‌ساز یک پس‌زمینه ویدیو اضافه کنید. مزیت این گزینه این است که می توانید از ابزاری استفاده کنید که قبلاً با آن آشنا هستید. با این حال، به خاطر داشته باشید که همه سازندگان صفحه این قابلیت را در دسترس نخواهند داشت

یکی از ابزارهای محبوب Beaver Builder است:

افزونه Beaver Builder Page Builder

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

برای این روش باید Beaver Builder را در سایت خود دانلود کنید. با راه اندازی Beaver Builder در وردپرس شروع کنید:

Beaver Builder را راه اندازی کنید.

سپس به منوی ماژول‌های خود دسترسی پیدا کرده و روی File کلیک کنید ردیف ها برگه سپس یک فایل را بکشید 1 ستون ممنوعیت در صفحه:

از بلوک ستون 1 در صفحه خود با Beaver Builder استفاده کنید.

از اینجا، به تنظیمات ردیف با کلیک بر روی نماد آچار:

تنظیمات کلاس Beaver Builder.

این به طور خودکار شما را به یک فایل می برد سبک برگه به سمت پایین به بخش خاص بروید زمینه:

بخش پس زمینه در Beaver Builder.

زیر می نویسد، مکان یابی کنید ویدئو انتخاب:

در تب Genre گزینه Video را انتخاب کنید.

با انتخاب این گزینه، به طور خودکار چندین گزینه ویرایش را مشاهده خواهید کرد. به عنوان مثال، می توانید منبع ویدیوی خود را مشخص کنید:

انتخاب منبع ویدیو در Beaver Builder.

آدرس یوتیوب را وارد کردیم:

URL YouTube را در تب Background Video جای‌گذاری کنید.

هنگامی که ویدیوی خود را انتخاب کردید، نوبت به انجام برخی ویرایش ها می رسد. برای شروع، ارتفاع پیش فرض بسیار نرم است:

نمایش تنظیمات پیش فرض برای ویدیو.

برای تغییر آن به تمام صفحه، به سمت File بروید نمایش دهید تنظیمات و انتخاب کنید تمام قد:

تنظیمات پیش فرض ارتفاع ویدیو را تغییر دهید.

علاوه بر این، Beaver Builder گزینه های زیادی را برای ویرایش پس زمینه ویدیو در اختیار شما قرار می دهد. به عنوان مثال، به شما اجازه می دهد صدا را فعال کنید و فعال کردن ویدیو در موبایل:

تنظیمات ویدیو در Beaver Builder.

همچنین می‌توانید یک تصویر پشتیبان را انتخاب کنید تا اگر ویدیوی شما بارگیری نشد، نمایش داده شود. برای افزودن یک پوشش محتوا به ویدیوی خود، به واحدها برگه و یک مورد را انتخاب کنید:

تب ماژول ها در Beaver Builder.

در اینجا، ما یک فایل اضافه کرده ایم عنوان توده:

بلوک عنوان را به Beaver Builder اضافه کنید.

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

هنگامی که از تغییرات خود راضی شدید، انتخاب کنید پیش نویس را ذخیره کنید برای اینکه ببینید ویدیوی شما چگونه است:

پیش نمایش پس زمینه ویدیوی وب سایت با Beaver Builder.

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

نتیجه

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

برای جمع بندی، در اینجا سه ​​روش وجود دارد که می توانید برای اضافه کردن پس زمینه ویدیو به سایت وردپرس خود استفاده کنید:

  1. با استفاده از افزونه وردپرسویجت پس‌زمینه‌های پیشرفته در وردپرس به شما امکان می‌دهد با استفاده از YouTube، Vimeo یا یک ویدیوی خود میزبان، پس‌زمینه ویدیویی را به سایت خود اضافه کنید.
  2. با بلوک پوششیاین قالب وردپرس به شما امکان می دهد ویدیوی خود را آپلود کرده و آن را به عنوان پس زمینه به سایت خود اضافه کنید.
  3. با استفاده از صفحه ساز: با صفحه‌ساز مانند Beaver Builder، می‌توانید پس‌زمینه ویدیویی را با URL یا ویدیو از کتابخانه رسانه خود پیاده‌سازی کنید.

در مورد افزودن پس زمینه ویدیو در وردپرس چه سوالی دارید؟ در بخش نظرات زیر به ما اطلاع دهید!


– ارائه و ترجمه توسط تیم wordpress-templates.ir

سفارش طراحی سایت به وی تی!