ワードプレスにソースコードを綺麗に埋め込む方法『Crayon Syntax Highlighter』プラグインの使い方

ライムスです(*^^*)

今回は、ワードプレスにソースコードを綺麗に埋め込む方法を解説します。

簡単にいうと、このように綺麗にソースコードを記事内に挿入することができます( ´∀｀)

function custom_postpass_time() {
    require_once ABSPATH . 'wp-includes/class-phpass.php';
    $hasher = new PasswordHash( 8, true );
    setcookie( 'wp-postpass_' . COOKIEHASH, $hasher->HashPassword( wp_unslash( $_POST['post_password'] ) ), time() + HOUR_IN_SECONDS, COOKIEPATH );
    wp_safe_redirect( wp_get_referer() );
    exit();
}
add_action( 'login_form_postpass', 'custom_postpass_time' );

ワードプレスにソースコードを入れる方法は色々あるのですが、ライムス的にはこの表記が一番見やすいと思いますし、簡単だったのでシェアさせて頂きますね(*^^*)

それではさっそくやっていきましょうー！

まずは、『Crayon Syntax Highlighter』というプラグインをインストールし、有効化して下さい。

「設定」→「Crayon」をクリックして下さい。

少し下にスクロースすると、以下のような画面があります。ツールバーの表示は「Always」で、「Wrap lines by default」にチェックを入れて下さい。

設定ができたら、変更を保存を忘れないようにして下さいね。

そうすると、投稿画面『テキスト』で、『crayon』が出現します。実際にクリックしてみましょう。

すると、以下のような画面があらわれます。ワードプレスに挿入したいソースコードを貼り付けて、『Add』をクリックして下さい。

そうすれば、このようにワードプレスにソースコードが綺麗に表示されます。これで完成です(*^^*)

function custom_postpass_time() {
    require_once ABSPATH . 'wp-includes/class-phpass.php';
    $hasher = new PasswordHash( 8, true );
    setcookie( 'wp-postpass_' . COOKIEHASH, $hasher->HashPassword( wp_unslash( $_POST['post_password'] ) ), time() + HOUR_IN_SECONDS, COOKIEPATH );
    wp_safe_redirect( wp_get_referer() );
    exit();
}
add_action( 'login_form_postpass', 'custom_postpass_time' );

情報発信をしている人は、このようにワードプレスにソースコードを埋め込むことも多いと思いますので、是非参考にして下さい♪( ´▽｀)

ABOUT US

アドセンスキング・ライムスアドセンスクエスト制作者

Googleアドセンスマスター講座『アドセンスクエスト』制作者。「Googleアドセンス」と「Googleアドエクスチェンジ」を主軸としたサイトで独立11年目。20サイト以上運営。運営サイト合計で月間1000万PV達成。大手出版社より運営3サイトから本を3冊商業出版。Yahoo!ニュース&テレビにて運営サイト複数掲載。2024年9月、個人でできるSEO対策の最高峰 Googleナレッジパネルの認証、申請完了済（本名の方で） Google のナレッジパネルの申請が完了