Question

我希望在wordpress帖子中添加类似http://jsfiddle.net/theimaginative/gA63t/的内容。我一直在尝试创建一个短代码，将其插入一个帖子，但一直在努力。我可以获得一个基本的短代码，只使用基本功能来添加文本，但在搜索谷歌数小时后，我无法弄清楚如何将html和javascript作为短代码内容的一部分。

非常感谢任何帮助。谢谢！

<div id="sliderone">
<div id="nav">
    <div id="navone" style="text-align: center;">This is a clickable title</div>
</div>
<div id="title"></div>
</div>

 <script type="text/javascript">

$('#navone').click(function () {
$('#title').html("<img src='http://placehold.it/350x350' alt='' />");
$('#sliderone').animate({
height: '450'
});
});

</script>

Answer 1

您可以使用PHP的HEREDOC syntax将多行字符串分配给变量。

它看起来像这样。

function addClickableTile(){

$content = <<<HEREDOC

<div id="sliderone">
<div id="nav">
    <div id="navone" style="text-align: center;">This is a clickable title</div>
</div>
<div id="title"></div>
</div>

 <script type="text/javascript">

$('#navone').click(function () {
$('#title').html("<img src='http://placehold.it/350x350' alt='' />");
$('#sliderone').animate({
height: '450'
});
});

</script>

HEREDOC;

return $content;

}

add_shortcode('addClickableTile','addClickableTile');

使用短代码将内容添加到wordpress帖子

1 个答案: