wordpress - WordPressでコードボタンを編集するにはどうすればよいですか

Question

Wordpressテーマにprettyprintをインストールしました。これを使用するには、コードを次のようにラップする必要があります。

<pre class="prettyprint">
<code> 
     code here
</code>
</pre>

これで、Wordpresshtmlエディターのコードボタンは<code></code>タグのみを提供します。これを編集して、追加できるようにする方法はありspanますか？

Answer 1

これをfunctions.phpに追加します。

function my_quicktags() {
  wp_enqueue_script( 'my_quicktags' , get_template_directory_uri() . '/js/quicktags.js' , array('quicktags') );
}

add_action('admin_enqueue_scripts' , 'my_quicktags');

というファイルを作成し、テーマディレクトリquicktags.jsのフォルダに配置します。js

ファイルのすべてのコンテンツをコピーし/includes/js/quicktags.jsます。エディタータグに対応するもの、特に最後の文字列を編集/削除/追加できます。

これで、スパンを追加できます。

edButtons[15] = new qt.TagButton('span-1','My Span','<span class="myClass">','</span>','X');

つまり、次のことを意味します。

edButtons[position] = new qt.TagButton('ID','Display Name (value)','opening tag','ending tag','shortcut key');