ホームページ > バックエンド開発 > PHPチュートリアル > Wordpress コード変更エディター、無料

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

WBOY
リリース: 2016-07-25 09:13:41
オリジナル
1529 人が閲覧しました

多くの人は、利用できる機能が非常に少ないため、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)

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート