在帖子的特色图片下添加一个 div 框/带有按钮

Question

我已经设法添加了一个“特色图片”，它会在我的 Wordpress 网站主页上填充每个帖子摘录的左侧。类似于它出现在这个网站上的方式：http://tinyurl.com/y8tk6oq BUT！我正在尝试添加一个 div / 按钮以显示在它的下方，占用我的图像的宽度，只需一点点填充。我很想在这个工作代码中添加，以便它在我的所有帖子中显示相同，并且我会单独使用每个代码来添加相应的单独链接。

我已经多次尝试复制下面的工作，但使用 DIV，在下面重新定位，但仍然没有这样的运气。

 <?php if($image= get_post_meta($post->ID, "image", true)) { ?>
                        <div class="postImage">
                        <img class="postImg" src="<?php echo $image; ?>" /> 
                        </div>                    
                    <?php } else if($isbn= get_post_meta($post->ID, "isbn", true)) { ?>
                        <div class="postImage">


                        <img class="postImg" src="http://www.randomhouse.com/images/dyn/cover/?source=<?php echo $isbn; ?>&height=225&maxwidth=150" />

                        </div>

                <?php } else { print"<div>";}?>    

Answer 1

如果你只想添加一个按钮，你可以在循环中添加一个锚点。我添加了一个类为 readmore 的按钮，然后您可以将 CSS 规则应用到该按钮。

 <?php if($image= get_post_meta($post->ID, "image", true)) { ?>
                    <div class="postImage">
                    <img class="postImg" src="<?php echo $image; ?>" /> 
                    </div>                    
                <?php } else if($isbn= get_post_meta($post->ID, "isbn", true)) { ?>
                    <div class="postImage">


                    <img class="postImg" src="http://www.randomhouse.com/images/dyn/cover/?source=<?php echo $isbn; ?>&height=225&maxwidth=150" />
                    <a href="<?php the_permalink(); ?>" class="readmore">Read More</a>
                    </div>

            <?php } else { print"<div>";}?>    

编辑：如果您不想链接到帖子的永久链接，而是想逐个帖子链接到您选择的外部 URL，您可以通过使用自定义字段来实现。查看this article 了解操作方法。