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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ