我有一个Wordpress页面,其中我的图像显示在左侧,我的文本显示在右侧。当页面加载到移动屏幕上时,图像会在文本下方落下。我有一个PHP代码来实现所有这些,基本上它会切换图像和文本位置,以及向左或向右切换属性。
但是既然已经到位,我就无法添加图片'字幕。当我想添加图片时#39;在我的Wordpress管理员的标题中,标题不在图像下面,但它出现在我的文章文章中(因此,在页面的右侧部分)。我想我的PHP代码会自动将这个地方归结为每个文本。
我需要图片'字幕在我的图像下,我想这与你在下面看到的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 ">
<?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>
<div class="col-lg-pull-6 col-lg-5 col-md-pull-6 col-md-6">
<div id='img_content_right'>
<?php
//append the images stripped from content
foreach($removed_imgs as $img){
echo $img; } ?>
</div>
</div>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>
&#13;
答案 0 :(得分:0)
要正确处理标题,您需要获取附件发布对象,然后查看post_excerpt
。
WordPress get_attached_media中有一个功能,它会列出帖子内容中的所有图像。这更容易迭代,然后使用正则表达式来查找图像。