WordPressのSyntaxHighlighterプラグインをカスタマイズする

WordPress:2.5.1
syntaxhighlighter:1.5.1
SyntaxHighlighter:1.1.1
Browser:FF3,IE6,Safari3,Opera9
 
Add this:

ソースコードをサイトで表示するときに、キーワードなどを色付けして見やすい表示にする場合によく使われるのが syntaxhighlighter です。これを WordPress でも利用できるようにプラグインにしたものが SyntaxHighlighter プラグインです。そのままでも手軽に使えて便利ですが、表示のオプションを自由に指定できるようにカスタマイズします。

続きを読む »



jQueryでページ内リンクをスムーズスクロールする

WordPress:2.5.1
jQuery:1.2.3-1.2.6
ScrollTo:1.3.3
Browser:FF3,IE6,Safari3,Opera9
 
Add this:

ページ内へのアンカーリンク <a href=”#hoge”> をクリックすると、通常は一瞬で移動するため、ページのどの辺りにいるのかわからなくなり、閲覧者を混乱させることがあるかもしれません。これを改善した、良くあるわかりやすいナビゲーションは、移動をスムースなスクロールで行うものです。スムーススクロールを簡単に実現するなら jQuery のみでもできますし、スクロール用のプラグインを使っても良いです。ここではその両方を紹介し、WordPressプラグインとして利用できるようにします。

続きを読む »



WordPressのプラグインを作成する

WordPress:2.5.1
 
Add this:

WordPress のプラグインは php で作成します。WordPress の各種動作は php の関数で定義されており、それらをフック(独自の関数を追加)することでプラグインが機能します。

プラグインによくあるのは「エントリ本文の特定の文字列(=プレースホルダ)を置き換え(て様々な処理をす)る」ものです。例えば WordPress の基本機能では、エントリ内に <!–more–> と記述すると、エントリ一覧ではその位置までエントリ本文が表示され、続きを読むリンクが追加されます。このような動作をプラグインで実現することができます。以下では、WordPress のプラグインの作成方法を順に説明します。

続きを読む »