優れたソフトウェアと実用的なチュートリアル
使用したコードをブログに記録したいという人は多いですが、ご存知の通り、WordPress自体のコード機能は非常にシンプルで、美化効果すらないため、読みにくいです。美しいコード効果を表示したい場合は、プラグインをインストールする必要があります...コードのハイライトプラグイン。次に、最適なものをいくつか選びます。 WordPressコードブロックプラグイン
WordPress コードエンライタプラグイン
他のプラグインと比較して、エンライターより簡潔なスタイルとモダンなデザインを採用し、小さなフォントを使用しており、非常に美しいです。コードブロックのハイライトとインラインコードのハイライトをサポートしています。フロントエンドの表示でもバックエンドのデザインでも、非常に考え抜かれたデザインです。
Enlighterは非常に使いやすいプラグインです。入力ボックスをクリックしてコードをコピーし、保存するだけです。追加の設定なしで、美しいコード表示を作成できます。WordPressのデフォルトのTinyMCEエディタでコードボックスを開かずに直接コードを編集できます。コードに慣れていない方でも、簡単に使い始めることができます。
EnlighterはWordPress Gutenbergエディタの新バージョンに適応しました、コードモジュールを提供しており、直接追加することができます
WordPressコードプラグインSyntaxHighlighter Evolved
進化したSyntaxHighlighterこれは非常にシンプルなプラグインです。最大の特徴は、使いやすさです。エディターに余分な要素を追加しません。コードをハイライトしたい場合は、対応する言語のショートコードをコードの前後に挿入するだけです。例えば、PHP言語を挿入するには、[php] code [/php]という形式を使用します。もちろん、この方法でスタイルを調整することはできません。プラグイン設定でデフォルトのスタイルを設定し、すべてのコードに適用することができます。
コードプリティファイ
最も簡単に使用できるコード強調表示プラグインと言えます。コードプリティファイWordPressのフォーマットに基づいて、コードハイライトスタイルが追加されました。コードを選択し、事前フォーマットを選択するだけで、自動的に言語を判別し、コードにハイライト効果を追加します。このプラグインは初心者や非専門家に最適です。設定項目はありませんが、非常に便利です。
Gutenbergでは、Code Prettify はモジュールを追加しません。Code Prettify プラグインのコード強調表示効果を利用するには、ブロックをコードに類似したものに設定するだけで済みます。
WordPress コード プラグイン Crayon Syntax Highlighter (Gutenberg ではまだサポートされていません)
WordPressエディタの新バージョンには適応されていませんが、クレヨン構文ハイライター これはPHPとjQueryで構築された、最も包括的なコードハイライトプラグインです。インストールすると、WordPressエディターにコードボタンが追加され、コードをカスタマイズできるようになります。
同時に、言語、フォント、コード形式などのオプションも選択でき、Monokai、Eclipseなど、数十の組み込みスタイルからお気に入りのテーマを選択することもできます。
ツールバーも提供されており、訪問者が自分でコードの表示を制御できます。
- コードラッピング
- 非常に長くて幅の広いディスプレイ
- 選択したすべての関数をコード化する
- 行番号を非表示にする
- 新しいタブでコードを開く
ツールバーが気に入らない場合は、これらのオプションのデフォルト値をバックグラウンドで直接設定し、ツールバーを非表示にして純粋なコードを表示することもできます。
また、Crayon Syntax Highlighter はクラシックエディターで使用する必要があることに注意してください。WordPress はデフォルトのクラシックエディター方式を使用します。
これらはすべて優れたプラグインであり、すべて無料です。コードの記録、表示、読み取り、そしてコードフォーマットの改善に役立ちます。