طراحی و بهینه سازیمشاهده


 

آموزش وردپرس WordPressآموزش وردپرس WordPress سایت

آموزش جی کوئری jQueryآموزش جی کوئری jQuery جاوا اسکریپت

آموزش انگولار جی اس Angular JS آموزش انگولار جی اس 2 AngularJS 

آموزش اچ تی ام ال HTML5 CSS3آموزش HTML5 و CSS3 اچ تی ام ال 5

آموزش پی اچ پی PHPآموزش پی اچ پی PHP پک 1 برنامه نویسی وب

آموزش سئو SEO آموزش سئو سایت و وردپرس SEO گوگل 

آموزش هک قانونی آموزش هک قانونی - نفوذ و امنیت - پک1

آموزش برنامه نویسی اندروید استودیو  آموزش برنامه نویسی اندروید استودیو  

آموزش زامارین Xamarinآموزش زامارین Xamarin برنامه نویسی موبایل

هاست

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

آموزش ها , مقالات,آموزش,ترفند , وردپرس
حل مشکل واکنش گرایی ویدئو پلیر وردپرسReviewed by M.J on Jul 16Rating: 5.0حل مشکل واکنش گرایی ویدئو پلیر وردپرسسلام به همگی، در پست امروز با یک هک ساده و کاربردی وردپرس در خدمت همراهان عزیز هستیم. این هک در واقع دو روش ساده برای حل مشکل واکنش گرایی ویدیو پلیر وردپرس هست که برای خیلی از دوستان مشکلات زیادی رو ایجاد کرده و گاها حتی در سایت های معروف هم مشاهده میکنید که ویدئو پلیر از باکس نوشته ها خارج میشه. اما برای حل این مشکل چه کاری باید انجام داد؟!؟

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

 

راه حل اول

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

 راه حل دوم

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

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


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود






دستگاه جوجه کشی


مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1394/04/25 0 آموزش ها , مقالات,آموزش,ترفند , وردپرس

لینک کوتاه مطلب : http://www.20script.ir/?p=13381

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
4,734افزودن کد امنیتی به فرم تماس ۷ با افزونه Really Simple CAPTCHA تاریخ : 1394/11/26
3,726دانلود نسخه نهایی قالب فارسی صحیفه Sahifa نسخه 5.5.3 تاریخ : 1395/01/12
744افزودن تصویر شاخص وردپرس از آدرس Post Thumbnail from URL تاریخ : 1395/12/18
1,292غیر فعال کردن خوراک RSS وردپرس تاریخ : 1395/01/11
3,034افزودن دکمه پرینت مطلب و برگه ها در وردپرس با Print Post and Page تاریخ : 1396/02/12
2,752حل مشکل ایجکس هنگام قرار دادن رمز بر روی wp-admin تاریخ : 1394/05/15
1,969استفاده از یک صفحه اختصاصی بعنوان صفحه اصلی در وردپرس تاریخ : 1393/09/10
1,618نحوه تغییر تنظیمات فشرده‌سازی تصاویر در وردپرس تاریخ : 1395/02/13
5,510آموزش قرار دادن تبلیغات بعد از پست اول در وردپرس تاریخ : 1392/07/28
1,435آموزش نصب قالب در وردپرس تاریخ : 1395/10/15
20,079آموزش اضافه کردن ابزارک به قالب وردپرس تاریخ : 1392/12/5
1,486نحوه حذف کدهای کوتاه بدون استفاده از وردپرس تاریخ : 1395/01/4
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب