HTMLを変換なしで入力

■ InsertMetaShortCode

そこで活躍するのが『InsertMetaShortCode』というプラグインです。リンク先から ZIPをダウンロードしてきて、サーバの WordPress/wp-content/plugins/ に解凍したフォルダをコピーして、プラグインを有効化すると使えるようになります。

■ 使い方

入れたいHTMLをカスタムフィールドに登録します。例えば、カスタムフィールドの名前を『pics』として、値をこのようにします。

<script type="text/javascript">
jQuery(function($) {
  $('.pics').cycle({fx: 'all'});
});
</script>

それで、このHTMLを入れたいところにこう(↓)書くと、カスタムフィールドに登録されたHTMLが変換なしで挿入されます。(［と］は半角を使うこと)

［insert_meta key=”pics”］

■ 参考

プラグインのソースはたったこれだけです。たったこれだけでも汎用なのでテーマに入れるわけにはいかないし WordPress本体のソースにくっつけておくわけにもいかないし、プラグインにせざるを得ないんですね。ま、マイセレクト・プラグインを作って、その中にこの類を全部ぶち込むというのが正解でしょうけど。

function insert_meta_func($atts) {
  extract(shortcode_atts(array(
    'key' => '',
  ), $atts));
  return post_custom($key);
}
add_shortcode('insert_meta', 'insert_meta_func');

ショートコードAPIを使う典型例ですね。もっと詳しい例がほしければ、WordPress日本語のドキュメント(ショートコードAPI)をあたればいろいろと載ってます。

■ Satake Studioでは

このプラグインは導入済みです。JavaScriptでもなんでも書けてしまうので、使用方法には十分注意してください。