WordPress オススメプラグイン

プログラムを書こうとしたら、コードが綺麗に表示出来ない。

なので、プラグインを入れてコードを綺麗にする方法をまとめました。

プログラムのコードを綺麗に表示する方法

<html>
<head>
<title>文書のタイトル</title>
</head>
<body>
<h1>タイトル</h1>
<p>本文</p>
</body>
</html>

<html>
    <head>
        <title>文書のタイトル</title>
    </head>
    <body>
    <h1>タイトル</h1>
        <p>本文</p>
    </body>
</html>

<html>

<head>

<title>文書のタイトル</title>

</head>

<body>

</body>

</html>

プラグイン　➡︎　新規追加　➡︎　プラグインの検索　➡︎　【Crayon Syntax Highlighter】入力　➡︎

Crayon Syntax Highlighterをインストール　➡︎　有効化

テキストをクリック

ソースコードを書きたいところにカーソルを移動

crayonをクリック

ウィンドウが表示される

Language　言語を選択

Code　ソースコードを入れる

あとは好みで変更する

私の場合、下記のようにヘッダー部分にカーソルを当てると灰色の部分が出て本文と重なるのが嫌なので、

出ないように変更します。

Toolbarの項目の、Display the ToolbarをNeverに変更します

すると下記のようになります

変更が終了したら、Addをクリックし完了