SyntaxHighlighter ソースコードを美しく

こんにちはメルです。

今日は、前々から入れてみたかったプラグインを入れました。

 

SyntaxHighlighter
ブログなどでソースコードを公開するときなどに、美しく表示できるプラグイン

 

WordPress標準でやろうとすると、スタイルシートをカスタマイズしたりしなければならないのですが、標準のblockquoteを使うとこんな感じに。。↓


あああああああああ


しかも、<html>のタグに使われているは半角のままだとHTMLとして表示してしまう為、ソースとして見せたい場合には<などに変換してやらないといけないので非常にめんどくさいのです。

このプラグインを導入するとそういった面倒も一切なくなり、[html]と[/html]の間にソースをコピペするだけで良くなります。

こんな感じです↓

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>PHP Code Example</title>
</head>
<body>
	<h1>PHP コードサンプル</h1>

	<p><?php echo 'Hello World!'; ?></p>

	<p>この行はハイライトされました</p>

	<div class="foobar">
		この	行は	スマート
		タブ	の	例
		です。
	</div>

	<p><a href="http://wordpress.org/">WordPress</a></p>
</body>
</html>
body{ color: #333; }

/*●リンク文字*/
a{ text-decoration: underline; }

a:link,
a:visited{ color: #00b; }
a:hover,
a:active{ color: #f60; }

#! /usr/local/bin/perl

$ENV{'TZ'} = "JST-9";
($sec,$min,$hour,$mday,$mon,$year,$wday,$yday,$isdst) = localtime(time);
$year  = sprintf("%02d",$year + 1900);$month = sprintf("%02d",$mon + 1);
$mday  = sprintf("%02d",$mday);$hour  = sprintf("%02d",$hour);
$min   = sprintf("%02d",$min);$sec   = sprintf("%02d",$sec);
$week = ('日','月','火','水','木','金','土') [$wday];  $today = "$month/$mday($week) $hour:$min";

 

まぁほとんどの方は必要のないプラグインなのでしょうが、前々から導入したかったのでうれしくてつい書いちゃいました(笑

 

 

SyntaxHighlighterプラグインのインストール方法

 

1.管理画面のプラグイン新規追加ページに移動する。

SyntaxHighlighter01

 

 

2.「SyntaxHighlighter」と記入し、プラグインの検索をする。

 SyntaxHighlighter02

 

 

3.いますぐインストールをクリックで自動的にインストールされます。

SyntaxHighlighter3

 

 

4.プラグインを有効にしたら終了です。

 

 

SyntaxHighlighterの設定

WordPress管理画面の「設定」の中にメニューが追加されますので
そこから設定が出来ます。

 SyntaxHighlighter4

 

設定ーページに移動したらまず、SyntaxHighlighterのバージョンが3だと、ソースの折り返しが使えないのでバージョン2に変更。

SyntaxHighlighter5

 

次にテーマですが、色々あるので試してみてかっこいいと思うものを選んでください。変更するとページ下でプレビューしますので確認しながら選ぶと良いです。
私はデフォルトを使用しました。

 SyntaxHighlighter6

 

この部分の設定は見た飯だと思いますが、私の設定は感じですね。

SyntaxHighlighter7

 

設定完了後、変更を保存をクリックすれば終わりです。

 

 

この投稿は役に立ちましたか? 役に立った 役に立たなかった

 

ネットビジネス速報メールマガジン

 

メルのネットビジネス速報では、悪質高額塾などの被害が拡大しないように
新しい悪質販売者の情報が入り次第、速報でお伝えいたします。

Dreamweaver、Fireworks、PhotoshopなどのTipsやチュートリアルの紹介、
最新SEO情報、その他ネットビジネスに関する情報をいち早く配信しています。

お名前(必須)
メールアドレス(必須)

One Response to “SyntaxHighlighter ソースコードを美しく”

記事「SyntaxHighlighter ソースコードを美しく」にコメントを残す

サブコンテンツ

危険な高額塾

タグ

PPC SKナレッジ 流出 ブロックポリシー レイアウト ライオンアフィリエイト ネットビジネス大全集 @PAGES 賢威 ネットビジネス Adobe 管理ツール セキュリティ ブラウザ 情報商材 Windows 株式会社SRシステム 放射線 ECサイト Baidu 自動化 がら空きビジネス 高速ゲーム 秀吉塾天下統一 サンタ 復元 メモ High Concept Marketing postpost クロスアフィリエイト 比較 getElementById ブラシ 副業術 81a338 CGI ソフト シャンプー SEO 人物 もざ 音量アイコン グラデーション ネットガレージ ソースコード 池田純矢 Line 株式会社バンザイ google ping document.all アレックス式ネオせどりスクール バイドゥー 山下 トラフィック 大西良幸 CS6 KMSpico 優先順位 自己アフィリエイト CS5 自動 株式会社SRシステム やしろ塾 関根塾 MasterCollection Wordpress Content Slide レビュー 管理画面 伊藤虎太郎 twitter XHTML 感染 上位表示 インペリアルゴールド tool 伊藤塾 system 無断送信 クラック 球体 スタイルシート 宮田麗花 Favicon followmatic css HTML4.0 バックアップ 改竄 ソース タイガーウイング ドメイン テンプレート 伊藤 歩 Login LockDown デスクトップ カスタマイズ プロモーション 小笠原健一 立体 石井匠 リンクシェイカー エキスパートメール バイマ 量産 スムーズ WP アイコン 自己アフィリ インフォトップ 百度 土屋ひろし wordpress 権利収入 YouTube Maniax 2017 固定ページ 既得権益 ネットゲーム ツイッター SyntaxHighlighter マルウエア 特定のメールアドレス 滑らか DTD ping送信 RSS アクセス制限 ブロック Ban Hammer タスクバー android インターネットエクスプローラー ざくざく君 エクスチェンジ 無料 到達率 詐欺組織 申請金ビジネス アクセスアップ ツール やしろひろたみ せどり 大園式転売塾 moza 大園転売塾 アフィ匠 エディタ レイアウト崩れ Chrome Yahoo 伊藤 虎太郎 IBS BUYMA IE スカイプ 定型文 トレンドキーワード 改ざん ヤフーショッピング ロリポップ ぼかし ウイルス EC 日本語入力変換ソフト .htaccess 登録禁止 ワードプレス ブルートフォースアタック wpXサーバー 株式会社Free Agent Style アレックス ランキング 出店料 インターネット 配布 メルマガ配信システム クリックランキング 村上省吾 クラウド入力機能 ムーバブルタイプ 原田真 詐欺 背景 フォローマティック 久積篤史 クラウド変換 ヤフオク Newpost Catch トレンドアフィリエイト getElementByTagName 転売大園塾 ブラクラ スクロール スマホ MT Windows 7 JavaScript 不正アクセス Diamond Affiliate Masters Program フレンドシップメール 株式会社WINGOOD ファビコン Tiger-Wing 高額塾 SmoothScroll.js レンタルサーバー LinkShaker 切抜き Extension Manager アフィリエイト Google Maps マイクロソフト KMS認証 ネットショップ バナー Firefox 個人情報流出 蝶乃舞 アンダーグラウンドメソッド サイト改ざん 秒速で1億円稼ぐ男 functions.php エクスプローラー プラグイン PHP WEB 不正送信 IP FireWorks プロファイル ウインドウ 中山秀人 Cash on Wordpress RSS Includes Pages 脆弱性 ネットビジネス最後の楽園 コピーボタン iphone 切り抜き 北川 雅嗣 関根義光 アンダーグラウンドアフィリエイトクラブ MovableTYpe 株式会社ニュース ユーチューブマニアクス2017 モザイク 特権ビジネス 加工 三橋美仁 ボタン パズル 掲示板 explorer BBIZ ライブチャット wp-login.php DOCTYPE 短縮URL FTP 株式会社A-ブログレス office 大園麗花 表示 force puzzle Internet Explorer 与沢翼×蝶乃舞 インターネットビジネススクール Youtube マニュアル RMT 個人情報 短縮URLツール ライン ヤフー ビジネス アドセンス 不労所得の神 与沢翼 テーマ Agency Business レタープレス 加藤 秀吉 無料オファー Thunderbird ネオヒルズアカデミー ハート html Google Maps API 画像 新井浩

アーカイブ

エステトラブル

このページの先頭へ