stryhのchangelog

WordPressでコードをハイライト

WP-CodeBox停止しました。

WordPressにした時からコードのハイライトをさせるプラグインを入れていたがどうもいけてなかった。
なにがイケテないかと言うと・・・
– 仕様通りに記載してもハイライトされない
– 余計なタグが表示されてしまう。
等の理由があります。
試行錯誤してみたのだが、それでも解決しない始末。今日ふと思い立って解決できないものか挑戦。
そのなかで@daichi1128さんのページを思い出しHTMLソースから何を使っているのか調べ導入。
その導入過程を説明していきます。

* インストール
以下の方法があります。
– ダッシュボードのプラグイン検索後にインストールし有効にする
WP-CodeBoxからzipをダウンロードしwp-content/pluginsディレクトリーに放り込み、ダッシュボードから有効にする
どちらでも構いません。
自分は2番目の方法でインストール。
* トラップ
インストール後の有効にする際にエラーが発生。

Cannot redeclare class GeSHi・・・なんたらかんたら

しばし呆然。プラグインのバグ?と最初は疑っていたのですが、同バージョンを導入されている方もいたので違うなと。
エラー内容でググってみると下記のサイトを発見(英語)
Highlighting code syntax in WordPress blog posts << W3hobbyist
このページの真ん中より気持ち上の部分にエラーについて説明が記載されていた。助かった・・・。
Cannot redeclare class GeSHi」でページ内検索をすれば直ぐに見つかります。
書かれている英語を読んでみて「もしかして既にインストールされているハイライトするプラグインが悪さしているのか?」と思い既にインストールされていた下記のプラグインを無効(停止)することに。
– SyntaxHighlighter Evolved
– SyntaxHighlighter Plus
– WP-Syntax
停止にしたのを確認したあとに再度有効にしてみると、何の問題も無く完了。
* 書き方
>||

public class HelloWorld {
	public static void main(String[] args) {
		System.out.println("Hello World˛");
	}
}

||< ↑のように書きます。言語、数値は読み替えてください。 ↓のようになります。

public class HelloWorld {
	public static void main(String[] args) {
		System.out.println("Hello World˛");
	}
}

各々属性の指定の仕方は↓になります。
** lang
ここに言語名を記載。対応言語は↓

abap, actionscript, ada, apache, applescript, asm, asp, autoit, bash, blitzbasic, bnf, c, c_mac, caddcl, cadlisp, cfdg, cfm, cpp-qt, cpp, csharp, css, d, delphi, diff, div, dos, dot, eiffel, fortran, freebasic, genero, gml, groovy, haskell, html4strict, idl, ini, inno, io, java, java5, javascript, latex, lisp, lua, m68k, matlab, mirc, mpasm, mysql, nsis, objc, ocaml-brief, ocaml, oobas, oracle8, pascal, per, perl, php-brief, php, plsql, python, qbasic, rails, reg, robots, ruby, sas, scheme, sdlbasic, smalltalk, smarty, sql, tcl, text, thinbasic, tsql, vb, vbnet, vhdl, visualfoxpro, winbatch, xml, xpp, z80

** line
ハイライトした際に行番号を表示する場合「1」、しない場合は「0」を指定。
** colla
ページ遷移時にコードの部分をおり畳む(-)か畳まない(-)かを指定します。
これで心おきなくハイライトできる。よかったよかった:-)

URL :
TRACKBACK URL :

Comments & Trackbacks

  • コメント ( 1 )
  • トラックバック ( 1 )
  1. pタグが表示されてしまっているよ~涙。

  1. […] This post was mentioned on Twitter by saita_ryouhei and stryh rsschk, stryh rsschk. stryh rsschk said: 【g1983ers】 WordPressでコードをハイライト http://j.mp/hmoNXI […]

Leave a reply

*
*
* (公開されません)

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Return Top