勉強

Just another WordPress site

WordPress

WordPressのプラグインSyntaxHighlighter Evolvedでコードをきれいに表示する

投稿日:2018年3月25日 更新日:

使い方

WordPressの編集画面で、テキストモードにして以下のように入力する。(PHPの場合)

 <p>コード <p>

clip_image002

「変更をプレビュー」をクリックして表示すると、きれいにコードハイライトされている。

clip_image004

コードをコピーする

SyntaxHighlighter Evolvedはバージョン2とバージョン3を選べるのだが、バージョン2だと画面上のコードをコピーすると行番号もコピーされてしまう。

よってバージョン3で行う。(バージョン3は折り返しができない問題があるが)

バージョンを切り替えるには以下の手順で行う。

WordPressのダッシュボードから、左メニュー > プラグイン > インストール済みプラグイン クリック。

SyntaxHighlighter Evolvedの「設定」クリック。

「バージョン 3.x」を選択し、「変更を保存」クリック。(すでにバージョン3になっている場合は不要)

-WordPress

執筆者:


comment

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

関連記事

no image

WordPressを3カラムにする

未定

no image

WordPressのダッシュボードを表示する

ログインすればよい。 ブラウザのアドレス欄に「ブログのアドレス/wp-admin/」と入力し、移動する。 WordPressにログインする。   ダッシュボード(管理画面)が表示された。

no image

WordPressのヘッダー画像を写真ACから入手する

写真ACに移動してログインする。 ※私はすでに年賀状ACで会員登録していた。(写真ACと共通アカウントになる) 検索欄に目的のキーワードを入力し、検索マーククリック。 検索結果から、画像を選んでクリッ …

no image

WordPressの記事にキーワードを設定するためにAll in One SEO Packを導入する

WordPressの記事にキーワードを設定するためにはプラグインAll in One SEO Packが必要である。 まずは導入してみる。 導入 WordPressのダッシュボードから、プラグイン > …

no image

WordPressにカレンダー追加

未定

2025年1月
« 7月    
 12345
6789101112
13141516171819
20212223242526
2728293031