thickboxの使い方

  • 解決済 tamujun

    (@tamujun)


    15年、 5ヶ月前

    WordPressではhead部分に<? add_thickbox() ?>という関数を入れるだけで、thickboxを使えるらしいですが、自作テーマのhead部分に<? add_thickbox() ?>を挿入しても、thickboxが使用できません。

    function.phpに何か手を加えたりしないと使えないのでしょうか？

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • モデレーター Takayuki Miyoshi

    (@takayukister)

    15年、 5ヶ月前

    • テーマのヘッダ内に <?php wp_head(); ?> はありますか?
    • <?php add_thickbox(); ?> が <?php wp_head(); ?> よりも前に実行される必要があります。
    • こういう場合ではサイトの URL を教えてもらえると、問題発見が早くなることが多いと思います。
    トピック投稿者 tamujun

    (@tamujun)

    15年、 5ヶ月前

    回答ありがとうございます。
    以上の条件は満たしているようですが、thickboxは使えません。

    現在オフラインでテーマを作成中ですので、URLはありませんが、header.phpのコードを掲示させていただきます。

    <head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<?php add_thickbox(); ?>
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php
	/* We add some JavaScript to pages with the comment form
	 * to support sites with threaded comments (when in use).
	 */
	if ( is_singular() && get_option( 'thread_comments' ) )
		wp_enqueue_script( 'comment-reply' );

	/* Always have wp_head() just before the closing </head>
	 * tag of your theme, or you will break many plugins, which
	 * generally use this hook to add elements to <head> such
	 * as styles, scripts, and meta tags.
	 */
	wp_head();
?>
</head>

<body <?php body_class(); ?>>
<div id="header">
<h1><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<div id="navigation">
<div id="entry_nav">
<h2 id="entry_li"><img src="<?php bloginfo('template_url') ?>/images/newentries.gif" alt="new entries" width="142" height="23" /></h2>
<ul>
    <?php query_posts('showposts=5'); ?>
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <li>
    <a href="<?php the_permalink(); ?>">
    <?php the_title();?></a> by<?php the_category(', ') ?><br /><?php the_time('F d,Y'); ?></a> [ <?php the_tags('', '＋', ''); ?> ]
    </li>
    <?php endwhile; endif; ?>
　　<?php wp_reset_query();?>
</ul>
</div>
<ul id="icon">
<li class="twitter"><a href="http://twitter.com/tamujun1231">teitter</a></li>
<li class="rss"><a href="http://koloblog.tk/feed/">rss</a></li>
</ul>
</div>
</div>

<div id="main">
	<div id="head_menu">
		<ul>
		<li class="about"><a href="http://localhost/wordpress/about/">about</a></li>
		<li class="archive"><a href="/">archive</a></li>
		<li class="gallery"><a href="/">gallery</a></li>
		<li class="union"><a href="/">union</a></li>
		<li class="link"><a href="/">link</a></li>
		<li class="sarch">
		<form action="#" id="searchform" method="get">
		<div>
		<input type="text" id="s" name="s" value="" size="25">
		<input type="submit" id="go" src="images/sarch_b.gif" value="" id="searchsubmit">
		</div>
		</form>
		</li>
		<li class="tags"><a href="http://localhost/wordpress/%E3%82%BF%E3%82%B0%E4%B8%80%E8%A6%A7/" rel="thickbox">all tags</a></li>
		</ul>
	</div>
    モデレーター Takayuki Miyoshi

    (@takayukister)

    15年、 5ヶ月前

    あと気をつけるところとしては、

    • テーマのフッタ内に <?php wp_footer(); ?> はありますか?
    • ページを表示した際に JavaScript のエラーが出ていませんか?

    ぐらいですかね。

    Thickbox 自体の使い方については、理解されてるんですよね。

    トピック投稿者 tamujun

    (@tamujun)

    15年、 5ヶ月前

    <?php wp_footer(); ?> が抜けていたことが原因だったようです。
    無事使えるようになりました！

    大変助かりました。
    ありがとうございます！

4件の返信を表示中 - 1 - 4件目 (全4件中)

トピック「thickboxの使い方」には新たに返信することはできません。