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

如果您只想添加按钮，则只需在循环中添加锚点即可。我添加了一个类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>";}?>

修改：如果您不想链接到帖子的固定链接，而是希望逐个帖子链接到您选择的外部网址，则可以通过使用自定义字段来实现。查看this article了解如何使用。

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

1 个答案: