如何创建一个 WordPress 短代码,使您能够添加一个带有文本的图像,并与图像的中间对齐?
[ ]
[ ]
[ IMAGE ] My Text (aligned in middle)
[ ]
[ ]
现在这是我的代码,但它执行得不好-
在wordpress中执行:
[contactIcon]here I add my image and text next to each other[/contactIcon]
函数.php
function contactIcon($atts, $content = null) {
$content = do_shortcode($content);
return '<div class="contactIcon"><img src="' . $content . '" alt="icon" /><span class="contactHeader">' . $caption . '</span></div><div style="clear:both"></div>';
}
add_shortcode('contactIcon','contactIcon');
注意:我之所以要这样做是因为在 WordPress 中,当您在其旁边添加图像和文本时,它不会与中间对齐,我每次都必须在底部添加一个清晰的 div。