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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ