html - ワードプレスのデフォルトの引用符にdivを追加する

Question

デフォルトの wordpress ブロック引用に div を追加できるかどうか疑問に思っていますか?

wordpress エディターで blockquote を使用するたびに、このようなものを取得したいと考えています。

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

したがって、blockquote が使用されるたびに、引用符付きの .circle div を既存の blockquote 要素に追加したいと考えています。これを行う最良の方法は何ですか、またはこれを行うためのより良い代替手段は何ですか?

Answer 1

ほとんどのテーマでは 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