如何在添加带有标题的图像时生成的HTML中添加新类？
例如，由此：
<div id="attachment_xyz" class="wp-caption alignleft"...
<div id="attachment_xyz" class="wp-caption alignleft my_new_class"...
谢谢，斯科特
向wp-caption添加额外的类吗？
2 个回复
最合适的回答,由SO网友:shea 整理而成
改编自this answer
将此代码添加到函数中。php文件：
add_action( \'after_setup_theme\', \'wpse_74735_replace_wp_caption_shortcode\' );
/**
* Replace the default caption shortcode handler.
*
* @return void
*/
function wpse_74735_replace_wp_caption_shortcode() {
remove_shortcode( \'caption\', \'img_caption_shortcode\' );
remove_shortcode( \'wp_caption\', \'img_caption_shortcode\' );
add_shortcode( \'caption\', \'wpse_74735_caption_shortcode\' );
add_shortcode( \'wp_caption\', \'wpse_74735_caption_shortcode\' );
}
/**
* Add the new class to the caption.
*
* @param array $attr Shortcode attributes
* @param string $content Caption text
* @return string
*/
function wpse_74735_caption_shortcode( $attr, $content = NULL )
{
$caption = img_caption_shortcode( $attr, $content );
$caption = str_replace( \'class="wp-caption\', \'class="wp-caption my_new_class\', $caption );
return $caption;
}
SO网友:Morten Skogly
在wordpress 4.9中，您可以在align属性中编写类。我给标题加了全宽，如下所示。
[caption id="attachment_11537" align="aligncenter full-width" width="1170"]<img src="http://pappmaskin.no/wp-content/2016/03/IMG_5199-1920x712.png" alt="" width="1170" height="434" class="size-large wp-image-11537" /> Fem øl takk[/caption]
<figure id="attachment_11537" style="max-width: 1170px" class="wp-caption aligncenter full-width"><img data-attachment-id="11537" data-permalink="http://pappmaskin.no/?attachment_id=11537" data-orig-file="https://i0.wp.com/pappmaskin.no/wp-content/2016/03/IMG_5199.png?fit=7723%2C2863" data-orig-size="7723,2863" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Illustrasjon: Morten Skogly" data-image-description="" data-medium-file="https://i0.wp.com/pappmaskin.no/wp-content/2016/03/IMG_5199.png?fit=640%2C237" data-large-file="https://i0.wp.com/pappmaskin.no/wp-content/2016/03/IMG_5199.png?fit=1170%2C434" src="https://i0.wp.com/pappmaskin.no/wp-content/2016/03/IMG_5199.png?resize=1170%2C434" alt="" class="size-large wp-image-11537" srcset="https://i0.wp.com/pappmaskin.no/wp-content/2016/03/IMG_5199.png?resize=1920%2C712 1920w, https://i0.wp.com/pappmaskin.no/wp-content/2016/03/IMG_5199.png?resize=310%2C115 310w, https://i0.wp.com/pappmaskin.no/wp-content/2016/03/IMG_5199.png?resize=640%2C237 640w, https://i0.wp.com/pappmaskin.no/wp-content/2016/03/IMG_5199.png?resize=768%2C285 768w, https://i0.wp.com/pappmaskin.no/wp-content/2016/03/IMG_5199.png?w=2340 2340w, https://i0.wp.com/pappmaskin.no/wp-content/2016/03/IMG_5199.png?w=3510 3510w" sizes="(max-width: 1170px) 100vw, 1170px" width="684" height="254"><figcaption class="wp-caption-text">Fem øl takk</figcaption></figure>
结束