我正在尝试将文本输入添加到“插入媒体”模式,以希望能够向data-
图像的父锚添加html5 属性。
<a class="fancybox" href="..." data-fancybox-group=" ">
<-这部分
<img class="wp-image-871" src="..." alt="..." width="245" height="333" />
</a>
到目前为止,我已经能够将输入添加到模式中:
在我的functions.php文件中使用以下代码:
function add_fancybox_input( $form_fields, $post ) {
$form_fields['fancyboxGroup'] = array(
'label' => 'fancybox group',
'input' => 'text',
'value' => 'testing',
'helps' => 'use this to group images in fancybox',
);
return $form_fields;
}
add_filter( 'attachment_fields_to_edit', 'add_fancybox_input', 10, 2 );
并且我已经data-fancybox-group=""
使用将该锚添加到锚中:
function give_linked_images_class($html, $id, $caption, $title, $align, $url, $size, $alt = '' ){
$classes = 'fancybox'; // 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 . '" data-fancybox-group="" >', $html);
}
return $html;
}
add_filter('image_send_to_editor','give_linked_images_class',10,8);
这是我遇到的问题...我有一个输入数据的地方,还有一个存放数据的地方,但是我不确定如何从输入中获取数据-fancybox-group属性。