Thêm cài đặt hiển thị tệp đính kèm tùy chỉnh cho hình ảnh

11

Tôi đã thực hiện rất nhiều nghiên cứu và tôi chưa thực hiện được điều này. Bạn có thể thêm vào một tùy chọn tùy chỉnh trong Attachment Display Settings(một phần của Insert Mediahộp thoại trong trình chỉnh sửa bài) không?

Những gì tôi đang theo là khả năng thêm một neo với một lớp xung quanh tất cả các hình ảnh trong bài viết.

posts images attachment-fields-to-edit

— Nhà bếp
nguồn

advancedcustomfields.com có thể làm điều này, khi bạn tạo một nhóm trường mới cho trường thêm của bạn, chọn vị trí Đính kèm và nó sẽ hiển thị trường bổ sung trong hộp thoại Chèn Phương tiện và trên trang chỉnh sửa tệp đính kèm

— passatgt

1

Điều này sẽ thêm một trường trong màn hình chỉnh sửa tệp đính kèm để áp dụng một lớp cho thẻ img.

function IMGattachment_fields($form_fields, $post) {
    $form_fields["imageClass"]["label"] = __("Image Class");
    $form_fields["imageClass"]["value"] = get_post_meta($post->ID, "_imageClass", true);
    return $form_fields;
}
add_filter("attachment_fields_to_edit", "IMGattachment_fields", null, 2);
function my_image_attachment_fields_save($post, $attachment) {
    if ( isset($attachment['imageClass']) )
    update_post_meta($post['ID'], '_imageClass', $attachment['imageClass']);
    return $post;
}
add_filter("attachment_fields_to_save", "my_image_attachment_fields_save", null, 2);

— rspny
nguồn

0

Bạn chỉ cần thêm phần này vào functions.phptệp của chủ đề :

/**
* Attach a class to linked images' parent anchors
* e.g. a img => a.img img
*/
function give_linked_images_class($html, $id, $caption, $title, $align, $url, $size, $alt = '' ) {
    $classes = 'img'; // separated by spaces, e.g. 'img image-link'

    // check if there are already classes assigned to the anchor
    if ( preg_match('/<a.*? class=".*?">/', $html) ) {
    $html = preg_replace('/(<a.*? class=".*?)(".*?>)/', '$1 ' . $classes . '$2', $html);
    } else {
     $html = preg_replace('/(<a.*?)>/', '$1 class="' . $classes . '" >', $html);
    }
    return $html;
}

add_filter('image_send_to_editor','give_linked_images_class',10,8);

— jim.duck
nguồn