HTML,CSS,PHP,ワードプレスカスタマイズ 技術情報資料

SyntaxHightLiter の使い方

言語のソースをそのまま表示させたいときに使用するプラグイン。

Systaxhightlighter の入力の仕方

投稿、固定ページで使用できる。

[言語名 ショートコード]
言語のソースコード
[/言語名]

例、
[php]
<php echo “ABC1”; ?>
<php echo “ABC2”; ?>
<php echo “ABC3”; ?>
<php echo “ABC4”; ?>
[/php]

結果
<php echo "ABC1"; ?>
<php echo "ABC2"; ?>
<php echo "ABC3"; ?>
<php echo "ABC4"; ?>

※「[」を表示させるにはエスケープコードを使う
「[」は「&#091;」
「]」は「&#093;」

ショートコード
[言語 ショートコード]とする。
各ショートコードは半角空白で区切ることで複数指定できます。

[言語 highlight=”2,5-6″] の結果
 
<html <php language_attributes(); ?>> 
<head> 
    <meta charset="<php bloginfo( 'charset' ); ?>"> 
    <title><php wp_title(); ?>&lt;/title> 
    <php wp_head(); ?> 
</head> 

langまたはlanguage ハイライトするコードの言語。
パラメータ指定だけでなく&#091php]code[/php]のように言語をタグとして記述できます。
有効なタグのリストはこちらをクリック (“aliases”の下を参照)

autolinks自動リンクの有効・無効
classnameコードボックスに追加するCSSのclass
collapseコードボックスをデフォルトの状態で閉じるかどうか。コードボックスを開くにはクリックが要求されます。長いコードの出力の際に有効です。
firstline行番号の出力の際に、最初の行の番号を表す数値
gutter左側に行番号を配置するかどうか
highlightハイライトさせる行番号のリスト(カンマ区切り)、範囲でも指定可能。例: 2,5-10,12
htmlscriptHTML/XML をハイライトするかどうか。HTMLウェブページで PHP を使うようにHTML/XMLとプログラムが混在するような時に有効です。上のプレビューではこの設定が有効になっています。これは特定の言語でしか動作しません。
light行番号やツールバーを無効にする軽い表示モードのオン・オフ
padlinenumbers行番号の余白。有効な値は、 false(余白なし), true (自動)、数値(余白)
title (v3のみ)コードの前に表示される表題テキスト。collapseのパラメータと合わせて使うと有効です。
toolbarツールバーのオン・オフ(v2のボタン、v3のクエッションマーク)
wraplines (v2のみ)折り返しの有効・無効

※SyntaxHighlighter TinyMCE Buttonは、ビジュアルエディタを使うときに便利。
 ビジュアルエディタを使わない場合にはプラグインを入れないのがいい。

インストール

プラグインの追加で SyntaxHighlighter Evolved を検索する。

SyntaxHighlighter Evolved 仕様

version 2.x と version 3.x があり、version 2.x は、ツールバーを表示させることができ、
ソースコードのコピー、印刷が可能。
version 3.x はツールバーが使えない代わりにソースコード部分をダブルクリックすることで
メタのソースをコピーすることができる。

使いやすさから言えば 多少の ショートコードが使えないが version 2.x の方が自分的には好み。

redversion 2.x にして、設定で 「すべてのブラシを読み込む」にチェックを入れて、
[html]~[/html] や [php]~[/php] で囲むといい

 

対応言語

•Apache Config
•AppleScript
•Assembly
•Bash
•Bash Script
•Basic
•C#
•C/C++/Objective-C
•CSS
•Diff
•HTML
•Haskell
•Java
•JavaScript
•Lisp
•Lua
•Object-Oriented C
•PHP
•Pascal
•Perl
•Python
•Ruby
•SQL
•Smalltalk
•YAML
これらの言語コードは、すべて小文字で指定するようです。
隊にぃエディタを使わず、通常のメタテキストエディタをつかっていると、ダブルクォート ( ” )を HTML特殊表記に変換するようです。(バグ?)
syntaxhighlighter.php 内の htmlspecialchars を検索し、972あたりの以下のコードを
		$code = ( false === strpos( $code, '<' ) && false === strpos( $code, '>' ) && 2 == $this->get_code_format($post) ) ? strip_tags( $code ) : htmlspecialchars( $code );
以下のように変更すると直ります。
//オリジナルをコメントアウト
//$code = ( false === strpos( $code, '<' ) && false === strpos( $code, '>' ) && 2 == $this->get_code_format($post) ) ? strip_tags( $code ) : htmlspecialchars( $code );
//最後のところにあるhtmlspecialcharsを外し、特需文字列に変換させないようにする
$code = ( false === strpos( $code, '<' ) && false === strpos( $code, '>' ) && 2 == $this->get_code_format($post) ) ? strip_tags( $code ) :  $code ;

スポンサーリンク

関連記事

スポンサーリンク

カテゴリー