そこで、月別記事(アーカイブ)ページのみ、記事本文の要約を表示するようにしました。
FC2ブログでは、ブロック変数のひとつである、「<%topentry_discription>」を使うことで、記事本文の要約(200文字)を表示することができ、画像は表示せず、テキストのみで表示させるようにすることができます。
さて、記事本文の要約を表示する方法ですが、まず、テンプレート管理ページのHTML編集部分に、下記のような記述部分があるはずですので、探してみてください。
<div class="mainEntryBody">
<%topentry_body>
</div>
※「<%topentry_body>」の部分が、記事本文にあたります。
※class要素(mainEntryBody の部分)はテンプレートにより異なります。
↓青字で囲まれている部分を、以下のように変更します。
<div class="mainEntryBody">
<!--date_area--><%topentry_discription><!--/date_area-->
<!--not_date_area--><%topentry_body><!--/not_date_area-->
</div>
↓上記のタグを日本語でわかりやすく表示すると、以下のようになります。
<div class="記事本文のスペース">
<!--月別記事エリア--><記事本文要約><!--/月別記事エリア-->
<!--月別エリア以外--><記事全文表示><!--/月別エリア以外-->
</div>
※注意点
テンプレートをカスタマイズする際には、必ず元のテンプレートをバックアップしてからカスタマイズするようにしてください。また、カスタマイズは自己責任のもとで行ってください。レイアウトが崩れたとか、ページが表示されなくなった等の苦情には一切お答えできませんし、「何とかしてください」とかのアフターケアを求められても対応できません。
(※ IE と Firefox で確認済み)
万が一、正常に表示されなくなった場合でも、おそらく私のせいではありません。
気が向きましたらならクリックをお願いします ↓
人気blogランキング!
JRANKブログランキング
ブログランキングくつろぐタグ :カスタマイズ
その迷惑なスパムコメントの中には、どうも機械的に投稿されているものが多くあるように思われるので、機械的に投稿されるスパムコメント対策の方法を考えてみました。
FC2ブログには、スパムコメント対策として、禁止設定として、「禁止IP・ホスト」や「禁止ワード」をブラックリストとして登録できる機能があります。そこで、あらかじめ、コメントのテキストエリアの部分に、「禁止ワード」を記入しておき、ブラックリストに、その「禁止ワード」を登録しておくという方法です。
ビジター(訪問者)の方には、ひと手間かかってしまい申し訳ないのですが、このようにすれば、機械的に投稿されるスパムコメントは拒否できるようになるはずです。
▼カスタマイズ記述例
<script type="text/javascript" src="http://blog○×.fc2.com/load.js"></script><br />
<textarea id="comment" cols="40" rows="8" name="comment[body]" class="mainFormTextarea"></textarea>
と記入されているタグの部分を、以下のように変更します。
(※使用しているテンプレートによっては記述が違う場合もあるかもしれません)
<script type="text/javascript" src="http://blog○×.fc2.com/load.js"></script><br />
<span style="font-size:12px;">※<span style="color:#ff3300;font-weight:bold;">投稿前に本文を削除</span>の部分を削除して下さい</span><br />
<textarea id="comment" cols="40" rows="8" name="comment[body]" class="mainFormTextarea">投稿前に本文を削除して下さい</textarea>
※実際の表示例は、この記事単体をご覧になってください。
※注意点
テンプレートをカスタマイズする際には、必ず元のテンプレートをバックアップしてからカスタマイズするようにしてください。また、カスタマイズは自己責任のもとで行ってください。レイアウトが崩れたとか、ページが表示されなくなった等の苦情には一切お答えできませんし、「何とかしてください」とかのアフターケアを求められても対応できません。
(※ IE と Firefox で確認済み)
万が一、正常に表示されなくなった場合でも、おそらく私のせいではありません。
気が向きましたらならクリックをお願いします ↓
人気blogランキング!
JRANKブログランキング
ブログランキングくつろぐ■記述例
<!--topentry-->
<!--topentry_tag-->
<!--tag_list-->
<ul>
<li &align><a href="http://blog.fc2.com/tag/<%topentry_tag_list_parsename>" target="_blank"><%topentry_tag_list_name></a></li>
</ul>
<!--/tag_list-->
<!--/topentry_tag-->
<!--/topentry-->
※新管理画面になってから、FC2で公開している「テンプレート中で使える変数」では、
ポータルサイトへ直接リンクできなくなったので、「http://blog.fc2.com/」を直接指定しています。
(現在、直っているかどうかは不明)
■ブロック単位の記述例(※166_simple_3c系列のテンプレートの場合)
<div class="menu1BlockHead" style="text-align:center;">
<div class="menuTitle">ポータルサイト タグリスト</div>
</div>
<div class="menuBlockBody">
<div class="menuText" style="text-align:left;">
<!--topentry-->
<!--topentry_tag-->
<!--tag_list-->
<ul>
<li &align><a href="http://blog.fc2.com/tag/<%topentry_tag_list_parsename>" target="_blank"><%topentry_tag_list_name></a></li>
</ul>
<!--/tag_list-->
<!--/topentry_tag-->
<!--/topentry-->
</div></div>
※注意:
・クラス指定(class="menuBlockBody"などの部分)は、テンプレートにより異なります。
記事の内容にご満足戴けましたならクリックをお願いします ↓
JRANKブログランキング
FC2ブログランキング
人気blogランキング!
<!--topentry-->
<!--community-->
▼<a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>"
target="_blank"><strong><%topentry_community_janrename></strong></a><br
/>
L <a href="<%topentry_thread_link>" title="<%topentry_thread_title>" target="_blank"><%topentry_thread_title></a>
<!--/community-->
<!--/topentry-->
※赤字の部分は、各ジャンルへのリンクです。
※青字の部分は、共有スレッドテーマへのリンクです。
■ブロック単位の記述例(※166_simple_3c系列のテンプレートの場合)
<!--スレッドテーマ-->
<div class="menu1BlockHead" style="text-align:center;">
<div class="menuTitle">スレッドテーマ</div>
</div>
<div class="menuBlockBody">
<div class="menuText" style="text-align:left;">
<!--topentry-->
<!--community-->
▼<a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>"
target="_blank"><strong><%topentry_community_janrename></strong></a><br
/>
L <a href="<%topentry_thread_link>" title="<%topentry_thread_title>" target="_blank"><%topentry_thread_title></a>
<!--/community-->
<!--/topentry-->
</div></div>
<!--/スレッドテーマ-->
※注意:
・クラス指定(class="menuText"などの部分)は、テンプレートにより異なります。
記事の内容にご満足戴けましたならクリックをお願いします ↓
JRANKブログランキング
FC2ブログランキング
人気blogランキング!
タイトル部分の左右にスペースを空けることで、長くなりすぎたブログ説明文を、
自動的に改行して表示させることができます。
ブログの説明文をタイトル部分の左右にスペースを空けて表示するには、ブログの説明文(introduction)のブロックのパッディング(padding)で調整して下さい。
マージン(margin)指定でもスペースを空けることはできますが、
テンプレートのレイアウトが崩れることもあります。
※記載例
スタイルシートの部分の 赤字 の部分を調整
.introduction {
padding: 0px 5px 0px 5px;
text-align: left; /* 必要に応じ追加 */
}
※記載例説明;注意(注釈)は不要
・padding: 0px(上スペース) 100px(右スペース) 0px(下スペース) 150px(左スペース);
(ブログ説明文の左に100px、右に150pxのスペースを空ける)
・タイトル部分がセンタリング指定している場合必要に応じ「text-align: left;」を追加
タイトル部分の幅が、固定されている場合には、
.introduction {
width: 580px; /* タイトル部分の幅を580pxに指定 */
}
としても、同じ効果が得られます。
●注意点
サイト説明文(introduction)を改行して表示させることで、タイトル部分の文字がずれる場合には、
#headBlock {
height:110px; /* この部分を調整(指定してない場合はそのままでOK!) */
}
▼ ブログ カスタマイズ 方法 記事一覧 >> 1 >> 2
※ フリースペース(index_area)について - 1
※ フリースペースの編集について - 2
※ 文字をスクロールさせる
※ テキストボックス風のオブジェクトを作る
※ 文字サイズや色、行間隔などを変更する
※ カテゴリー&エントリー毎にタイトルを変える
※ エントリー記事部分に広告挿入欄などのスペースを挿入
※ 記事の日付を表示しない設定方法
※ ブログタイトル部分の背景色(画像)を変更する
※ ページタイトル下部のカレンダー表示削除の方法
※ ブログタイトルを画像で表示する
※ ブログの背景色(画像)を変更する
※ メニューの背景を変更する
※ キーワード上位表示させる為のブログテンプレート カスタマイズ
※ FC2ブログ サポートフォーラムへのリンク
タグ :カスタマイズ
Copyright © 2006 無料ブログ テンプレート カスタマイズ All rights reserved.
ドメイン SEO対策カウンター
Template by ブログ&ホームページ作成 ガイドブック 解説本













