2017-09-11 155 views
0

我有一個Wordpress頁面,其中我的圖像顯示在左側,我的文本顯示在右側。當頁面加載到移動屏幕上時,圖像會在文本下方顯示。我有一個PHP代碼來實現所有這些,基本上它會切換圖像和文本的位置,以及屬性的左右各一個。Wordpress圖像標題顯示不正確

但是,由於這是到位的,我添加圖像的標題有困難。當我想在我的Wordpress管理中添加圖像標題時,標題不會出現在圖像下方,但它出現在我的文章文章中(所以在頁面的右側)。我想我的PHP代碼屬性automaticaly這個地方每個文本。

我需要圖像的標題在我的圖像下,我想這與你可以在下面看到的PHP代碼有很大關係。但我不知道如何解決這個問題。

這是我的PHP:

<?php if (have_posts()): ?> 
 
    <div class="container"> 
 
    <?php while(have_posts()): the_post(); ?> 
 
     <div class="row"> 
 
     <div id="content_post"> 
 
      <div class="col-lg-push-5 col-lg-6 col-md-push-6 col-md-6 col-sm-12 col-xs-12 "> \t \t \t \t \t \t 
 
      <?php 
 
       //get content from back office , filter imgs except featured img to place them later in <div id='img_content_right'> 
 
       $content2 = get_the_content();      
 
       $removed_imgs = array();     
 
       $content2 = preg_replace_callback('#(?!<img.+?id="featured_img".*?\/>)(<img.+? />)#',function($r) { 
 
       global $removed_imgs; 
 
       $removed_imgs[] = $r[1]; 
 
       return ''; 
 
       },$content2); 
 

 
       //add filter to the_content to strip images except img_menu et featured_img   
 
       add_filter('the_content', 'strip_images',2);      
 
       function strip_images($content){    
 
       $content=preg_replace('/(?!<img.+?id="img_menu".*?\/>)(?!<img.+?id="featured_img".*?\/>)<img.+?\/>/','',$content);         
 
       return $content;        
 
       } 
 
       the_content(); 
 
      ?> 
 
      </div> 
 
     </div> \t 
 
     <div class="col-lg-pull-6 col-lg-5 col-md-pull-6 col-md-6"> \t 
 
      <div id='img_content_right'> 
 
      <?php  
 
      //append the images stripped from content 
 
      foreach($removed_imgs as $img){ 
 
      echo $img; } ?> 
 
      </div> \t 
 
     </div>  
 
     </div> 
 
    </div> \t 
 
    <?php endwhile; ?> 
 
<?php endif; ?> \t

回答

0

要妥善處理,你需要獲得連接柱對象,然後看看post_excerpt標題。

WordPress get_attached_media中有一個功能,它將列出帖子內容中的所有圖像。這更容易迭代,然後使用正則表達式來查找圖像。