🎉 سال نو، مهارت نو، مشاوره رایگان نقشه راه برنامه نویسی (آفر ویژه ثبت نام قبل از افزایش قیمت 🔥)
۰ ثانیه
۰ دقیقه
۰ ساعت
۲ دانشجوی سون‌لرن
استفاده از آپلودر خود وردپرس
جامعه وردپرس (برنامه نویسی) ایجاد شده در ۱۵ دی ۱۴۰۱

سلام و خسته نباشید

اگر بخوایم از آپلودر یا سلکتور رسانه خود وردپرس استفاده کنیم باید چیکار کنیم چون تو اون حالت تصاویر قبلی هم نشون میده خیلی راحت‌تر میشه تصویرمون رو انتخاب کنیم مثل تصاویر ووکامرسی

با سلام

برای اینکه بتوانید از بخش رسانه خود وردپرس به صورت پاپ اپ در صفحه‌های اختصاصی خودتان استفاده کنید نیاز هست که از کدهای js استفاده کنید

برای شما یک تکه کد صرفا جهت نمونه قرار می‌دهم که بتوانید از ان برای جستوجو در گوگل استفاده کنید:

Media = wp.media.frames.file_frame = wp.media({
      title: 'Choose Image',
      button: {
      text: 'Choose Image'
    }, multiple: false });

موفق باشید

بهترین پاسخ
بهنام مرادی ۱۶ دی ۱۴۰۱، ۱۱:۲۷


سلام

من از آپلودر وردپرس برای یه قسمت از قالبم استفاده کردم، کدا رو اینجا می‌ذارم شاید کسی لازم داشت.

 

اول یه فایل js می‌خواین که باید برای استفاده توی قسمت بک اند رجیستر بشه و تابع wp_enqueue_media هم باید اجرا بشه تا بتونیم از ای پی آی گالری استفاده کنیم. هر دوی اینا باید به هوک admin_enqueue_scripts قلاب بشن.

پس تو یه تابع به این شکل نوشتمشون:

 

add_action('admin_enqueue_scripts', 'az_register_admin_assets');
function az_register_admin_assets(): void
{
   wp_enqueue_script('custom-backend', get_template_directory_uri() . '/assets/js/custom-backend.js', ['jquery'], '1.0.0', true);
   wp_enqueue_media();
}

 

توی فایل js هم این کدا رو می‌ذارید و با کلیک روی دکمه ای که برای آپلود در نظر گرفتید کدا اجرا میشن:

jQuery(document).ready(function ($) {
    $('#pic-uploader').on('click', function () {
        let gallery_window = wp.media({
            title: 'انتخاب تصویر پروفایل',
            multiple: false,
            library: {type: 'image'},
        });
//------------ Get Selected Image URL -------------
        gallery_window.on('select', function () {
            let selected_img = gallery_window.state().get('selection').first().toJSON();
            console.log(selected_img.url);
            $('#profile-img').attr('src',selected_img.url);
            $('#profile-img-src').val(selected_img.url);
        })
        gallery_window.open();
        });
    })

 

آدرس تصویر توی یه input مخفی به اسم profile-img-src قرار می‌گیره و می‌تونین هر جا خواستین ذخیره کنین یا هر کار دیگه ای ...

 

 

آزاده نوری ۱۹ مهر ۱۴۰۲، ۰۹:۲۶