কাস্টম প্লাগইনে "মিডিয়া যুক্ত করুন" বোতামটি


12

আমি একটি কাস্টম প্লাগইন লিখছি এবং আমি "মিডিয়া যুক্ত করুন" বোতামটি যুক্ত করতে চাই।

আমার কেবল মিডিয়া আপলোড করা দরকার, আপলোড করা ফাইল থেকে কোনও সামগ্রী / ডেটা উদ্ধার করতে হবে না।

আমি এই বোতামটি কীভাবে যুক্ত করতে পারি?

ধন্যবাদ

উত্তর:


21

আপনি যদি আপনার অ্যাডমিন প্যানেলে একটি অ্যাড মিডিয়া বোতাম যুক্ত করতে চান :

আপনাকে wp_enqueue_media () ব্যবহার করতে হবে;

add_action ( 'admin_enqueue_scripts', function () {
    if (is_admin ())
        wp_enqueue_media ();
} );

তারপরে এই জেএস ব্যবহার করুন:

jQuery(document).ready(function() {
    var $ = jQuery;
    if ($('.set_custom_images').length > 0) {
        if ( typeof wp !== 'undefined' && wp.media && wp.media.editor) {
            $('.set_custom_images').on('click', function(e) {
                e.preventDefault();
                var button = $(this);
                var id = button.prev();
                wp.media.editor.send.attachment = function(props, attachment) {
                    id.val(attachment.id);
                };
                wp.media.editor.open(button);
                return false;
            });
        }
    }
});

এই এইচটিএমএল ব্যবহার করুন:

<p>
    <input type="number" value="" class="regular-text process_custom_images" id="process_custom_images" name="" max="" min="1" step="1">
    <button class="set_custom_images button">Set Image ID</button>
</p>

1
পারফেক্ট! আমি কেবল "Qu" "jQuery" এর সাথে প্রতিস্থাপন করতে চাই এবং সবকিছু প্রত্যাশা অনুযায়ী কাজ করে! ধন্যবাদ.
লিবিন

is_admin()আপনি যখন হুক ব্যবহার করবেন তখন প্রয়োজন নেই admin_enqueue_scripts। এছাড়াও, আমি যাচাই করবো আপনি ঠিক পৃষ্ঠাতে আছেন কিনা get_current_screen()
বিয়ন্সের

এমন যে কেউ, আমার মত, এছাড়াও ইমেজ জন্য URL প্রয়োজন হতে পারে জন্য, আপনাকে নিম্নোক্ত ব্যবহার করতে পারেন: var attachmentURL = wp.media.attachment(attachment.id).get("url");। আমি এটি ভিতরে function(props, attachment)
রেখেছি

2

সংখ্যার পরিবর্তে থাম্বনেইল পূর্বরূপ দেখান

একটি টুইট হিসাবে, আমি এই ...

নম্বর ইনপুটটি লুকিয়ে রাখা হয়েছে।

যোগ করেছেন:

$imgid =(isset( $instance[ 'imgid' ] )) ? $instance[ 'imgid' ] : "";
$img    = wp_get_attachment_image_src($imgid, 'thumbnail');

এবং তারপরে ... লুকানো মাঠের উপরে।

if($img != "") {
?>
  <img src="<?= $img[0]; ?>" width="80px" /><br />
<?php 
}

এটি কোনও সংখ্যার পরিবর্তে ব্যবহারকারীর প্রান্তে থাম্বনেইল দৃশ্যমান করে দেবে :)

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.