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

Question

我已经成功地添加了一个“特色图片”，它漂浮在左侧，填充了我 Wordpress 网站主页上的每个帖子摘录。类似于它在本网站上的显示方式:http://tinyurl.com/y8tk6oq 但是!我正在尝试添加一个 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

如果你只想添加一个按钮，你可以只在循环中添加一个 anchor 。我添加了一个带有 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了解如何操作。