2012-12-19 1 views
17

WordPressのcolorboxを使って概要関数を作成しようとしています。WordPressでデータベースから質問された投稿をクリックして値を送る方法

少し説明しましょう。ワードプレスでは、ページが、このコードを照会している記事があります。

$lastposts = get_posts($args); 
foreach($lastposts as $post) : setup_postdata($post); 
get_template_part('content', get_post_format()); 
endforeach; 

だから、これはWordPressのデータベース内にあるすべての記事をつかむだろう。それぞれの投稿は製品なので、これにいくつかのコードを追加して各投稿に値を設定する方法があるかどうかを知りたいのですが、誰かが投稿画像をクリックするとその投稿のタイトルを送信しますその特定の製品の概要テンプレート(私が作るもの)をつかむことができます。

UPDATE:

<link media="screen" rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/js/colorbox.css" /> 
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.colorbox-min.js" type="text/javascript"></script> 

<script type="text/javascript"> 
    $(function() 
    { 
     $('.item-post a').colorbox({opacity:0.3, href:"../overviewa512454dzdtfa"}); 
    }); 
</script> 

私はイメージが開かれたファイルに送信に関連している記事のタイトルが欲しい:ここ

は、任意の画像がクリックされると開くjQueryのですカラーボックスで。

get_template_part('content', get_post_format()); 

:など

答えて

1

コンテンツ-page.php、コンテンツaside.phpは、ファイルがあるため、あなたのコードでこの行の、あなたのループ内での出力にあなたのWPのテーマで貴社の製品を使用しています基本的に、これらのファイルを開くだけで、各投稿のコンテンツを出力する部分では、投稿のIDを使用して投稿の画像をアンカーで囲みます(<a href="#" id="post-<?php the_ID(); ?>"> ...

jQueryクエリのIDを使用して適切な概要を簡単に「ターゲット設定」することができます。

3

私はrel="<?= $post['title'] ?>"をあなたのリンクに入れて、各リンクが投稿のタイトルを持つようにします。 。

<script type="text/javascript"> 
    $(function() 
    { 
     $('.item-post a').bind('click',function() { 
      event.preventDefault(); 
      var product_title = $(this).attr('rel'); 
      colorbox({opacity:0.3, href:"../overviewa512454dzdtfa?title=" + product_title}); 
     }); 
    }); 
</script> 

あなたがすべきいずれかのURL:(申し訳ありませんが$post['title']場合は「WPポストのための右の属性ではありませんが、あなたはそれを見つけることができます)次に、あなたのJavaScriptでは、同様に、URLにタイトルを渡しますあなたはrel="タグ内に渡しているタイトルをエンコードするか、カラーボックスにそれを渡したときにJavaScriptでそれを行う。

に続いて、概要ページを、あなたは$_REQUEST['title']とタイトルにアクセスすることができます。

関連する問題