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





پلتفرم رپورتاژ آگهی و بک لینک تسمینو
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات ژاکت, مرجع خرید قالب و افزونه وردپرسی اورجینال

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

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

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

 

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

راه حل اول

استفاده از ویژگی متغیر $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
کلمات کلیدی پست :
مطالب مرتبط
13,306ویرایش زنده مطالب منتشر شده در وردپرس با افزونه Revisionize تاریخ : 2018/02/24
7,036نمایش تعداد بازدید وردپرس بدون افزونه (با استفاده از کدنویسی) تاریخ : 2020/02/7
7,124طول توضیحات متا برای سئو باید چند حرف باشد تاریخ : 2020/05/20
7,492چگونه برای وردپرس پسورد قوی و ایمن انتخاب کنیم؟ تاریخ : 2018/10/11
6,512افزودن لینک سفارشی به نوار ابزار وردپرس تاریخ : 2019/08/25
7,132پیوند یکتا فارسی یا انگلیسی در وردپرس بهتر است؟ تاریخ : 2019/11/3
8,729محدود کردن نویسندگان در تعداد ارسال مطالب در وردپرس با Limit Posts تاریخ : 2017/11/26
7,480نمایش لیست نوشته های زماندار در وردپرس تاریخ : 2019/04/15
8,929تغییر نحوه نمایش دیدگاه های مدیر در وردپرس تاریخ : 2016/04/5
10,508افزایش امنیت و بهینه سازی وردپرس با Cloudflare تاریخ : 2018/09/30
13,048افزونه ایجاد دکمه های اشتراک گذاری مطالب وردپرس Super Socializer تاریخ : 2017/12/3
6,076ارسال ایمیل به نویسنده هنگام انتشار مطالب بدون افزونه تاریخ : 2019/04/18
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file