sì shí? No SUSHI!

100均工具で挑む原付2種125CC スクーター、電動キックボード HONDA Mopets and Escooter Maintainance tech and so on

seesaa_tips

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

2016/08/15

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


シーサーブログは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="558x252" ]

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="541x306" ]

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