איך להוסיף עמודת תמונה ראשית לטבלת עמודים בוורדפרס + עריכה מהירה של התמונה

				
					/****************************************
* קוד מאת אליצור ימיני – elitz.co.il
* שינוי תמונה ראשית מהיר בוורדפרס מתוך טבלת העמודים
* כולל הצגת תמונה + כפתור להחלפה עם wp.media + AJAX
****************************************/


/****************************************
* ✅ שלב 1: הוספת עמודת תמונה ראשית לעמודים
****************************************/
add_filter('manage_page_posts_columns', function ($columns) {
    $columns['featured_image'] = 'תמונה ראשית';
    return $columns;
});

add_action('manage_page_posts_custom_column', function ($column_name, $post_id) {
    if ($column_name === 'featured_image') {
        $thumbnail = get_the_post_thumbnail($post_id, array(60, 60));
        echo '<div class="elitzur-featured-wrapper" data-post-id="' . esc_attr($post_id) . '">';
        echo $thumbnail ?: '<span style="color:#999;">אין</span>';
        echo '<br><button class="button elitzur-set-featured">שנה תמונה</button>';
        echo '</div>';
    }
}, 10, 2);


/****************************************
* ✅ שלב 2: טעינת wp.media + JS לפתיחת מדיה והפעלת כפתור
****************************************/
add_action('admin_enqueue_scripts', function () {
    wp_enqueue_media(); // טוען את מערכת המדיה של וורדפרס

    // סקריפט אינליין שפותח את חלונית המדיה ומבצע את שליחת הנתונים
    wp_add_inline_script('jquery-core', '
        jQuery(document).ready(function($) {
            $(".elitzur-set-featured").click(function(e) {
                e.preventDefault();
                var button = $(this);
                var wrapper = button.closest(".elitzur-featured-wrapper");
                var postId = wrapper.data("post-id");

                var frame = wp.media({
                    title: "בחר תמונה ראשית",
                    multiple: false,
                    library: { type: "image" },
                    button: { text: "בחר תמונה" }
                });

                frame.on("select", function() {
                    var attachment = frame.state().get("selection").first().toJSON();

                    $.post(ajaxurl, {
                        action: "elitzur_set_featured_image",
                        post_id: postId,
                        attachment_id: attachment.id,
                        _wpnonce: elitzur_ajax.nonce
                    }, function(response) {
                        if (response.success) {
                            location.reload(); // רענון כדי להציג את התמונה החדשה
                        } else {
                            alert("שגיאה: " + response.data);
                        }
                    });
                });

                frame.open();
            });
        });
    ');

    // יצירת nonce לצורך אבטחת AJAX
    wp_localize_script('jquery-core', 'elitzur_ajax', array(
        'nonce' => wp_create_nonce('elitzur_featured_nonce')
    ));
});


/****************************************
* ✅ שלב 3: AJAX שמבצע את שינוי התמונה הראשית בפועל
****************************************/
add_action('wp_ajax_elitzur_set_featured_image', function () {
    check_ajax_referer('elitzur_featured_nonce'); // בדיקת אבטחה

    $post_id = intval($_POST['post_id']);
    $attachment_id = intval($_POST['attachment_id']);

    // בדיקה שהמשתמש יכול לערוך את הפוסט
    if (!current_user_can('edit_post', $post_id)) {
        wp_send_json_error('אין הרשאה');
    }

    // שינוי התמונה הראשית
    set_post_thumbnail($post_id, $attachment_id);

    // החזרת הצלחה ל-AJAX
    wp_send_json_success('התמונה עודכנה בהצלחה');
});