我正在尝试向 php 脚本添加一些额外的链接。
这是原始代码：
<div id="content-left">
<h4>Recent Work</h4>
<?php query_posts('posts_per_page=2&cat=-8,-52,-53,-54'); ?>
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<div class="home-blog-feed">
<?php the_post_thumbnail(array(130, 70, true)); ?>
<div class="home-feed-right">
<span class="home-title"><?php the_title(); ?></span>
<span class="home-description"><?php echo get_post_meta($post->ID, 'Caption', true); ?></span>
<span class="home-link"><a href="<?php the_permalink() ?>">View Gallery</a></span>
</div>
</div>
<?php endwhile; ?>
<a href="http://www.mysite.com/blog/" class="button feed">View More</a>
<?php endif; ?>
该代码产生以下输出：
我正在尝试在“查看更多”按钮下方添加两个额外的按钮。当我添加代码时，按钮出现在父 div 的顶部，最终出现在“最近的工作”和第一张图片的后面。
我是 php 新手，任何关于为什么它没有出现在“查看更多”按钮下方的帮助将不胜感激。我尝试使用 echo 命令和 '\n' 来创建中断，但它没有生效。
此外，这是我尝试在“查看更多”按钮下方添加的编码按钮的示例：
<a class="large-button" href="http://www.mysite.com/my-specified-page/">View Page</a>
这是页面：
http://www.aimeehurstphotography.com/wedding-photography-2/
这是左侧内容输出的 CSS：
#content-left {
width:330px;
float:left;
height:auto;
padding:0;
margin:0;}
.home-blog-feed {
width:100%;
height:auto;
float:left;
padding:0 0 10px 0;
margin-bottom:7px;}
.home-blog-feed img {
text-align:left;
float:left;
margin:0 18px 0 0;
vertical-align:top;
border:#CCC solid 1px;
padding:5px;
background:#FFFFFF;}
.home-feed-right {
width:170px;
float:left;}
.home-title {
font-weight:bold;
width:100%;
display:block;
margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;}
.home-description {
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0;
display:block;
margin:0 0 5px 0;
color:#666;
}
.home-link a {
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
display:block;
color:#008080;
}
.home-link a:hover {
color:#960;
}