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