在WordPress页面上显示文本部分的图像

时间:2016-08-08 作者:Paul Fitzgerald

我试图在WordPress中显示页面上的所有图像。我的WordPress页面的设置如下图所示。

enter image description here

我想做的是在我制作的一个自定义页面上显示这些图像,称为肖像相册。请参见下面的代码。我想是的the opposite of this that 我想实施。

我不知道如何在Text 部分有人知道怎么做吗?应该是显而易见的,但我在任何地方都找不到答案。

我知道get_content() 将显示内容,但如何具体显示图像,以便在循环中显示这些图像,使我能够使用CSS创建网格并创建照片库。

目前这是我的代码:

<?php /* Template Name: Portrait Album */ ?>
<?php get_header(); ?>
<div class="portrait-page" style="background-color: black;">
     <?php if (have_posts()) : while (have_posts()) : the_post();?>
     <?php the_content(); ?>
     echo "<img src=\'".wp_get_attachment_url( $the_post->ID )."\' />";
    <?php endwhile; endif; ?>
    </div>
  </div>
</div>
我想做的是这样的事情col-1-3 是页面宽度的三分之一

<div class="row">
  <div class="col-1-3">
    echo "<img src=\'"RELEVANT PHP CODE HERE"\' />"
  </div>
</div>

1 个回复
SO网友:maxinacube

我不确定我是否百分之百地理解了您的意图,但我相信使用WordPress的默认设置Gallery shortcode 是你想要的。当您使用“添加媒体”按钮将图像插入内容时,您可以创建一个图库,并说出希望该图库包含多少列。

如果标记不符合要求,您可以使用remove_shortcode( \'gallery\' ); 然后编写自己的函数并执行add_shortcode( \'gallery\', \'my_gallery_shortcode );

相关推荐

Images with overlay

我有一些图片在一个容器中,我想添加一个覆盖和图标。这不是现成的,但我找到了一些有用的代码:HTML:<div class=\"main\"> <span class=\"featured\"><img src=\"http://joshrodg.com/IMG_001-258x258.jpg\" title=\"\" alt=\"\"></span> </div> CSS:.featured {