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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ