SAB-webカスタマイズ

最新記事の一覧のソース

【管理画面】→【環境設定】→
【プラグインの設定】 →【最新記事(詳細)】(無い場合は公式プラグインの追加より)→
【HTML編集】と進むと、
以下のようなソースを確認できると思います。

<ul> <!--recent--> <li &align> <a href="<%recent_link>" title="<%recent_title>"><%recent_title> </a> </li> <!--/recent--> </ul>

上のソースは、HTMLタグとFC2独自タグを使って作られた、最新記事一覧のソース(本体)です。

(ulやliタグを使い、リスト形式になっています。＜!--recent--＞と＜!--/recent--＞はFC2ブログの独自タグで、これに囲まれた中身は、 【環境設定の変更】で指定している最新記事一覧の表示件数と同じ数だけ、最新記事を表示する、という内容になっています。)

このソースを設置した場所に、最新記事の一覧が表示される仕組みになっています。

好きな位置に簡単に設置する為に箱(div)に入れる

ブログテンプレートは、箱(divなど)を組み合わせたブロックの集まりのようなものなので、
上で説明したソースを、とりあえず箱(div)の中に入れておきます。
※入れなくても使うことが出来ますが、入れたほうが便利で、後々編集しやすいと思います。

<div> <ul> <!--recent--> <li &align> <a href="<%recent_link>" title="<%recent_title>"><%recent_title> </a> </li> <!--/recent--> </ul> </div>

最新記事一覧のソース(本体)を、＜div＞と＜/div＞で囲むことで、
ソース(本体)が箱の中に入っている状態になっています。

※divではなく＜p＞と＜/p＞でも箱に入っている意味では同じことになります。
＜div＞と＜p＞の違いは、
＜p＞の場合には、箱の上下に1行分の余白が付いてきます。
好みで構いませんが、たぶん＜div＞で囲んだほうが汎用性が高いと思われます。

好きな場所に設置する

基本的に、上で説明したソース(本体)をコピーしてペーストするだけで好きな位置に設置することができます。

お使いのテンプレートによって、構造が違うので一概にこのようにする、という説明が書けないのですが、



上の図のようにテンプレートの構造に埋め込んで設置したい場合など、
テンプレートが崩れてしまったりする場合が多いので、複製などをしながら取り組んでください。