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; ?>
そのコードは次の出力を生成しています。
「もっと見る」ボタンの下に 2 つのボタンを追加しようとしています。コードを追加すると、ボタンが親 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;
}