Wordpress：删除附件字段
Posted
技术标签:
【中文标题】Wordpress：删除附件字段【英文标题】：Wordpress: Remove attachment fields 【发布时间】：2014-11-11 17:01:17 【问题描述】：如何删除 Wordpress 附件媒体库中的附件字段，例如 description 和 alt？
以下代码用于旧版 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) 以下代码示例应从 Caption、Alt Text 和 Description 字段中删除 附件详情模板：
截图：
代码：
/**
* 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 × data.height </div>
<# #>
<# if ( data.can.save && data.sizes ) #>
<a class="edit-attachment" href=" data.editLink &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) 以下代码示例应从 Caption、Alt Text 和 Description 字段中删除 附件详情两栏模板：
截图：
代码：
/**
* 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 × 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 actions 和 filters 是未来的发展方向，正如 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 > Library 并单击一个项目时，它确实有效。但是，当您尝试将媒体添加到页面/帖子（在新媒体弹出窗口中）时，它不起作用。明天我会想办法解决的。
你找到解决办法了吗？以上是关于Wordpress：删除附件字段的主要内容，如果未能解决你的问题，请参考以下文章