web-dev-qa-db-ja.com

投稿エディタでメディア添付ファイルの画像属性にカスタムフィールドを追加する

次のようなフィルタがありますが、投稿にメディアを添付するときにカスタム属性をイメージフィールドに追加する方法がわかりません。

例

<img data-ext-link-title="" data-ext-link-url="">

functions.php

function pp_external_link_edit( $form_fields, $post ) {
    $form_fields['pp-external-link-title'] = array(
        'label' => 'External Link Title',
        'input' => 'text',
        'value' => get_post_meta( $post->ID, 'pp_external_link_title', true ),
        'helps' => 'Link for button at bottom of pretty photo modal',
    );

    $form_fields['pp-external-link-url'] = array(
        'label' => 'External Link URL',
        'input' => 'text',
        'value' => get_post_meta( $post->ID, 'pp_external_link_url', true ),
        'helps' => 'Link for button at bottom of pretty photo modal',
    );

    return $form_fields;
}

add_filter( 'attachment_fields_to_edit', 'pp_external_link_edit', 10, 2 );

function pp_external_link_save( $post, $attachment ) {
    if( isset( $attachment['pp-external-link-title'] ) )
        update_post_meta( $post['ID'], 'pp_external_link_title', $attachment['pp-external-link-title']);

    if( isset( $attachment['pp-external-link-url'] ) )
        update_post_meta( $post['ID'], 'pp_external_link_url', $attachment['pp-external-link-url']);

    return $post;
}

add_filter( 'attachment_fields_to_save', 'pp_external_link_save', 10, 2 );
custom-post-typescustomizationcustom-fieldattachmentsattachment-fields-to-edit
2
madphp

挿入された画像のHTMLをimage_send_to_editorまたはget_image_tagフィルタで修正したいと思いませんか。

その場合は、その一例を次に示します。

/**   
 * Add the data-ext-link-title and data-ext-link-url attributes to inserted images. 
 */

add_filter( 'image_send_to_editor',
    function( $html, $id, $caption, $title, $align, $url, $size, $alt )
    {    
        if( $id > 0 )
        {
            $ext_title = get_post_meta( $id, 'pp_external_link_title', true ); 
            $ext_url   = get_post_meta( $id, 'pp_external_link_url',   true ); 
            $data  = sprintf( ' data-ext-link-title="%s" ', esc_attr( $ext_title ) );
            $data .= sprintf( ' data-ext-link-url="%s" ',   esc_url( $ext_url )    );
            $html = str_replace( "<img src", "<img{$data}src", $html );
        }
        return $html;
    }
, 10, 8 );

ここでは、対応するメタ値が空または欠落している場合は、空のdata-ext-link-titleまたはdata-ext-link-url属性が必要であると仮定します。

うまくいけばあなたはあなたのニーズに合わせてこれを調整することができます。

4
birgire

私は先日似たようなことをしていました、そして、私が何をしようとしても、attachment_fields_to_saveを動かすことができませんでした。

次のようなコードと共に、代わりにedit_attachmentフィルタを使用しました。

public function action_edit_attachment( $attachment_id ) {
    # Check to make sure we were sent by the side of the media editor, not by the real edit form
    # - if the real edit form was used, action would be editpost instead
    if ( isset($_REQUEST['action']) ) {
        $our_fields = array(
            'pp-external-link-title' => 'text',
            'pp-external-link-url' => 'text'
        );
        foreach ( $our_fields as $field_name => $input_type ) {
            if ( isset( $_REQUEST['attachments'][$attachment_id]["{$field_name}"] ) ) {
                switch ( "{$input_type}" ) {
                    case 'text':
                        $value = stripcslashes($_REQUEST['attachments'][$attachment_id]["{$field_name}"]);
                        update_post_meta( $attachment_id, "{$field_name}", $value );
                        break;
                    default:
                        # Not implemented
                        break;
                }
            }
        }
    }
    return $attachment_id;
}
add_filter( 'edit_attachment', 'action_edit_attachment' );

メディア画面から保存するだけの場合は、_REQUESTチェックを変更できます。

if ( isset($_REQUEST['action']) && 'save-attachment-compat' == "{$_REQUEST['action']}" ) {

または全添付ファイル投稿エディタから

if ( isset($_REQUEST['action']) && 'editpost' == "{$_REQUEST['action']}" ) {

いずれにせよ、私は古い方法ではうまくいきませんでした...そして少なくとも数人の人々が私と同じくらい困難であることがわかりました。

0
Privateer