在引导模式中打开WordPress帖子

时间:2013-04-12 作者:minemind

我正在寻找一些帮助,在启动模式中打开WordPress帖子。

现在我有一个主页,上面有一个网格,可以拉帖子。

我有它的设置,使每个帖子都在一个方形框中,并链接到打开引导模式窗口。

模式窗口应该从单击的帖子中提取数据。

此时,无论单击哪个帖子,它都只会打开页面上最新的帖子。

我假设我需要让模型窗口知道点击了哪个帖子,这样它就可以提取正确的数据,但我不知所措。

任何帮助都将不胜感激。

这是我当前的代码:

    <?php get_template_part(\'templates/page\', \'header\'); ?>
<?php if (!have_posts()) : ?>

<div class="alert">
  <?php _e(\'Sorry, no results were found.\', \'roots\'); ?>
</div>
<?php get_search_form(); ?>
<?php endif; ?>
<div class="row">
  <?php while (have_posts()) : the_post(); ?>
  <?php
$src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, \'\' );
?>
  <a href="#myModal" data-toggle="modal">
  <div class="span2" style="background: #09F url(<?php echo $src[0]; ?>) center no-repeat !important;">
    <?php get_template_part(\'templates/content\', get_post_format()); ?>
  </div>
  </a>




  <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">

      <h3 id="myModalLabel">
        <?php the_title(); ?>
      </h3>
    </div>
    <div class="modal-body">
      <p><?php the_post_thumbnail(); ?></p>
    </div>
    <div class="modal-footer">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    </div>
  </div>


  <?php endwhile; ?>

2 个回复
SO网友:minemind

这一点已经得到了回答,这是如何做到的:

网格和模式窗口处于循环中。我只是加了一句-<? the_ID(); ?><a href> 调用模式窗口。以及<div id> 对于模态窗口,它以某种方式将post ID传递给窗口,允许它为post拉入正确的信息。

    <div class="container" style="margin-top:20px; min-height:500px;" >
  <div class="row">
    <?php 
   $labels = new WP_Query(array(
    \'post_type\' => \'slider\', 
    \'posts_per_page\' => 1000
    )); 
   while ( $labels->have_posts() ) : 
   $labels->the_post();
  ?>
    <?php
$src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, \'\' );
?>
    <a href="#myModal-<? the_ID(); ?>" data-toggle="modal" >
    <div class="span2" style="background: #09F url(<?php echo $src[0]; ?>) center no-repeat !important;">
      <?php the_title();?>
    </div>
    </a>




    <div id="myModal-<? the_ID(); ?>" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-header">
        <h3 id="myModalLabel">
          <?php the_title();?>
        </h3>
        <p>
          <?php the_content();?>
        </p>
      </div>
      <div class="modal-body">
        <?php the_post_thumbnail(); ?>
      </div>
      <div class="modal-footer">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
      </div>
    </div>

SO网友:Wasim Khan

要在引导模式中获取wordpress帖子内容-

调用模式文件

<a href="<?php bloginfo(\'template_url\');?>/modal.php?ID=<?php the_ID(); ?>" data-toggle="modal"> Get The Detials </a>
创建模态。主题文件夹中的php文件

<?php
   require(\'/wp-blog-header.php\');  // Wordpress need to recongnise your modal file actually loads most the WordPress functionality that you\'re used to using.
   $post_id = $_GET[\'ID\'];
   $queried_post = get_post($post_id);
   $queried_object = get_queried_object();
?>

<div class="modal-dialog">
           <div class="modal-content">
                <div class="modal-header">
                   <h4 class="modal-title" id="myModalLabel"><?php echo $queried_post->post_title; ?></h4>
                   <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">X</span><span class="sr-only">Close</span></button>
                 </div>
                 <div class="modal-body">
                       <?php
                       echo $queried_post->post_content;
                       ?>
                 </div>
              </div>
</div>

结束

相关推荐

WP_Query or get_posts?

使用“fields”=>“ids”参数时,在下面的代码中创建新的WP\\u查询是否比执行get\\u post更好?如果使用WP\\u查询,循环会是什么样子?function myplugin_delete_image_items( $postid ) { $args = array( \'post_type\' => \'myplugin_image_item\', \'cache_results\' =&g