مجتبی امیرزاده
1 سال پیش توسط مجتبی امیرزاده مطرح شد
2 پاسخ

اضافه کردن plyr به وردپرس

سلام رفقا..
آقا خداوکیلی یکی به من ساده بگه چطوری https://plyr.io/ رو به وردپرس اضافه کنم!
افزونه‌ش رو نمیخوام، میخوام کلا فایلش رو به قالبم اضافه کنم تا بجای پلیر دیفالت وردپرس از plyr استفاده بشه


ثبت پرسش جدید
مهدی نظری
تخصص : توسعه دهنده Front End
@mahdi.nazari 1 سال پیش مطرح شد
2

سلام مجتبی جان 🖐
امیدوارم حالت خوب و عالی باشی✨

الان بصورت خداپسندانه بهت میگم 😂👌

برای اضافه کردن کتابخانه Plyr به وردپرس بدون استفاده از افزونه، باید مراحل زیر را دنبال کنی :

  1. دانلود کتابخانه Plyr:
    ابتدا باید کتابخانه Plyr را از وبسایت رسمی آن (https://plyr.io/) دانلود کنی . به عنوان مثال، می‌توانید فایل‌های CSS و JavaScript را دانلود کنی

  2. آپلود فایل‌های Plyr:
    بعد از دانلود، فایل‌های CSS و JavaScript مربوط به Plyr را در دایرکتوری فعلی یا در دایرکتوری wp-content/themes/نام-قالب-شما آپلود کنی

  3. وارد کردن فایل‌ها به تم وردپرس:
    حالا باید این فایل‌ها را به تم وردپرس خود وارد کنی . برای این کار، باید کدهای زیر را به فایل functions.php قالب خود اضافه کنی. بهتر است کدهای زیر را در قسمت انتهای فایل functions.php اضافه کنی

    function add_plyr_scripts() {
       // اضافه کردن فایل CSS
       wp_enqueue_style('plyr-css', get_template_directory_uri() . '/plyr.css');
    
       // اضافه کردن فایل JavaScript
       wp_enqueue_script('plyr-js', get_template_directory_uri() . '/plyr.js', array(), false, true);
    }
    
    add_action('wp_enqueue_scripts', 'add_plyr_scripts');
  4. استفاده از Plyr در مطالب وردپرس:
    حالا که کتابخانه Plyr به تم شما اضافه شده ، میتونی از آن در مطالب وردپرس خود استفاده کنی . برای این کار، کافیه کد HTML ویدئو یا صدا را به شکل زیر تغییر بدی:

    برای ویدئو:

    <video controls>
       <source src="آدرس-ویدئو.mp4" type="video/mp4">
       Your browser does not support the video tag.
    </video>

    برای صدا:

    <audio controls>
       <source src="آدرس-صدا.mp3" type="audio/mpeg">
       Your browser does not support the audio tag.
    </audio>

    Plyr به طور خودکار تشخیص می‌دهد ویدئو یا صدا را و پلیر مناسبی برای آن ایجاد میکنه .

  5. ذخیره تغییرات و نمایش ویدئو یا صدا با Plyr:
    پس از تغییر کدها، فراموش نکنی تغییرات را ذخیره کنی. سپس مطالب وردپرس خود را بروز رسانی کن

تا اینجا، شما کتابخانه Plyr را به وردپرس خود اضافه کردی بدون نیاز به افزونه وردپرس.

امیدوارم پاسخم بهت کمک کرده باشه ❤️
موفق و پیروز باشی 🤘🌹


مجتبی امیرزاده
تخصص : طراح سایت و سئو
@mojtabaamirzade 1 سال پیش مطرح شد
0

دمت گرم مرد ❤️ کارم راه افتاد مرسی


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام