PHP:Wordpress带图像的短代码

PHP:Wordpress带图像的短代码,php,wordpress,image,shortcode,Php,Wordpress,Image,Shortcode,我有一个短代码问题 查看此主题: 请导航至短代码->切换并查看示例 我想使用toogle函数,但是,我希望能够使用标题旁边的图像,比如符号 但是,当我在wordpress中执行此操作时,标题将不会显示,并且短代码会被弄乱 核心代码如下所示: function minti_toggle( $atts, $content = null) { extract(shortcode_atts(array( 'title' => '',

我有一个短代码问题

查看此主题:

请导航至短代码->切换并查看示例

我想使用toogle函数,但是,我希望能够使用标题旁边的图像,比如符号

但是,当我在wordpress中执行此操作时,标题将不会显示,并且短代码会被弄乱

核心代码如下所示:

function minti_toggle( $atts, $content = null)
    {
     extract(shortcode_atts(array(
            'title' => '',
            ), $atts));
       return '<div class="toggle"><div class="title">'.$title.'<span></span></div><div class="inner"><div>'. do_shortcode($content) . '</div></div></div>';
    } 

add_shortcode('toggle', 'minti_toggle');
我对PHP还是新手,所以我似乎看不到,它限制我只在标题标签中使用字母,而不是图像文件

致意
Patrick用于设置标题中的背景图像。 请更改插件的.css文件

.title{
   background:url('imageurl');
   background-repeat: no-repeat;
 }

好的,我解决了问题,如果有人需要这个:

问题是,当添加标签时,它会破坏标题标签,而不会显示任何内容

因此,我编辑了代码,以便输入另一个值,然后显示在标题的左侧:

    function minti_toggle($atts, $content = null)
{
 extract(shortcode_atts(array(
        'title' => '',
        'image' => ''
        ), $atts));
   return '<div class="toggle"><div class="title">'.$title.'<span style="float:left;margin-right:5%"><img width="22" height="22" src="'.$image.'" class="alignnone wp-image-157"></span></div><div class="inner"><div>'. do_shortcode($content) . '</div></div></div>';
}

    add_shortcode('toggle', 'minti_toggle');
此代码返回图像的代码输入。所以短代码应该是

如果希望能够编辑css文件中的代码,只需删除中的样式,并在style.css中为此创建一个类


希望这对某人有所帮助:

嘿!谢谢你的回答。这不是我需要的背景图像,而是标题右侧的单个图像。示例:比利时国旗图片如何做到这一点?我正在尝试做类似的事情。你能在帖子中展示一下你是如何调用短代码的吗?非常感谢。