تبلیغات
حراجی دامنه های ویژهمشاهده

تبلیغات
تبلیغات تبلیغات

حل مشکل واکنش گرایی ویدئو پلیر وردپرس

آموزش ها , مقالات,آموزش,ترفند , وردپرس

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

 

حل مشکل واکنش گرایی ویدئو پلیر وردپرس

راه حل اول

استفاده از ویژگی متغیر $content_width در فایل توابع پوسته (functions.php). این متغیر یک ویژگی استاندارد قالبهای وردپرسیه و در اکثر پوسته های مخزن هم از این متغیر برای تعیین ماکزیمم عرض هر نوع محتوایی (عکس/ویدیو) استفاده میشه و مقدارش رو هم با توجه به ابعاد باکس نوشته ها مشخص میکنند. (برای مطالعه توضیحات بیشتر اینجا کلیک کنید)

if ( ! isset( $content_width ) ) {
	$content_width = 600;
}

 راه حل دوم

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

.mejs-container {
	width: 100% !important;
	height: auto !important;
	padding-top: 57%;
}

.mejs-overlay, .mejs-poster {
	width: 100% !important;
	height: 100% !important;
}

.mejs-mediaelement video {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	width: 100% !important;
	height: 100% !important;
}

و دیگر هیچ! امیدوارم از این آموزش سریع، نهایت لذت رو برده باشید…

دانلود


هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 آموزش ها , مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=13381
کلمات کلیدی پست :
مطالب مرتبط
3,824خروجی گرفتن از اطلاعات کاربران در وردپرس با افزونه Export User Data تاریخ : 2017/11/28
5,024جلوگیری از ایجاد مطلب با عنوان تکراری در وردپرس تاریخ : 2017/07/14
50,581افزونه فوق امنیتی وردپرس Security Pro نسخه 6.7.1 تاریخ : 2020/09/28
2,128تفاوت نوشته و برگه در وردپرس چیست؟ تاریخ : 2019/05/4
4,201اسکریپت نمایش فن پیج فیسبوک در وبسایت Famax نسخه 5.3 تاریخ : 2016/03/30
13,096کاهش یا افزایش کیفیت تصاویر در وردپرس تاریخ : 2014/09/15
45,875افزونه وردپرس سئو حرفه ای WordPress SEO Yoast تاریخ : 2015/03/8
1,688افزودن پرونده ی چند رسانه ای در وردپرس تاریخ : 2019/06/15
6,089نمایش پروفایل کاربری لینکدین در وردپرس تاریخ : 2017/07/13
5,879افزونه نمایش ساعات کاری در وردپرس تاریخ : 2017/07/14
9,685افزونه بارگذاری Ajax صفحات وردپرس تاریخ : 2016/08/14
1,464چگونه ویدئوها را در ویرایشگر وردپرس وسط چین کنیم؟ تاریخ : 2019/10/3
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات
تبلیغات