wp-syntax-highlighters-01

10 無料のワードプレスのプラグインを表示して、あなたのサイトにコードを編集

From 10 Free WordPress Plugins for Displaying and Editing Code on Your Site

ソリューションを共有する意向は、web デザインのコミュニティの本当に偉大な側面の一つとアイデア。
そのため、多くの人々 は、チュートリアルや便利なコード スニペットを自分のブログに投稿する選択します。
いつ見てスニペットをきれいに、読みやすいようにお勧めですコードを表示するには、可能な限り。
You も自分用をコピペするが容易であることを確認する必要があります。
を超えてフロント エンドのスニペットを投稿、あります withi を強調表示の構文を追加するいくつかの良い理由n ワードプレス自体。
1 つは、標準の WordPress のテキストエディター面倒なことフィンしようとしたときd 特定のコード-特に長いページと記事に。
ここでは、無料のワードプレスの plu のコレクション表示および美しくコードを編集するためのジン。
コード スニペット CPT コード スニペット CPT は 2 fo です。
ld のソリューションです。
まず、舞をことができます ' スニペット' と呼ばれるワードプレスのカスタム投稿タイプを作成しますありコードのライブラリ。
第二に、簡単にを介してページ記事にスニペットを追加することができます、ショート。
ワードプレスのコンテンツ エディターにスニペットの挿入] ボタンを追加する方法もあります。
Craヨン シンタックスハイ ライター A おすすめパックのプラグイン、クレヨン シンタックス ハイライトでは、・ ゲミストス ・ プレトンを表示できます。
カスタムのファッションのプログラミング言語の ra。
統合のテーマをエディターでを選択した色、font とあなたのコードを表示するために使用するコンテナーのサイズも。
Wp を採用構文 wp を採用構文に sev がサポートしています下司を使用して自由主義的言語は。
使用によってあなたのページ/ポストにコード スニペットを追加、<pre > タグに属性が適切な。
スタイルは、CSS を使ってカスタマイズできます。
私の構文のビデオ ハイライトサポートされている、ighter と 36 テーマ シンタックスハイ ライター私に収まる美しい良いチャンスがあります。
あなたのワードプレスのウェブサイトで ly。
プラグインは、CodeMirror ライブラリを使用して、異なる 16 を含まれていますショート コードを簡単に表示するために使用できます。
Enlighter カスタマイズ可能なシンタックスハイ ライター Eバックエンドとフロント エンドの両方で完全なワードプレス ビジュアルエディター統合できるようになります nlighterあなたのサイト。
これはワードプレスの内部参照してくださいおなじみの TinyMCE エディターに示すことができることを意味します。
あなたの公開サイト。
いくつかのスニペットを一緒にグループ化するタブ ペインを表示することもできます。
ああプリズムの構文ハイライターああプリズム シンタックス ハイライターは簡略化のために組み込まれています。
プラグインをインストールします。
文書化された < pre > タグでラップを開始してコード ライセンス。
設定はございません-を欺くためのコードを追加します。
角形角形では、コードを表示するための 3 つのオプションを与えます。
Prism.js、Highlight.js、プレーン。
最初の 2 つは第三中、自分のそれぞれライブラリを使用します。
(それが見える方法をカスタマイズすることができる) を強調表示、構文のコードを表示します。
プラグ軽量、だけに焦点を当て必要なときの JS/CSS が読み込まれます。
飾り立てるコード飾り立てるコードを使用してください。
< pre > 内のどのコードを自動的に強調表示する Google コード飾り立てるライブラリまたは <コード > タグ。
HTML エディターの構文ハイライター今、ワードプレスのポスト/ページのエディターを改善するために我々 have HTML エディターの構文ハイライター。
Devel のより簡単に生活になりますバックエンドのコードの強調表示論。
このプラグインのコードのハイライトだけでなく、それはまたページの後のカーソル位置が復元されます。
リロード (一般的な不満がなくなります)。
良いファイルのエディターのワードプレスを使用する場合にe またはプラグインの編集者より良いファイルのエディターは、構文の強調表示のオプションの様々 なを追加します。
使用して、Ajax.org Cloud9 エディターから選択する蛍光ペンのテーマの数十を取得します。
あなたの S を強調表示します。
sni を共有しているかどうか、映像情報メディア学会構文蛍光ペンはユーザー エクスペリエンスを強化する簡単な方法世界またはバックエンドのコードを編集するだけで ppets。
実験するいくつかの時間がかかる1 つ以上の上記のプラグインとそれらのどれがあなたにとって最高の作品を参照してください。
ポスト 10 無料 WordPress をあなたのサイトのコードの編集と表示のためのプラグインにおいたデザイン マガジンの最初登場。
関連の記事: スピード違反をトップ 10 無料応答性スライダーのワードプレスプラグインのヒント ・ プラグインs の 5 種類のプラグインすべてのワードプレスのサイトを必要とします。
  • Code Snippets CPT
  • Crayon Syntax Highlighter
  • WP-Syntax
  • My Syntax Highlighter
  • Enlighter - Customizable Syntax Highlighter
  • AH Prism Syntax Highlighter
  • Prismatic
  • Code Prettify
  • HTML Editor Syntax Highlighter
  • Better File Editor

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>