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 ソースコードを美しく」にコメントを残す

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ