Google Code PrettifyをWordPressに適用する

以前に当サイトのブログのソースコードが見づらいと言うことで、「google-code-prettify」を当サイト(Drupal)に適用しました。適用方法については「google-code-prettifyでソースコードを見やすくする」を参照下さい。

 

「Webサイトからお問い合わせが来ない…」とお悩みの方必見!
当サイトのノウハウを詰め込んだ『Web集客の無料ガイド』をご提供

[適用環境]
WordPress3.4.2
エディター:デフォルトのエディター

[適用結果]
ソースコードが色分けされ見やすくなります。

[適用手順]

  1. 「WP Code Prettify」を新規プラグインの追加からインストールし、「有効化」してください。
  2. 次にWordPress標準のビジュアルエディターに「Google Code Prettify」ボタンを追加します。
    「AddQuicktag」を新規プラグインの追加からインストールし、「有効化」してください。
    ※AddQuicktagはデフォルトのビジュアルエディターに、よく使うタグなどをテンプレート登録することが出来ます。
  3. 「設定 > AddQuictag」を開き、下記を入力し、「変更を保存」をクリックしてください。
    ボタン名:エディターに表示する名前
    タイトル名:ボタンの説明などを入力
    開始タグ:<pre class="prettyprint linenums">
    終了タグ:</pre>
    順番:ボタンの並び順
    各チェックボックス:登録したボタンを出力するページ
  4. 記事入力ページを開き、ソースコードを入力後、先ほど追加したボタンを選択するだけです。
    ※ボタンが表示されない場合は、ブラウザのキャッシュを削除してから再度読み込みください。

WordPressって、ほんとうにソースコード修正せずに、だいたいのことが出来てしまいますよね。さすがです!!

関連タグ:

【期間限定プラン】簡単!ホームページセットアッププラン お申し込みは2022年7月29日(金)15:00まで

CPIの最新情報をTwitterでチェックできます!
@cpiadjp
次へ
前へ