ページTOPへ

Seesaaブログのトップページに最近の記事リストを表示する方法

Seesaaブログのトップページに最近の記事リストを表示する方法



当サイトからご購入の方に豪華特典付き!






Seesaaブログのトップページに最近の記事リストを表示する方法

 

Seesaaブログのトップページに最近の記事リストを表示して、ホームページ風のトップページになるようにする方法をご紹介したいと思います。

 

表示前:

 

 

表示後:

 

 

 

トップページに最近の記事リストを表示する方法

 

 

まずSeesaaブログの管理画面から「デザイン」⇒「コンテンツ」をクリックします。

 

 

 

 

左サイドバーのコンテンツから「最近の記事」を記事の上にドラッグで設置します。

 

 

 

 

最近の記事のボタンをクリックして、編集画面が開きます。右上の「コンテンツHTML 編集」をクリックします。

 

 

 

 

全てのソースを削除して下記ソースに書き換えます。

 

<!-- ▽最近の記事 -->
<h3 class="title"><% content.title %></h3>
<div class="side">
<% content.header -%>
<% loop:list_article -%>
(<% article.createstamp | date_format("%m/%d") %>)<a href="<% article.page_url %>"><% article.subject | tag_break %></a><br />
<% /loop -%>
<% content.footer -%>
</div>
<!-- △最近の記事 -->

 

 

ソースの貼り替えが完了したら、下方の「保存」をクリックして保存、右上の「×」をクリックし閉じる。

 

コンテンツ管理画面の「保存」もクリックします。

 

 

 

 

これで完了です。トップページに「最近の記事」が表示されました。

 

 

 

 

関連ページ

Seesaaブログ【新システム】カスタマイズまとめ
Seesaaブログ【新システム】カスタマイズについて解説します。
Seesaaブログの作成方法
Seesaaブログの作成方法について説明します。
Seesaaブログの不要な広告を消す方法
Seesaaブログの不要な広告を消す方法
Seesaaブログのヘッダー画像の下にメニューバーを設置する方法
Seesaaブログのヘッダー画像の下にメニューバーを設置する方法を説明します。
Seesaaブログの画像をアップロードとURL(アドレス)を調べる方法
Seesaaブログの画像をアップロードとURL(アドレス)を調べる方法を説明します。
seesaaブログのヘッダーに好きな画像を設定する方法
seesaaブログのヘッダーにオリジナル画像を設定する方法を説明します。

初心者でも月10万円

カテゴリー


ホーム 初心者のための講座 お小遣いサイト攻略法 お役立ち情報 初心者のための教材