多くの人は、利用できる機能が非常に少ないため、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) 4 .下線(underline) 取り消し線(取り消し線) 5. アンカーテキスト(anchor) 新しいテキスト(newdocument) 6. フォントの色(forecolor) フォントの背景の色(backcolor) 7. フォントの選択(fontselect) ) フォント サイズの選択 (fontsizeselect) 8. スタイルの選択 (styleselect) 番号なしリスト (bullist) 番号付きリスト (numlist) 9. インデントを減らす (outdent) インデント (indent) ヘルプ (wp_help) 10 HTML コードを開きます。エディター (コード) 水平線 (hr) 冗長コードの削除 (クリーンアップ) 11. 上付き文字 (sub) 下付き文字 (sup) 特殊記号 (charmap) 追加タグの挿入 (wp_more) 11. ページング タグの挿入 (wp_page) 13. 非表示ボタン表示スイッチ(wp_adv) 14. 非表示ボタン領域開始部分(wp_adv_start) 16. 非表示ボタン領域終了部分(wp_adv_end)
|