使用终极短代码插件(灯箱短代码)和一些自定义样式,我经常在我的网站上创建弹出窗口。 我试图通过在自定义简码中包含简码和自定义样式来简化用例。
例如,这是我需要键入的代码才能获得所需的效果:
<p style="text-align: left;">[su_lightbox type="inline" src=".123"]Some Name<i class="fa fa-chevron-right float-right"></i>[/su_lightbox]</p>
<div class="123 mfp-hide">
This is the content
</div>
这是我尝试将上述内容转换为简码:
// Add Shortcode
function person_shortcode( $atts , $content = null ) {
// Attributes
extract( shortcode_atts(
array(
'name' => 'name',
'numb' => 'numb',
), $atts )
);
// Code
return '<p style="text-align: left;">[su_lightbox type="inline" src=".'.$numb'"]'. $name .'<i class="fa fa-chevron-right float-right"></i>[/su_lightbox]</p>
<div class="'. $numb .' mfp-hide">
'. $content . '
</div>';
}
add_shortcode( 'person', 'person_shortcode' );
所以我的问题是我怎样才能使上述工作?
到目前为止,我已经尝试将su_lightbox
短代码替换为Firebug内部的输出,但这不起作用。
您可以手动调用短代码回调返回的字符串do_shortcode
。类似以下内容的内容应该有效:
// Add Shortcode
function person_shortcode( $atts , $content = null ) {
// Attributes
extract( shortcode_atts(
array(
'name' => 'name',
'numb' => 'numb',
), $atts )
);
// Code
return do_shortcode( '<p style="text-align: left;">[su_lightbox type="inline" src=".'.$numb.'"]'. $name .'<i class="fa fa-chevron-right float-right"></i>[/su_lightbox]</p>
<div class="'. $numb .' mfp-hide">
'. $content . '
</div>' );
}
add_shortcode( 'person', 'person_shortcode' );
此代码部分还存在语法错误:
src=".'.$numb'"]'
您可能打算这样做:
src=".'.$numb.'"]'
我已经在上面的示例中修复了这个问题。