ساخت اسلایدر ویدیو در وردپرس با Soliloquy

اگه چند ویدیو دارید و نمی‌خواید هرکدوم فضای جداگانه‌ای از صفحه بگیرن، ساخت اسلایدر ویدیو در وردپرس راه‌حل جمع‌وجوریه. افزونه Soliloquy این کار رو بدون کدنویسی انجام می‌ده و ویدیوهای YouTube، Vimeo، Wistia یا فایل‌های روی سایتتون رو به شکل اسلاید نمایش می‌ده.

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

قبل از شروع ساخت اسلایدر ویدیو در وردپرس چه چیزهایی لازمه؟

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

تفاوت امکانات Soliloquy Lite و Soliloquy Pro

Soliloquy Lite نسخه رایگان افزونه‌ست و برای ساخت اسلایدر تصویری به کار میاد. در توضیحات رسمی افزونه، پشتیبانی بومی از اسلایدهای ویدیویی YouTube، Vimeo و Wistia جزو امکانات Soliloquy Pro معرفی شده. پس اگه بعد از نصب نسخه رایگان گزینه افزودن ویدیو رو پیدا نکردید، ایراد از وردپرس یا قالب سایتتون نیست.

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

سرویس‌ها و فرمت‌های ویدیویی قابل استفاده

طبق راهنمای رسمی افزودن ویدیو در Soliloquy، می‌تونید ویدیوهای YouTube، Vimeo و Wistia رو داخل اسلایدر بذارید. ویدیوهایی که روی سایت خودتون میزبانی می‌شن هم قابل‌استفاده هستن.

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

انتخاب بین ویدیوی YouTube، Vimeo، Wistia و ویدیوی میزبانی‌شده

• YouTube: برای انتشار عمومی و کم‌کردن فشار روی هاست انتخاب ساده‌ایه، ولی کنترل کامل ظاهر پخش‌کننده و پیشنهادهای مرتبط دست شما نیست.
• Vimeo: برای نمایش حرفه‌ای‌تر و کنترل بیشتر روی تجربه پخش به کار میاد. امکانات دقیقش به نوع حساب و پلن شما بستگی داره.
• Wistia: بیشتر برای ویدیوهای بازاریابی و کسب‌وکاری ساخته شده و امکاناتش با توجه به پلن سرویس فرق می‌کنه.
• میزبانی روی سایت: کنترل فایل کاملاً دست خودتونه، ولی ویدیو ممکنه پهنای باند زیادی مصرف کنه و فشار بیشتری روی هاست بذاره.

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

نصب و فعال‌سازی Soliloquy در وردپرس

نصب نسخه رایگان از مخزن وردپرس

برای اینکه با محیط افزونه آشنا بشید، وارد پیشخوان وردپرس بشید و مسیر «افزونه‌ها ← افزودن افزونه تازه» رو باز کنید. عبارت Soliloquy رو جستجو کنید، افزونه Soliloquy Lite رو نصب کنید و بعد روی «فعال‌کردن» بزنید.

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

فعال‌سازی نسخه Pro برای ساخت اسلایدر ویدیو

برای ادامه این آموزش باید نسخه Pro رو از سایت رسمی Soliloquy تهیه کنید. فایل افزونه رو از حساب کاربریتون بگیرید و در پیشخوان وردپرس به «افزونه‌ها ← افزودن افزونه تازه ← بارگذاری افزونه» برید. فایل ZIP رو انتخاب کنید، نصب رو انجام بدید و در آخر افزونه رو فعال کنید.

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

ساخت اسلایدر ویدیو در وردپرس با Soliloquy

ساخت اسلایدر جدید

از منوی Soliloquy روی Add New بزنید تا صفحه ساخت اسلایدر باز بشه. یک عنوان مشخص مثل «ویدیوهای معرفی محصول» بنویسید. این عنوان بیشتر برای مدیریت خودتونه و کمک می‌کنه بعداً اسلایدر موردنظرتون رو راحت‌تر پیدا کنید.

اضافه‌کردن ویدیو از YouTube، Vimeo یا Wistia

در صفحه ویرایش اسلایدر و داخل بخش Native Slider، روی Select Files from Other Sources بزنید. توی پنجره‌ای که باز می‌شه، از ستون سمت چپ Insert Videos رو انتخاب کنید. بعد نوع ویدیو رو مشخص کنید و نشانی کاملش رو در فیلد مربوط بذارید. نشانی صفحه ویدیو رو می‌تونید از نوار آدرس مرورگر یا گزینه اشتراک‌گذاری همون سرویس بردارید.

عنوان و توضیح کوتاهی هم برای اسلاید بنویسید تا بعداً راحت‌تر مدیریتش کنید. اگه چند ویدیو دارید، دکمه Add Another Video Slide فیلدهای تازه‌ای براتون باز می‌کنه. وقتی کارتون تموم شد، روی Publish یا Update بزنید و پیش‌نمایش رو بررسی کنید.

بر اساس راهنمای رسمی، Soliloquy تصویر جایگزین ویدیوهای YouTube و Vimeo رو خودش می‌گیره. همین راهنما چنین کاری رو برای Wistia تضمین نکرده، پس بعد از افزودن اسلاید حتماً تصویرش رو بررسی کنید. تنظیمات حریم خصوصی ویدیو هم باید اجازه پخش داخل سایتتون رو بده.

اضافه‌کردن ویدیوی میزبانی‌شده روی سایت

برای استفاده از ویدیویی که روی سایتتونه، داخل همون پنجره Insert Videos نوع ویدیوی میزبانی‌شده رو انتخاب کنید و نشانی فایل رو بذارید. اگه فایل هنوز داخل سایت نیست، اول اون رو در کتابخانه رسانه وردپرس بارگذاری کنید و بعد نشانی فایل رو بردارید. بهتره پیش از آپلود حجم ویدیو رو کم کنید؛ فایل سنگین هم فضای هاست رو می‌گیره و هم بارگذاری صفحه رو کندتر می‌کنه.

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

انتخاب تصویر جایگزین برای ویدیو

تصویر جایگزین یا Poster همون تصویریه که قبل از پخش ویدیو دیده می‌شه. طبق راهنمای رسمی Soliloquy، برای ویدیوی میزبانی‌شده باید این تصویر رو خودتون انتخاب کنید. بهتره تصویری مرتبط، واضح و کم‌حجم بذارید تا کاربر قبل از زدن دکمه پخش بدونه ویدیو درباره چیه.

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

مرتب‌کردن و ویرایش اسلایدهای ویدیویی

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

تنظیم ظاهر و رفتار اسلایدر ویدیو

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

انتخاب اندازه مناسب اسلایدر

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

تنظیم نوع و سرعت جابه‌جایی اسلایدها

گزینه Transition تعیین می‌کنه اسلایدها چطور جای هم رو بگیرن و Transition Speed سرعت این حرکت رو مشخص می‌کنه. برای ویدیو معمولاً یک جابه‌جایی ساده بهتر جواب می‌ده، چون افکت‌های شلوغ حواس کاربر رو از محتوا پرت می‌کنن. سرعت رو هم طوری تنظیم کنید که حرکت نه ناگهانی باشه و نه زیادی طول بکشه.

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

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

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

بررسی دسترس‌پذیری ویدیوها

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

بررسی نمایش اسلایدر در موبایل

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

اضافه‌کردن اسلایدر ویدیو به نوشته یا برگه

نمایش اسلایدر با بلوک Soliloquy

نوشته یا برگه دلخواهتون رو در ویرایشگر وردپرس باز کنید. روی علامت «+» بزنید و بلوک Soliloquy رو پیدا کنید. بعد اسلایدری رو که ساختید از فهرست بردارید و پیش‌نمایش صفحه رو ببینید.

نمایش اسلایدر با کد کوتاه

Soliloquy برای هر اسلایدر یک کد کوتاه می‌سازه. کد رو از صفحه مدیریت یا ویرایش اسلایدر کپی کنید. بعد در نوشته یا برگه یک بلوک «کد کوتاه» بذارید و کد رو داخلش قرار بدید.

قراردادن اسلایدر در بخش‌های دیگه سایت

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

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

بهینه‌کردن سرعت اسلایدر ویدیو

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

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

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

حل مشکلات رایج اسلایدر ویدیو در Soliloquy

چرا گزینه افزودن ویدیو نمایش داده نمی‌شه؟

اول مطمئن بشید Soliloquy Pro نصب و فعال شده و مجوزش هم معتبره. توضیحات رسمی، قابلیت بومی ساخت اسلاید ویدیویی رو به نسخه Pro نسبت می‌ده. بعد افزونه رو به‌روز کنید و در بخش Native Slider دنبال دکمه Select Files from Other Sources و گزینه Insert Videos بگردید.

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

چرا ویدیو داخل اسلایدر پخش نمی‌شه؟

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

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

چرا اندازه اسلایدر در موبایل مناسب نیست؟

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

چرا اسلایدر سرعت صفحه رو کم کرده؟

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

جمع‌بندی

برای ساخت اسلایدر ویدیو در وردپرس با Soliloquy، به نسخه Pro و پلنی نیاز دارید که قابلیت ویدیو رو بهتون بده. بعد از اون می‌تونید یک اسلایدر تازه بسازید، از مسیر Native Slider و Insert Videos ویدیوهای YouTube، Vimeo، Wistia یا فایل‌های سایتتون رو اضافه کنید و خروجی رو با بلوک Soliloquy یا کد کوتاه داخل صفحه بذارید.

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

سؤالات متداول درباره ساخت اسلایدر ویدیو در وردپرس

تیم تولید محتوا

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