DiverでHighlighting Code Blockを使うと変なデザインになる

対処法

あきらめて「Code Snippets」という類似プラグインを使う

Code Snippets

たぶん、CSSがテーマとぶつかっていることが原因と思われる。

Code Snippetsの使い方

インストールして有効化

投稿画面で、

[code lang="言語名"]
コード
[/code]

のように書けば、ハイライト（色）付でコードがプレビューされる。

例

[code lang="php"]
<?php
echo “Aho”;
?>
[/code]

ショートコードとして登録

AddQuicktagをインストールして、ショートコードとして登録すると便利

AddQuicktag

設定＞AddQuicktag を開く。

画像のように設定する。

「並び順」は、数字が小さい順に並ぶので、よく使うものを若い数字にしておくと便利。

投稿画面を見ると、エディターに追加されているはず。

うまくいかない場合

もし出なかったら、Diver側で制限がかかっているので、この記事を見て。

WordPressテーマDiverで、プラグインによる入力補助がエディターに表示されない場合

2022.4.15

例えば、「Highlighting Code Block」というソースコードを記事内に埋め込んできれいに表示するプラグインなどを使いたい場合。 ↓プラグインを有効化してもエディターがデフォルトのまま カスタマイズが必要。 子テーマのfunctions.phpに下記を追記 function my_...

もし、大なりなどの記号が勝手に「＆ｇｔ；」とかの意味不明な文字列に置き換えられる場合は、この記事見て。

記事内にサンプルコードを埋め込むと ＞ が &ｇｔ； に変換される

2022.4.18

プラグイン「SyntaxHighlighter Evolved」やその他の方法でコードプレビューを埋め込んだ際、よくわからないタイミングで大なり（「>」）が「&gt；」に変換されてしまうことがある。 せっかくコードを書いたのに、WordPressの余計な機能で勝手にこんな風に置換される...