Samples
画像thickbox |
ドキュメントブロックthickbox |
概要
wordPressは、管理画面のコントロールに使用するなどの理由で、たくさんのjavascriptファイルをすでに組み込んでいます。
このような組み込み済みの、javascript css等を閲覧画面からも利用することができます。
組み込み関数を利用するために
wp-includes/functions.wp-scripts.phpに中にBackPress script procedural APIと題された関数群があります。
thickboxを利用するために
手順
wp_enqueue_script('thickbox'); wp_enqueue_style('thickbox');
を、例えば、テーマディレクトリのheader.phpやfunctions.phpに追記します。
これで、スタイルとスクリプトの設定は完了です。
補足
wordPressMU等で、画像へのパスが間違っていることがあります。
その場合には、wp-includes/js/thickbox/thickbox.jsの
/* * Thickbox 3.1 - One Box To Rule Them All. * By Cody Lindley (http://www.codylindley.com) * Copyright (c) 2007 cody lindley * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php */ var tb_pathToImage = "http://example.com/wp/wp-includes/js/thickbox/loadingAnimation.gif"; var tb_closeImage = "http://example.com/wp/wp-includes/js/thickbox/tb-close.png";
理由:
/wp/wp-includes…から始まる指定だと、アーカイブ表示のときに、画像が表示されなくなるため。
tb_pathToImage,tb_closeImageのパスを変更する必要があります。
以上でthickboxを利用することができます。

トラックバック /
Pingbacks