شما هم با مشکل ریسپانسیو ویدیو پلیر وردپرس در گوشی‌های موبایل و تبلت دست‌وپنجه نرم می‌کنید؟ قالب سایتتان را رسپانسیو کرده‌اید ولی ویدیوها از سایتتان بیرون می‌زنند؟ کدهایی که از آپارات در سایت خود گذاشتید از سایتتان بیرون میزند و کاربر را سردرگم می‌کند؟ با ما همراه باشید تا به سراغ آموزش ریسپانسیو کردن ویدیو پلیر وردپرس برویم.
زمانی که ویدئوهای سایت شما ریسپانسیو باشد بازدید آن‌ها نیز افزایش پیدا می‌کند. چراکه امروزه تلفن‌های هوشمند در همه‌جا به همراه افراد بوده و جز جدایی‌ناپذیر زندگی افراد شده‌اند. کاربران این امکان را دارند که در هر موقعیتی به تلفن همراه دسترسی داشته باشند.
به همین دلیل ما تصمیم گرفتیم برای شما کاربران عزیز دکترگرافیک نحوه ریسپانسیو کردن ویدئوهای سایتتان را آموزش بدهیم. به‌این‌ترتیب شما می‌توانید در یک مدت‌زمان کوتاه این کار را انجام داده و این مشکل را در سایت وردپرسی خود حل کنید.
در ضمن برای انجام این کار نیاز به نصب هیچ افزونه‌ای ندارید. شما قادر هستید این کار را توسط چند خط کد ساده انجام دهید. پس اگر با کد نویسی آشنایی دارید تا پایان این مقاله با همراه باشید.
ریسپانسیو چیست؟
خب در مورد واژه ریسپانسیو یا همان Responsive فکر نمی‌کنم نیازی به توضیح باشد. ریسپانسیو به معنای بهینه‌سازی سایت برای نمایش کامل در موبایل و تبلت، جهت سهولت در استفاده کاربران می‌باشد.
این طراحی به کاربر کمک می‌کند که به‌راحتی سایت شما و همچنین ویدئوهای شما را در هر ابعادی که بخواهد تماشا کند. این طراحی به کاربر کمک زیادی می‌کند. چراکه کاربران به‌وسیله تلفن همراه می‌توانند در هر نقطه‌ای به سایت موردعلاقه خود دسترسی داشته باشند.
مشکل ریسپانسیو نبودن ویدیو پلیر وردپرس
امروزه به‌دلیل استفاده اکثر کاربران فضای مجازی از تلفن‌های هوشمند شما باید سایت خود را مطابق با نیاز کاربران خود و تکنولوژی روز تطابق داده و ریسپانسیو کنید. درواقع درصد زیادی از افراد با شما از طریق تلفن همراه خود ارتباط برقرار می‌کنند. شما می‌توانید به‌راحتی ویدئوهای موجود در سایت خود را جهت استفاده کاربرانتان ریسپانسیو کنید. این کار سبب می‌شود کاربر راحت‌تر با شما ارتباط برقرار کند. شما با این کار می‌توانید تا حد چشمگیری به فعالیت سایتتان رونق ببخشید.
البته این ویدیو پلیر ریسپانسیو است؛ اما خب مشکلاتی دارد که با قرار دادن کدی که امروز به شما معرفی می‌کنیم می‌توانید رسپانسیو بودن این پلیر را کامل کنید و مشکلاتش را برطرف کنید.
زمانی که شما این کار را انجام می‌دهید سایت شما برای کاربران منعطف‌تر می‌شود و تعداد افراد بیشتری می‌توانند ویدئوهای شما را تماشا کنند. بالا رفتن تعداد بازدیدکنندگان نیز بالا رفتن رتبه شما بین موتورهای جستجو و همچنین بالا رفتن سئو را به‌دنبال دارد.
ریسپانسیو کردن ویدیو پلیر وردپرس
خب حالا بعد از فهمیدن اهمیت ریسپانسیو کردن ویدئوپلیر، یک قطعه کد در اختیار شما قرار می‌دهیم که به‌واسطه آن بتوانید ویدئوهای سایت خود را به‌راحتی ریسپانسیو کنید. هممچنین ما به شما پیشنهاد می‌کنیم قبل از هر اقدامی از سایت خود یک نسخه پشتیبان تهیه نمایید.
برای ریسپانسیو کردن ویدیو پلیر وردپرس تنها کافی است کد زیر را در Style.css قالب سایت وردپرسی خود اضافه کنید:
.post iframe ,.wp-video,
.mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls {
max-width: 100% !important;
}
از ویدیو پلیر ریسپانسیو خود لذت ببرید.
منابع: wikipedia – wordpress.org – mihanwp – youtube
