Question

我遇到短代码问题。

检查这个主题： http://themeforest.net/item/elogix-responsive-business-wordpress-theme/full_screen_preview/1958520

请导航至“Shortcodes-＆gt; Toggle”并查看示例。

我想使用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的新手，所以我似乎无法看到，它限制我只使用标题标签中的字母，而不是图像文件。

最诚挚的问候帕特里克

Answer 1

好的，所以我想出了问题，如果有其他人需要这个：

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

所以我编辑了代码，所以我可以输入另一个值，然后将其显示在标题左侧：

    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中为此创建一个类。

希望这有助于某人：）

Answer 2

用于在标题中设置背景图像请在插件的.css文件中进行更改。

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

PHP：带图像的Wordpress短代码

2 个答案: