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





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

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

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

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

 

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

راه حل اول

استفاده از ویژگی متغیر $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;
}

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

این محتوا چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 آموزش ها , مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=13381
کلمات کلیدی پست :
مطالب مرتبط
10,188فعال کردن قالب وردپرس از طریق دیتابیس تاریخ : 2018/05/31
14,888چگونه صفحه نخست سفارشی در وردپرس بسازیم؟ تاریخ : 2019/10/22
7,848تغییر آدرس آرشیو نویسنده در وردپرس تاریخ : 2019/09/19
7,180کد نمایش تعداد اعضا در وردپرس تاریخ : 2019/04/28
8,036تغییر تعداد ستون داشبورد در پیشخوان وردپرس تاریخ : 2019/05/1
13,696آموزش اضافه کردن خط جداکننده افقی در وردپرس تاریخ : 2020/09/8
8,496افزودن برچسب نقش کاربر به دیدگاه ها در وردپرس تاریخ : 2019/11/13
11,148آموزش رفع خطای HTTP Image Upload در وردپرس تاریخ : 2018/04/26
16,230افزونه صفحه ساز گرافیکی لایو کامپوسر Live Composer v1.1 تاریخ : 2015/01/10
4,592انتقال کاربر به صفحه تشکر بعد از ثبت نظر در وردپرس تاریخ : 2023/11/7
59,075افزونه وردپرس سئو حرفه ای WordPress SEO Yoast تاریخ : 2015/03/8
9,572تغییر پیغام خطای ورود به وردپرس تاریخ : 2019/05/23
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب