Wordpress:删除附件字段

Posted

技术标签:

【中文标题】Wordpress:删除附件字段【英文标题】:Wordpress: Remove attachment fields 【发布时间】:2014-11-11 17:01:17 【问题描述】:

如何删除 Wordpress 附件媒体库中的附件字段,例如 descriptionalt

以下代码用于旧版 Wordpress(3.5 之前):

function remove_attachment_field ( $fields ) 
    unset( $fields['image_alt'] ); // Removes ALT field
    return $fields;

add_filter( 'attachment_fields_to_edit', 'remove_attachment_field', 15, 1 );

但从那以后,我没有找到可行的解决方案。

有人知道解决办法吗?

澄清我要删除哪些字段:

【问题讨论】:

告诉我更多关于上下文的信息。您将代码放在哪里,您希望它用于新附件还是现有附件。如果要删除现有附件的这些,您必须访问数据库,对吗? 在wordpress.stackexchange.com你可能会有更好的运气 相关:wordpress.stackexchange.com/questions/45562/… 【参考方案1】:

@brasofilo 的 above solution 应该可以正常工作,但我们也可以使用 @EricAndrewLewis 的 this great answer 作为指南,了解如何覆盖 Backbone 微模板

覆盖 Backbone 微模板 - 短版:

您可以使用自定义#tmpl-attachment-details-custom 覆盖微主干模板#tmpl-attachment-details

wp.media.view.Attachment.Details.prototype.template = wp.media.template( 'attachment-details-custom' );

同样,您可以使用 #tmpl-attachment-details-two-column-custom 覆盖微模板 #tmpl-attachment-details-two-column

wp.media.view.Attachment.Details.TwoColumn.prototype.template = wp.media.template( 'attachment-details-two-column-custom' );

覆盖 Backbone 微模板 - 长版:

Here你可以获得WordPress核心使用的媒体模板。

1) 以下代码示例应从 CaptionAlt TextDescription 字段中删除 附件详情模板:

截图:

代码:

/**
 * Override the "Attachments Details" Backbone micro template in WordPress 4.0
 *
 * @see https://***.com/a/25948448/2078474
 */    

add_action( 'admin_footer-post.php', 'modified_attachments_details_template_so_25894288' );

function modified_attachments_details_template_so_25894288() 
?>
        <script type="text/html" id="tmpl-attachment-details-custom">
                <h3>
                        <?php _e('Attachment Details'); ?>

                        <span class="settings-save-status">
                                <span class="spinner"></span>
                                <span class="saved"><?php esc_html_e('Saved.'); ?></span>
                        </span>
                </h3>
                <div class="attachment-info">
                        <div class="thumbnail thumbnail- data.type ">
                                <# if ( data.uploading )  #>
                                        <div class="media-progress-bar"><div></div></div>
                                <#  else if ( 'image' === data.type && data.sizes )  #>
                                        <img src=" data.size.url " draggable="false" />
                                <#  else  #>
                                        <img src=" data.icon " class="icon" draggable="false" />
                                <#  #>
                        </div>
                        <div class="details">
                                <div class="filename"> data.filename </div>
                                <div class="uploaded"> data.dateFormatted </div>

                                <div class="file-size"> data.filesizeHumanReadable </div>
                                <# if ( 'image' === data.type && ! data.uploading )  #>
                                        <# if ( data.width && data.height )  #>
                                                <div class="dimensions"> data.width  &times;  data.height </div>
                                        <#  #>

                                        <# if ( data.can.save && data.sizes )  #>
                                                <a class="edit-attachment" href=" data.editLink &amp;image-editor" target="_blank"><?php _e( 'Edit Image' ); ?></a>
                                               <a class="refresh-attachment" href="#"><?php _e( 'Refresh' ); ?></a>
                                        <#  #>
                                <#  #>

                                <# if ( data.fileLength )  #>
                                        <div class="file-length"><?php _e( 'Length:' ); ?>  data.fileLength </div>
                                <#  #>

                                <# if ( ! data.uploading && data.can.remove )  #>
                                        <?php if ( MEDIA_TRASH ): ?>
                                        <# if ( 'trash' === data.status )  #>
                                                <a class="untrash-attachment" href="#"><?php _e( 'Untrash' ); ?></a>
                                        <#  else  #>
                                                <a class="trash-attachment" href="#"><?php _e( 'Trash' ); ?></a>
                                        <#  #>
                                        <?php else: ?>
                                                <a class="delete-attachment" href="#"><?php _e( 'Delete Permanently' ); ?></a>
                                        <?php endif; ?>
                                <#  #>

                                <div class="compat-meta">
                                        <# if ( data.compat && data.compat.meta )  #>
                                                 data.compat.meta 
                                        <#  #>
                                </div>
                        </div>
                </div>

                <label class="setting" data-setting="url">
                        <span class="name"><?php _e('URL'); ?></span>
                        <input type="text" value=" data.url " readonly />
                </label>
                <# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #>
                <label class="setting" data-setting="title">
                        <span class="name"><?php _e('Title'); ?></span>
                        <input type="text" value=" data.title "  maybeReadOnly  />
                </label>
                <# if ( 'audio' === data.type )  #>
                <?php foreach ( array(
                        'artist' => __( 'Artist' ),
                        'album' => __( 'Album' ),
                ) as $key => $label ) : ?>
                <label class="setting" data-setting="<?php echo esc_attr( $key ) ?>">
                        <span class="name"><?php echo $label ?></span>
                        <input type="text" value=" data.<?php echo $key ?> || data.meta.<?php echo $key ?> || '' " />
                </label>
                <?php endforeach; ?>
                <#  #>
<!-- LET'S REMOVE THIS SECTION:
                <label class="setting" data-setting="caption">
                        <span class="name"><?php _e('Caption'); ?></span>
                        <textarea  maybeReadOnly > data.caption </textarea>
                </label>
                <# if ( 'image' === data.type )  #>
                        <label class="setting" data-setting="alt">
                                <span class="name"><?php _e('Alt Text'); ?></span>
                                <input type="text" value=" data.alt "  maybeReadOnly  />
                        </label>
                <#  #>
                <label class="setting" data-setting="description">
                        <span class="name"><?php _e('Description'); ?></span>
                        <textarea  maybeReadOnly > data.description </textarea>
                </label>
-->
  </script>
  <script>
    jQuery(document).ready( function($) 
        if( typeof wp.media.view.Attachment.Details != 'undefined' )
            wp.media.view.Attachment.Details.prototype.template = wp.media.template( 'attachment-details-custom' );
        
    );
    </script>
    <?php

2) 以下代码示例应从 CaptionAlt TextDescription 字段中删除 附件详情两栏模板:

截图:

代码:

/**
 * Override the "Attachments Details Two Column" Backbone micro template in WordPress 4.0
 *
 * @see https://***.com/a/25948448/2078474
 */    

add_action( 'admin_footer-upload.php', 'modified_attachments_details_two_column_template_so_25894288' );

function modified_attachments_details_two_column_template_so_25894288() 
 ?>
        <script type="text/html" id="tmpl-attachment-details-two-column-custom">
                <div class="attachment-media-view  data.orientation ">
                        <div class="thumbnail thumbnail- data.type ">
                                <# if ( data.uploading )  #>
                                        <div class="media-progress-bar"><div></div></div>
                                <#  else if ( 'image' === data.type && data.sizes && data.sizes.large )  #>
                                        <img class="details-image" src=" data.sizes.large.url " draggable="false" />
                                <#  else if ( 'image' === data.type && data.sizes && data.sizes.full )  #>
                                        <img class="details-image" src=" data.sizes.full.url " draggable="false" />
                                <#  else if ( -1 === jQuery.inArray( data.type, [ 'audio', 'video' ] ) )  #>
                                        <img class="details-image" src=" data.icon " class="icon" draggable="false" />
                                <#  #>

                                <# if ( 'audio' === data.type )  #>
                                <div class="wp-media-wrapper">
                                        <audio style="visibility: hidden" controls class="wp-audio-shortcode"  preload="none">
                                                <source type=" data.mime " src=" data.url "/>
                                        </audio>
                                </div>
                                <#  else if ( 'video' === data.type ) 
                                        var w_rule = h_rule = '';
                                        if ( data.width ) 
                                                w_rule = 'width: ' + data.width + 'px;';
                                         else if ( wp.media.view.settings.contentWidth ) 
                                                w_rule = 'width: ' + wp.media.view.settings.contentWidth + 'px;';
                                        
                                        if ( data.height ) 
                                                h_rule = 'height: ' + data.height + 'px;';
                                        
                                #>
                                <div style=" w_rule  h_rule " class="wp-media-wrapper wp-video">
                                        <video controls="controls" class="wp-video-shortcode" preload="metadata"
                                                <# if ( data.width )  #><#  #>
                                                <# if ( data.height )  #><#  #>
                                                <# if ( data.image && data.image.src !== data.icon )  #>poster=" data.image.src "<#  #>>
                                                <source type=" data.mime " src=" data.url "/>
                                        </video>
                                </div>
                                <#  #>

                                <div class="attachment-actions">
                                        <# if ( 'image' === data.type && ! data.uploading && data.sizes && data.can.save )  #>
                                                <a class="button edit-attachment" href="#"><?php _e( 'Edit Image' ); ?></a>
                                        <#  #>
                                </div>
                        </div>
                </div>
                <div class="attachment-info">
                        <span class="settings-save-status">
                                <span class="spinner"></span>
                                <span class="saved"><?php esc_html_e('Saved.'); ?></span>
                        </span>
                        <div class="details">
                                <div class="filename"><strong><?php _e( 'File name:' ); ?></strong>  data.filename </div>
                                <div class="filename"><strong><?php _e( 'File type:' ); ?></strong>  data.mime </div>
                                <div class="uploaded"><strong><?php _e( 'Uploaded on:' ); ?></strong>  data.dateFormatted </div>

                                <div class="file-size"><strong><?php _e( 'File size:' ); ?></strong>  data.filesizeHumanReadable </div>
                                <# if ( 'image' === data.type && ! data.uploading )  #>
                                        <# if ( data.width && data.height )  #>
                                                <div class="dimensions"><strong><?php _e( 'Dimensions:' ); ?></strong>  data.width  &times;  data.height </div>
                                        <#  #>
                                <#  #>

                                <# if ( data.fileLength )  #>
                                        <div class="file-length"><strong><?php _e( 'Length:' ); ?></strong>  data.fileLength </div>
                                <#  #>

                                <# if ( 'audio' === data.type && data.meta.bitrate )  #>
                                        <div class="bitrate">
                                                <strong><?php _e( 'Bitrate:' ); ?></strong>  Math.round( data.meta.bitrate / 1000 ) kb/s
                                                <# if ( data.meta.bitrate_mode )  #>
                                                 ' ' + data.meta.bitrate_mode.toUpperCase() 
                                                <#  #>
                                        </div>
                                <#  #>

                                <div class="compat-meta">
                                        <# if ( data.compat && data.compat.meta )  #>
                                                 data.compat.meta 
                                        <#  #>
                                </div>
                        </div>

                        <div class="settings">
                                <label class="setting" data-setting="url">
                                        <span class="name"><?php _e('URL'); ?></span>
                                        <input type="text" value=" data.url " readonly />
                                </label>
                                <# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #>
                                <label class="setting" data-setting="title">
                                        <span class="name"><?php _e('Title'); ?></span>
                                        <input type="text" value=" data.title "  maybeReadOnly  />
                                </label>
                                <# if ( 'audio' === data.type )  #>
                                <?php foreach ( array(
                                        'artist' => __( 'Artist' ),
                                        'album' => __( 'Album' ),
                                ) as $key => $label ) : ?>
                                <label class="setting" data-setting="<?php echo esc_attr( $key ) ?>">
                                        <span class="name"><?php echo $label ?></span>
                                        <input type="text" value=" data.<?php echo $key ?> || data.meta.<?php echo $key ?> || '' " />
                                </label>
                                <?php endforeach; ?>
                                <#  #>
<!-- LET'S REMOVE THIS SECTION:
                                <label class="setting" data-setting="caption">
                                        <span class="name"><?php _e( 'Caption xxx' ); ?></span>
                                        <textarea  maybeReadOnly > data.caption </textarea>
                                </label>
                                <# if ( 'image' === data.type )  #>
                                        <label class="setting" data-setting="alt">
                                                <span class="name"><?php _e( 'Alt Text' ); ?></span>
                                                <input type="text" value=" data.alt "  maybeReadOnly  />
                                        </label>
                                <#  #>
                                <label class="setting" data-setting="description">
                                        <span class="name"><?php _e('Description xxx'); ?></span>
                                        <textarea  maybeReadOnly > data.description </textarea>
                                </label>
                                <label class="setting">
                                        <span class="name"><?php _e( 'Uploaded By' ); ?></span>
                                        <span class="value"> data.authorName </span>
                                </label>
                                <# if ( data.uploadedToTitle )  #>
                                        <label class="setting">
                                                <span class="name"><?php _e( 'Uploaded To' ); ?></span>
                                                <# if ( data.uploadedToLink )  #>
                                                        <span class="value"><a href=" data.uploadedToLink "> data.uploadedToTitle </a></span>
                                                <#  else  #>
                                                        <span class="value"> data.uploadedToTitle </span>
                                                <#  #>
                                        </label>
                                <#  #>
-->
                                <div class="attachment-compat"></div>
                        </div>

                        <div class="actions">
                                <a class="view-attachment" href=" data.link "><?php _e( 'View attachment page' ); ?></a>
                                <# if ( data.can.save )  #> |
                                        <a href="post.php?post= data.id &action=edit"><?php _e( 'Edit more details' ); ?></a>
                                <#  #>
                                <# if ( ! data.uploading && data.can.remove )  #> |
                                        <?php if ( MEDIA_TRASH ): ?>
                                                <# if ( 'trash' === data.status )  #>
                                                        <a class="untrash-attachment" href="#"><?php _e( 'Untrash' ); ?></a>
                                                <#  else  #>
                                                        <a class="trash-attachment" href="#"><?php _e( 'Trash' ); ?></a>
                                                <#  #>
                                        <?php else: ?>
                                                <a class="delete-attachment" href="#"><?php _e( 'Delete Permanently' ); ?></a>
                                        <?php endif; ?>
                                <#  #>
                        </div>

                </div>
        </script>
  <script>
    jQuery(document).ready( function($) 
        if( typeof wp.media.view.Attachment.Details.TwoColumn != 'undefined' )
            wp.media.view.Attachment.Details.TwoColumn.prototype.template = wp.template( 'attachment-details-two-column-custom' );
        
    );
    </script>
    <?php

希望您可以根据需要进行修改。

【讨论】:

哇!我有问题。考虑到 WP 在过去的更新中不断对媒体库进行更改时,使用这些代码有多安全?我的意思是,如果我们将核心覆盖到这种程度,我们是否不会冒险让这不是未来的证明?谢谢你的回答。真遗憾,过滤掉这些的旧技术不再起作用了。 这种方法让我们可以完全控制 Backbone 模板,但您是正确的,如果原始模板发生更改,您可能必须更新修改后的模板。我没有调查过它们在过去发生了多少变化以及变化的频率。也许 javascript actionsfilters 是未来的发展方向,正如 here 所讨论的那样;-) 请把“上面”改成“下面” :) 这是一个非常酷的 sn-p,谢谢! @brasofilo 我会推荐您使用 CSS 的解决方案,因为 OP 只想隐藏这些字段。在这种情况下,我描述的方法更像是 "Nuking The Mosquito" ;-) 您的代码是唯一可行的方法。但是,您是否还有解决方案将其从附件的编辑帖子视图中删除? (例如 wp-admin/post.php?post=36&action=edit)【参考方案2】:

可以使用admin_print_styles-$page 和selecting the elements using the data attribute 在/wp-admin/post.php 上打印样式。

可以检测当前帖子类型并仅将规则应用于给定类型:

foreach( array( 'post.php', 'post-new.php' ) as $hook )
    add_action( "admin_print_styles-$hook", 'admin_styles_so_25894288');

function admin_styles_so_25894288() 
    global $typenow;
    if( 'post' !== $typenow )
        return;
    ?>
    <style>
        .media-sidebar .setting[data-setting="caption"],
        .media-sidebar .setting[data-setting="description"],
        .media-sidebar .setting[data-setting="alt"]  
            display: none; 
        
    </style>
    <?php

【讨论】:

效果很好!还有一个问题。无论如何,我可以将自定义 CSS 样式添加到“图像详细信息”弹出窗口吗?它是当您在帖子中插入图片时出现的,然后单击它以打开图片详细信息,请参见此截图:i.imgur.com/OI0t9to.png 使用 Chrome Inspector 或 Firebug 查找您需要的目标。这两个是.media-frame-content .setting.caption.media-frame-content .setting.alt-text 非常感谢,不过还有一个问题。这仅在帖子保存为草稿时才有效。执行以下操作:Add New post,单击 Add Media 按钮,CSS 未添加。它只影响已保存的帖子。你有解决这个问题的办法吗?不会对性能产生太大影响的一种。 @GaryWoods,这是在两页中应用操作的问题,我已经用一个可行的解决方案更新了答案。 @brasofilo 这是一个很好的答案。我有一个类似的问题,但有点不同。我正在使用wp_editor() 在我创建的页面上显示编辑器。例如 url 是:http://localhost.com/multisite/create-post。有没有办法在管理面板之外的页面上使用相同的功能?【参考方案3】:

试试这个:

add_action('admin_head', 'remove_attachment_field');
function remove_attachment_field() 
  echo "<style>div.attachment-info label.setting[data-setting=alt], div.attachment-info label.setting[data-setting=caption], div.attachment-info label.setting[data-setting=description]  display: none; </style>";

【讨论】:

不幸的是,这不起作用。请注意,媒体库在灯箱类型的窗口中打开,因此我认为您需要以不同的方式挂钩才能添加自定义 CSS。其次,理想情况下,我正在寻找一种方法来连接附件字段并取消设置它们,而不是用 CSS 隐藏它们。 这在默认的 Wordpress 4.0 设置中对我有用。我同意挂钩这些字段并取消设置它们是最好的,但不幸的是,由于总是添加字段,这似乎不再起作用 - 请参阅github.com/WordPress/WordPress/blob/… 您能否确认您的代码是否有效?我刚刚在全新安装的 WordPress 4.0 上尝试过,但没有成功。也许我们需要调整优先级设置? 似乎我们在不同的地方进行测试。当您转到Media &gt; Library 并单击一个项目时,它确实有效。但是,当您尝试将媒体添加到页面/帖子(在新媒体弹出窗口中)时,它不起作用。明天我会想办法解决的。 你找到解决办法了吗?

以上是关于Wordpress:删除附件字段的主要内容,如果未能解决你的问题,请参考以下文章

在wordpress中向附件添加自定义字段

PHP WordPress:删除Feed中媒体文件的附件

php 重力形成多文件上传器字段到wordpress媒体附件并添加到CPT的元

SQL查询删除wordpress中的所有媒体和附件

wordpress如何调用单篇文章里面的所有附件图片?

如何从 Wordpress 中的 Google Maps ACF 字段中删除纬度和经度?