ティーダブログのテンプレートの改造方法覚え書き（オフィシャルテンプレート可変3カラム）

てぃーだブログ

2016.12.10

アクセスアップを狙って、テンプレートを変えたので、改造した点を書いておきます。
使用したテンプレートはオフィシャルテンプレート可変3カラムです。
一番新しい見やすいテンプレートだと思います。
改造した点は下記の通りです。
・タイトルの背景画像の追加
・追従してくる右上のメニューの削除
・アーカイブのページを一覧表示に変更
・アーカイブのページにソーシャルボタンを追加
・descriptionの設定

タイトルの背景画像の追加

スタイルシートの

#banner,#subbanner{
margin:0px;
width: 100%;
padding: 0px;
}

を

#banner,#subbanner{
background:#FFF url(http://○○.○○/○○.○○) top right no-repeat;
margin:0px;
width: 100%;
padding: 0px;
}

に変更。

追従してくる右上のメニューの削除

トップページ、個別記事、アーカイブの下記を削除

<div id="fixed-button-box">
<div class="cycle_link_box">
<ul>
<a href="<%BlogUrl%>"><li class="cycle_link"><p>トップ</p></li></a>
<a href="<%BlogUrl%>album.html"><li class="cycle_link"><p>画像一覧</p></li></a>
<a href="<%BlogUrl%>sitemap.html"><li class="cycle_link"><p>記事一覧</p></li></a>
</ul>
<!– /cycle_link_box –></div>
<!– /fixed-button-box –></div>

アーカイブのページを一覧表示に変更

アーカイブの

<div class="main"><%EntryBody%><br />
<IfEntryBodyMore><div class="insideout"><a class="inside amenu2" href="<%EntryPermalink%>#more"><p>続きを読む</p></a></div></IfEntryBodyMore>
</div>
<br clear="all" />

を

<div class="main">
<img src="<%EntryImg%>" width="220" align="left" alt="" />
<%EntryBody_190%> <br />
<div class="insideout"><a class="inside amenu2" href="<%EntryPermalink%>#more"><p>続きを読む</p></a></div>
</div>
<br clear="all" />

に変更。