آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربریReviewed by سعید دیدارنو on Sep 27Rating: 5.0آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربریگالری ویدئو در وردپرس,ساخت گالری ویدئو در وردپرس,نحوه ایجاد گالری ویدئو در وردپرس,ایجاد گالری ویدئو در وردپرس,افزونه گالری ویدئو وردپرس,آموزش وردپرس

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

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

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

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

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

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

اکنون که متوجه شده اید که چه زمانی ایجاد گالری ویدئو در وبسایت وردپرسی لازم است، بیایید که با هم بررسی کنیم که چگونه به سادگی می توان گالری ویدئو در وردپرس ایجاد کرد.

روش شماره یک: ایجاد گالری ویدئو با استفاده از افزونه ساخت گالری ویدئو وردپرس Envira Gallery

در این روش ما از افزونه Envira Gallery برای ساخت گالری ویدئو استفاده می کنیم. به این دلیل که این افزونه بهترین افزونه ایجاد گالری ویدئو در وردپرس می باشد. همچنین این پلاگین دارای افزونه های ویدئویی است که به شما امکان می دهد گالری ویدئو ریسپانسیو زیبا در وردپرس ایجاد کنید.

افزونه Envira Gallery یک پلاگین غیر رایگان است و برای ایجاد یک گالری ویدئو مناسب و قابل قبول باید نسخه pro آن را تهیه کنید.

اولین کاری که باید انجام دهید، نصب و فعال سازی افزونه Envira Gallery است. پس از فعال سازی افزونه، شما باید به مسیر Envira Gallery » Settings بروید و کلید مجوز (license key) خود را وارد کنید. شما می توانید این اطلاعات را در حساب کاربری خود در وبسایت Envira Gallery پیدا کنید.

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

بعد از وارد کردن کلید مجوز، شما باید به مسیر Envira Gallery » Addons بروید. شما تمام افزونه هایی را که می توانید نصب کنید در این صفحه مشاهده خواهید کرد. افزونه های ویدئویی را که لازم دارید پیدا کرده و نصب کنید.

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

در حال حاضر، افزونه Envira Gallery افزونه های ویدئویی را واکشی و نصب خواهد کرد. بعد از آن، شما باید بر روی Activate کلیک کنید تا بتوانید از افزونه برای ساخت گالری ویدئو در وبسایت وردپرسی خود استفاده کنید.

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

اکنون شما آماده هستید که اولین گالری ویدئو خود را در وردپرس ایجاد کنید. برای شروع به ساخت گالری ویدئو به آدرس Envira Gallery » Add New بروید. ابتدا باید یک عنوان برای گالری ویدئو خود وارد کنید.

Envira Gallery می تواند یک گالری ویدئو از فیلم های میزبانی شده توسط خود یا فیلم های میزبانی شده در YouTube، Vimeo و Wistia ایجاد کند. به شما توصیه می کنم که برای ارائه تجربه کاربری بهتر از سرویس های میزبانی ویدئو جانبی استفاده کنید.

ابتدا، شما باید ویدئو های خود را به عنوان مثال در یوتیوب یا Vimeo آپلود کنید. بعد از آن، بر روی دکمه Select videos from other sources برای ادامه کار کلیک کنید.

در این بخش پنجره Insert Media به شما نمایش داده می شود. شما باید بر روی لینک Insert videos در ستون سمت چپ کلیک کنید.

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

بعد از آن باید بر روی دکمه Add Video برای وارد کردن عنوان و URL ویدئو، کلیک کنید. برای وارد کردن ویدئوهای بیشتر، دوباره بر روی دکمه Add Video کلیک کنید. شما قادر هستید ویدئوهای نامحدودی را وارد کنید.

بعد از آن که ویدئوهای مورد نظر را اضافه کردید جهت نمایش آن ها در گالری ویدئو، بر روی دکمه Insert into Gallery برای ادامه کار کلیک کنید.

افزونه Envira شروع به واکشی ریز عکس های ویدئو می کند و از آن ها یک مجموعه عکس ایجاد می کند.

شما می توانید هر ویدئویی را در هر زمانی با کلیک بر روی آیکون pencil ویرایش یا حذف کنید. همچنین می توانید ویدئوهای بیشتری را به گالری ویدئو خود در صورت نیاز اضافه کنید.

گالری ویدئو وردپرسی شما اکنون آماده است. اکنون زمان آن است که با انجام تنظیماتی گالری ویدئو را پیکربندی کنیم.

پیکربندی را با کلیک بر روی تب Config در ستون سمت چپ و انتخاب گزینه Number of Gallery Columns برای تعیین دو یا سه ستون برای گالری ویدئو شروع می کنیم. این گزینه تضمین می کند که ریز عکس های ویدئویی شما به راحتی با فضای کافی بین هر ویدئو ظاهر می شود.

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

اکنون زمان آن است که دکمه نمایش را به ریز عکس های ویدئویی اضافه کنیم. به تب Videos بروید و کادر کنار گزینه Display play icon over gallery image را علامت بزنید.

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

گالری ویدئو شما اکنون آماده است. بر روی دکمه publish کلیک کنید تا بتوانید گالری ویدئو خود را در دسترس وردپرس قرار دهید.

نمایش گالری ویدئو در وبسایت وردپرسی شما

افزونه Envira Gallery کار را برای نمایش گالری ویدئو شما در هر پست یا صفحه وردپرسی، آسان کرده است. شما همچنین می توانید گالری ویدئو را در نوار کناری نمایش دهید.

اجازه دهید که یک صفحه جدید در وردپرس تحت عنوان ویدئوها (Videos) ایجاد کنیم. پس از ایجاد صفحه جدید، بر روی دکمه Add Gallery در بالای ویرایشگر پست کلیک کنید.

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

در این بخش پنجره ای به شما نمایش داده خواهد شد که می توانید گالری ویدئو خود را در آن ببینید. بر روی گالری ویدئو خود کلیک کنید تا انتخاب شود و سپس بر روی دکمه Insert کلیک کنید.

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

کد کوتاه افزونه Envira Gallery در ویرایشگر پست شما ظاهر خواهد شد. شما اکنون می توانید صفحه خود را منتشر یا بروزرسانی کنید تا گالری ویدئو خود را در عمل مشاهده کنید.

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

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

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

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

این روش ساخت گالری ویدئو نیاز به یک کلید API یوتیوب برای کار دارد، که روند را طولانی تر می کند. اما نگران نباشید من شما را قدم به قدم در این روش همراهی می کنم.

اولین کاری که باید انجام دهید آن است که افزونه YouTube Channel Gallery  را نصب و فعال کنید.

بعد از آن، شما باید به وبسایت Google Developer Console برای ایجاد کلید API یوتیوب مراجعه کنید. بر روی دکمه Select a project در گوشه چپ بالای صفحه نمایش کلیک کنید و سپس بر روی دکمه add کلیک کنید.

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

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

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

سپس، شما باید بر روی API Library کلیک کنید و بعد از آن لینک YouTube Data API را انتخاب کنید.

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

این کار شما را به صفحه جزئیات API هدایت می کند که در آن شما باید روی لینک Enable کلیک کنید تا این API برای پروژه شما فعال شود.

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

Developer console کلید API را برای پروژه شما فعال خواهد کرد. اما شما هنوز نیاز به ایجاد اعتبار برای دسترسی به کلید API دارید. بنابراین بر روی دکمه Create credentials کلیک کنید تا کار ادامه پیدا کند.

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

اکنون شما باید استفاده از کلید API وارد کنید. برای گزینه ‘Where you will call API from؟’ گزینه ‘Web browser (جاوا اسکریپت) را انتخاب کنید’ و گزینه ‘Public Data’ را در قسمت ?What data will you be accessing انتخاب کنید.

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

برای ادامه کار، بر روی دکمه What credentials do I need کلیک کنید.

Developer console کلید API را به شما نشان خواهد داد. شما باید این کلید API را در یک فایل متنی ساده ذخیره کنید. زیرا به این کلید برای ایجاد گالری ویدئو نیاز خواهید داشت.

آخرین گام باقی مانده این است که کلید API را فقط برای وبسایت وردپرسی خود محدود کنید. برای این کار بر روی لینک Restrict key در پنجره ای که کلید API نمایش داده می شود، کلیک کنید.

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

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

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

بعد از انجام این کار بر روی دکمه save کلیک کنید تا تغییرات ذخیره شود.

اکنون که کلید API را برای داده یوتیوب به دست آورده اید، زمان آن رسیده است که گالری ویدئو خود را ایجاد کنید.

افزونه YouTube Channel Gallery یک کد کوتاه قدرتمند را در اختیار شما می گذارید که می توانید آن را به پست ها و صفحات وردپرس خود برای نمایش گالری ویدئو اضافه کنید. به سادگی یک صفحه جدید ایجاد کنید یا یکی از صفحات موجود را ویرایش کنید و سپس کد کوتاه را داخل ویرایشگر پست قرار دهید.

[Youtube_Channel_Gallery user=”wpbeginner” maxitems=”8″ thumb_columns_phones=”2″ thumb_columns_tablets=”4″ key=”your-youtube-api-key-goes-here”]

فراموش نکنید که قسمت user را با نام کاربری یوتیوب خود و بخش key را با کلید API یوتیوب جایگزین کنید.

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

آموزش گام به گام نحوه ایجاد گالری ویدئو در وردپرس جهت بهبود تجربه کاربری

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

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

آموزش وردپرس افزونه رسانه مخزن وردپرس

درباره سعید دیدارنو

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

دیدگاه خود را بیان کنید

هفده − 2 =

This site uses Akismet to reduce spam. Learn how your comment data is processed.