記事毎のサムネ画像を消したい |
||
最初は見栄えが良くて良いなと思ったものの、やっぱりめんどくさいと思います。
スポンサードリンク
HTML編集
<!--▼ エントリー表示(記事)▼-->
<!--topentry-->
<div class="ently_outline">
<h2 class="ently_title">
<a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="<%topentry_title>の記事を参照">
<%topentry_title></a></h2>
<div class="ently_body">
<div class="ently_text">
<TABLE style="cellSpacing=0 cellPadding=0 border-width:0px;">
<tr>
<td>
<div class="img_recent">
<a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="<%topentry_title>の記事を参照">
<!--▼▼あらかじめサムネ画像の名前は[ ently_img_<その記事の記事番号>.jpg ]にしておいてください▼▼-->
<img src="http://~~画像のURL~~/entry_img_<%topentry_no>.jpg"/>
<!--▲▲画像の名前や番号を間違えると表示されません▲▲-->
</a>
</div></td>
<td style="border-width:0px; border-color:#ffffff" align="left" valign="top" width=320 height=170>
<%topentry_body>
<br />
</td>
</tr></TABLE>
<!--more_link-->
<div class="readmore">
<a href="<%topentry_link>"title="<%topentry_title>の記事の続きを読む">続きを読む</a>
</div>
<!--/more_link-->
このような記述があると思います。以下のように書き換えてください。
<!--▼ エントリー表示(記事)▼-->
<!--topentry-->
<div class="ently_outline">
<h2 class="ently_title">
<a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="<%topentry_title>の記事を参照">
<%topentry_title></a></h2>
<div class="ently_body">
<div class="ently_text">
<a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="<%topentry_title>の記事を参照"></a>
<%topentry_body>
<!--more_link-->
<div class="readmore">
<a href="<%topentry_link>"title="<%topentry_title>の記事の続きを読む">続きを読む</a>
</div>
<!--/more_link-->
このように書き換えることによって、記事毎のサムネ画像がなくなります^^
HTMLの変更に伴いCSSにも変更を加えましょう。
スタイルシート編集
/******************************************* ▼ 記事サムネイル画像表示 ▼ */
.img_recent br {
}
.img_recent img {
float:left;
border: 0; /* 線 */
margin-right:5px; /* 画像の右余白 */
margin-bottom:5px; /* 画像の下余白 */
width: 280px; /* 画像表示サイズ(幅) */
height:160px; /* 画像表示サイズ(高さ) */
}
/******************************************* ▲ 記事サムネイル画像表示 ▲ */
何か値を変更しなければならないというわけではなく、上記の部分を消してしまうだけでOKです。