在divpress中将div添加到默认的blockquotes

时间:2013-10-14 08:55:55

标签: html css wordpress

我想知道是否可以在默认的wordpress blockquote中添加div?

每当我在wordpress编辑器中使用blockquote时,我想得到这样的东西。

http://codepen.io/anon/pen/xipFk

因此,无论何时使用blockquote,我都希望在现有的blockquote元素中添加带引号的.circle div。这样做的最佳方式是什么,或者可能是更好的替代方法?

1 个答案:

答案 0 :(得分:0)

您需要使用jQuery,但在大多数主题中,默认情况下会添加jQuery。但如果不是,那么只需下载并链接到主题的head部分或使用默认的CDN,如下所示:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

添加jQuery后 - 这就是你所需要的

$('blockquote').append('<div class="circle"></div>');

这会自动将所需的div附加到帖子的每个块引用中。完整代码:

jsfiddle