Sponsored Link

Archive for 9月, 2009

管理画面のthickBoxを流用する

9月 10th, 2009

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";
2009/9/27パスの記述を修正しました。
理由:
/wp/wp-includes…から始まる指定だと、アーカイブ表示のときに、画像が表示されなくなるため。

tb_pathToImage,tb_closeImageのパスを変更する必要があります。

以上でthickboxを利用することができます。