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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ