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

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

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

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

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

 

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

راه حل اول

استفاده از ویژگی متغیر $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
کلمات کلیدی پست :
مطالب مرتبط
18,565آموزش گرفتن درگاه پرداخت مستقیم بانک برای سایت تاریخ : 2016/09/19
7,882ویرایش همزمان چند محصول در ووکامرس با افزونه YITH WooCommerce Bulk Product Editing تاریخ : 2017/12/4
2,712حذف گزینه تغییر رمز از پیشخوان کاربران در وردپرس تاریخ : 2019/05/5
9,384غیر فعال کردن افزونه های وردپرس در PhpMyAdmin تاریخ : 2018/04/27
6,568افزونه وردپرس قرار دادن تصویر شاخص به صورت خودکار با Auto Post Thumbnail تاریخ : 2016/02/14
6,500افزودن قابلیت تایید سن در وردپرس با افزونه Age Verify تاریخ : 2017/07/9
2,968آموزش کار با دیباگ وردپرس و نحوه فعال سازی دیباگ وردپرس تاریخ : 2020/02/4
2,896نمایش ویدیو در وردپرس تاریخ : 2019/07/3
4,896انتقال فایل های وردپرس از زیر دامنه به دامنه اصلی تاریخ : 2018/07/14
3,592فعال کردن بروزرسانی خودکار وردپرس تاریخ : 2019/04/22
2,868آموزش گذاشتن تبلیغات در نوشته وردپرس تاریخ : 2019/09/26
2,952ساخت ابزارک نمایش مطالب براساس دسته بندی وردپرس تاریخ : 2019/11/12
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
شرکت سئو سایت
تبلیغات
تبلیغات
تبلیغات