Wordpress コード変更エディター、無料

多くの人は、利用できる機能が非常に少ないため、WordPress エディターを見下しています。私は記事にさまざまなコードを挿入する必要があることが多いため、エディター拡張プラグイン「CK and SyntaxHighlighter」を使用していました。このエディターは非常に強力ですが、表示されるコードの強調表示が使用したテンプレートと大きく矛盾していることが後でわかりました。 。私のブログはコピー防止機能を備えているため、ページのコードをコピーすることはできません。コードを強調表示してコピーをサポートするプラグインが必要です。

その後、BaiduとGoogleで再度検索しました。ふふ～、コードのコピーもできる満足のいくコードハイライトプラグインをついに見つけました。

プラグインを見つけたので、インストールして有効にしましたが、このプラグインを CK および SyntaxHighlighter エディターのプラグインと組み合わせて使用​​すると、すぐにがっかりしました。書かれたコードの多くが競合していました。テストした結果、コード強調表示プラグインはデフォルトのエディターでのみ使用できることがわかりました。つまり、CK と SyntaxHighlighter エディター プラグインを使用するには、それをアンインストールする必要があります。真実はどこにあるのでしょうか？

私は悩むために生まれてきた、この問題は解決しなければなりません。

現在の問題は、エディター プラグインを使用したい場合は、コード ハイライト プラグインを使用できないことですが、両方が必要です。このような 2 つの間の選択は、本当に頭の痛い問題です。両方の世界を解決する方法です。

どこを探しても無駄です。思わずWordPressの公式API関数を見てみました。空には目がある！多くの機能強化をバックグラウンドでエディターに組み込むことができることがわかりました。 CK および SyntaxHighlighter エディター プラグインを思い切ってアンインストールします。実際、WordPress エディターは非常に強力で、ほとんどすべてのエディター ボタンが含まれています。ただ、プログラムのデフォルトの機能は比較的少ないです。

早速、よく使われる実用的な機能をWordPressのデフォルトエディターにテスト用に追加してみましたが、その効果は非常に良好でした。ハハ、写真を見てください！

デフォルトの簡易エディタとは違いますか？機能の最後の行がコードに追加されます。これらの機能はデフォルトのエディターでは使用できません。それらを調整して追加するだけです。最初はこれを検討するのに多くの時間を費やしましたが、最終的にはその方法が非常に簡単であることがわかりました。

使用しているテーマのテンプレート関数ファイル (つまり、functions.php ファイル) を見つけて、次のコードをそれに追加します:

//Enhanced Editor Start

function add_editor_buttons($buttons) {

$ボタン[] = 'フォント選択';

$ボタン[] = 'フォントサイズ選択';

$ボタン[] = 'クリーンアップ';

$ボタン[] = 'スタイル選択';

$ボタン[] = ' hr ';

$buttons[] = 'del';

$buttons[] = 'sub';

$buttons[] = 'sup';

$buttons[] = 'copy';

$ボタン[] = '貼り付け';

$buttons[] = 'カット';

$buttons[] = '元に戻す';

$buttons[] = '画像';

$buttons[] = 'アンカー';

$buttons[] = 'バックカラー';

$buttons[] = 'wp_page';

$buttons[] = 'charmap';

return $buttons;

}

add_filter("mce_buttons_3", "add_editor_buttons");

//拡張エディターは終了です

保存するだけです!あはは、記事でコピー防止が有効になっている場合、ページ上のコードはコピーできませんが、コードの右上隅にある [ソース コードを表示] ボタンをクリックすると、ポップアップ ウィンドウでコードをコピーできます。

最後に、集めたボタンで呼び出されるKeyをアタッチします。つまり、エディタに以下の機能を追加できます（笑）、十分強力です！

以下の機能ボタンは自分で追加できます。さらに機能を追加する場合は、コード内の "$buttons[] =" の後の一重引用符内の単語を以下の括弧内にリストされているキーに置き換えるだけです。

WordPress に組み込まれたエディター機能の欠如にまだ苦労している人は、ぜひ試してみてください。

WordPressエディタボタンで呼び出されるキー:

1. 切り取り(切り取り) コピー(コピー) 貼り付け(貼り付け) 元に戻す(元に戻す) やり直し(やり直し) 中央揃え(justifycenter)

2. 太字(太字)を追加します。 ) 斜体 (italic) 左揃え (justifyleft) 右揃え (justfyright)

3. 両端揃え (justfyfull) ハイパーリンクの挿入 (リンク) ハイパーリンクの解除 (リンク解除) イメージの挿入 (image)