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

迷走
アクセスアップを狙って、テンプレートを変えたので、改造した点を書いておきます。
使用したテンプレートはオフィシャルテンプレート 可変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" />

に変更。

アーカイブのページにソーシャルボタンを追加

上記の後ろにソーシャルボタンを追加。
ソーシャルボタンについては、検索して記述。
指定URLを下記にする。
<%EntryPermalink%>

descriptionの設定

検索結果からのクリックを意識して、ちょっと小細工。

<meta name="description" content="<%BlogDescription%>">
<meta name="keywords" content="<%BlogTitle%>">

トップページとアーカイブは削除して、個別記事は

<meta name="description" content="<%EntryBody_190%>">

に変更
なんとなく、格好はつきました。

コメント

タイトルとURLをコピーしました