今回は、「トップページをカスタマイズする方法」を紹介します。
シーサーブログはLivedoorブログと異なり、ページ毎にHTMLを書くことは出来ず、ブログページ全体のHTMLを書く仕組みになっています。TOPペー
ジだけに表示をしたい場合でも全てのページに適用されて困ってしまう場合があります。
今回は、その部分を改善する方法を消化します。
トップページのカスタマイズする
1.管理画面上から、[デザイン]-[デザイン設定]-[選択しているテンプレタイトル]を選んで画面を表示させます。
[peg-image src=”https://lh3.googleusercontent.com/-c998uyYymrY/V68rF86o0jI/AAAAAAAAALc/ejyKPyhrVOYmNiIqjqxBczoNiiDmOInhgCHM/s144-o/Design-thumbnail2.png” href=”https://picasaweb.google.com/101526379577213110445/6318532317344599985?authkey=3euLTNyb0m0#6318316183475507762″ caption=”” type=”image” alt=”Design-thumbnail2.png” image_size=”558×252″ ]
2.下にスクロールをして、[HTML編集]を選択
[peg-image src=”https://lh3.googleusercontent.com/-hZ1ridkDDpI/V6_uqgbczJI/AAAAAAAAAM8/UMqkWlBO76cv1veNQ35WHnOEB9ti63r6wCHM/s144-o/blog_import_57a947ed5cb18.png” href=”https://picasaweb.google.com/101526379577213110445/6318532317344599985?authkey=3euLTNyb0m0#6318531216251079826″ caption=”” type=”image” alt=”blog_import_57a947ed5cb18.png” image_size=”541×306″ ]
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.画面最下部で保存を選ぶ
