seesaa_tips

Seesaaブログ:トップページのカスタマイズする

2016/08/15

今回は、「トップページをカスタマイズする方法」を紹介します。


シーサーブログはLivedoorブログと異なり、ページ毎にHTMLを書くことは出来ず、ブログページ全体のHTMLを書く仕組みになっています。TOPペー
ジだけに表示をしたい場合でも全てのページに適用されて困ってしまう場合があります。

今回は、その部分を改善する方法を消化します。

 

トップページのカスタマイズする

1.管理画面上から、[デザイン]-[デザイン設定]-[選択しているテンプレタイトル]を選んで画面を表示させます。

Design-thumbnail2.png

2.下にスクロールをして、[HTML編集]を選択

blog_import_57a947ed5cb18.png

3.関連記事表示部分を探し、変更します。
変更前)

<div class="l-content">
<div role="main" class="main l-left">
(トップ画面のコード)
</div>
</div>
変更後)

<div class="l-content">
<div role="main" class="main l-left">
<% if:page_name eq 'index' -%>
追加したいコード
<% /if -%>
(トップ画面のコード)
</div>
</div>
4.画面最下部で保存を選ぶ

-seesaa_tips