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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ