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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ