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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ