うぃず FC2テンプレート

FC2ブログのテンプレートの配布や、コピペで簡単にカスタマイズできるような方法を紹介しています。
FC2ブログで使えるテンプレートを配布しています
2012.12.12 22:08|folder.png カスタマイズcomment.png(0)

記事毎のサムネ画像を消したい

  • このエントリーをはてなブックマークに追加

  • 記事毎に設定するサムネ画像を消す方法を紹介します。

    最初は見栄えが良くて良いなと思ったものの、やっぱりめんどくさいと思います。



    スポンサードリンク


    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です。

    関連記事
    コメントの投稿












    管理者にだけ表示を許可する
    トラックバック
    この記事のトラックバックURL

    検索フォーム
    スマートフォン用テンプレート
    カスタマイズしやすいように考慮してHTMLを記しています。
    SP01_Gray
    スマートフォンテンプレートグレー
    グレーが基本色のテンプレートです。
    メインカラー :#444444
    メニューカラー:#333333
    サブカラー  :#EFEFEF
    ラインカラー :#999999
    で主に構成しています。CSSにて色指定箇所を置換すれば簡単に色替えが可能です。 お好みの色に変更して楽しんでください。

    SP01_Blue
    スマートフォンテンプレート青
    爽やかな水色が基本色のテンプレートです。
    TopNTagCloud

    フリーエリア
    メールフォーム
    何か質問等ありましたらお気軽にお問い合わせください。

    名前:
    メール:
    件名:
    本文:


    FC2ブロガー必見!

    必ず結果が出るブログ運営テクニック


    もっとカスタマイズしたい方必見!


    毎日メンテナンスするだけで・・・

    最新トラックバック
    ブロとも申請フォーム