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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ