WP ソースコードを表示する方法

WordPress-PlugIn 『wp-syntaxhighlighter』

ワードプレスで、htmlやCSSのソースコードを表示するプラグイン。カスタマイズなどの覚書として残したり、シェアしたりする人は導入しておくと便利ですね♪ こんな感じ↓

<a href="URL" target="_blank">テキスト</a>

ダウンロードとインストール

▼ダウンロード先 WP SyntaxHighlighter

▼インストール方法 1.管理画面の左メニュー「プラグイン>新規追加」をクリック 2.上部メニュー「アップロード」をクリック 3.「参照」をクリックして、先ほどダウンロードしたZIPファイルを選択   →今すぐインストール 4.有効化

設定・使い方について

管理画面の左メニュー「設定>WPSyntaxHighlighter」をクリックして、各種設定を行います。

当ブログの変更箇所は、 1.基本設定>ハイライト表示するページ  →ホーム・投稿固定ページのみチェック 1.基本設定>使用するライブラリ  →Ver2.1 1.基本設定>テーマ  →Emas 1.基本設定>オートリンク  →チェックを外す 1.基本設定>改行する  →チェック 9.デフォルトの言語  →CSS、JavaScript、PHP、PlainText以外は無効にチェック 設定保存

使い方は、投稿画面に[SH Pre]ボタンが設置されているので、挿入したい箇所でクリックしてPreタグ内にソースを記述して使用します。

    この記事を気に入って頂けたらシェアしてもらえると嬉しいですo(^▽^)o

  • rss
  • gplus
  • hatena
  • twitter
  • fb
  • LINEで送る
ブログランキング

このテーマに関連する記事

WP-Plugin Ping送信のプラグイン

WP-Plugin Ping送信のプラグイン

ワードプレスでのPing送信プラグイン。

記事を読む

WP 更新・保存しても位置が戻らないプラグイン

WP 更新・保存しても位置が戻らないプラグイン

WordPressでの記事編集時に便利なプラグイン。更新・保存しても、そのままのポジショニングで続け

記事を読む

WP MP3を再生する方法

WP MP3を再生する方法

WordPress-PlugIn 『Audio Player』 ワードプレスの記事中で、MP3を再生

記事を読む

WP フェイスブックのコメント欄

WP フェイスブックのコメント欄

WordPress-PlugIn 『Facebook Comment』 ワードプレスにフェイスブック

記事を読む


最新記事

no image

日本の構図も知っておく

日本の将来を人任せにしない 自分にできることは、自分でやってみる。国民一人一人が、日本の将来について

記事を読む

no image

たまにこんな遊びもしてます

なかなか良い写真が撮れた。

記事を読む

no image

久々の投稿。。。

先月のWPが撃沈(´Д`) 頑張って8月に作ったWPサイトですが、最初は良い感じにアクセスも集まって

記事を読む

no image

検証を繰り返す

テンプレ変更。。。 数か月前に作ったWPのテーマ。Bingでは上位表示されているのですが、GとYでは

記事を読む

無料ブログなら

無料ブログなら

無料ブログサービスのおすすめはここ(・∀・)b

記事を読む

コメント/トラックバック

現在、この投稿へのトラックバックは受け付けていません。

この投稿のコメント・トラックバックRSS




管理人にのみ公開されます


7 + = 9

  • 現在、予約投稿記事はありません。
no image
日本の構図も知っておく

日本の将来を人任せにしない 自分にできることは、自分でやってみる。国民...

no image
たまにこんな遊びもしてます

なかなか良い写真が撮れた。...

no image
久々の投稿。。。

先月のWPが撃沈(´Д`) 頑張って8月に作ったWPサイトですが、最初...

→ もっと見る



SEOマニュアル
PAGE TOP ↑