■ テンプレート
■simple_xxx 共有テンプレートカスタマイズ(7/27更新以降)
ちょっとしたテンプレのカスタマイズ方法を載せていきます。
■背景色を変えたい場合。
■文字色を変えたい場合。
■リンク色を変えたい場合。
■ブログタイトル上部の余白をなくしたい場合。
■記事とサイドバーを左右入れ換えたい場合｡
■記事の幅を変えたい場合。
※7/26以前にダウンロードした方はこちら。
■プロフィール画像の枠を消したい場合。
■サイドバーが落ちる。
■コンテナの背景色。
■記事の背景色。
■サイドバーの背景色。
■コメントとコメントの編集の背景色。
■トラックバックの背景色。
■ベースカラーを好きな色に変えたい場合。
■タイトル部分の背景を画像にする場合。
■追記部分を折りたたみにしたい場合。
思いつき次第増やしていきます。
■コメント編集の不具合
こちらの変数の記述ミスです。
ご迷惑をお掛け致しました。申し訳ございません。
ご報告いただきありがとうございますm(_ _)m
修正版をアップいたしましたので
更新をお願い致します。
テンプレを編集されている方は
HTMLの下記の部分を書きかえてください。
↑の赤字部分を↓に書きかえてください。<textarea id="comment" cols="50" rows="5" name="comment[body]"><%edit_body></textarea>
<textarea id="comment" cols="50" rows="5" name="edit[body]"><%edit_body></textarea>
■追記部分を折りたたみにする。
HTMLをカスタマイズしている方は下記の部分だけ書きかえてください。
↓この共有プラグインを利用しました。
プラグインの折りたたみ
<head>〜</head>内に下記のスクリプトを書き加えてください。
<script type="text/javascript">
<!--
function showPlagin(idno){
pc = ('PlagClose' + (idno));
po = ('PlagOpen' + (idno));
if( document.getElementById(pc).style.display == "none" ) {
document.getElementById(pc).style.display = "block";
document.getElementById(po).style.display = "none";
}
else {
document.getElementById(pc).style.display = "none";
document.getElementById(po).style.display = "block";
}
}
//-->
</script>
↓<body>〜</body>内。
↑の部分を↓の様に書きかえてください。<!--more_link-->
<div class="entry-more"><a href="<%topentry_link>" title="「<%topentry_title>」の続きを読む">続きを読む >></a></div>
<!--/more_link-->
<!--more_link-->
<div id="PlagOpen<%topentry_no>">
<div class="entry-more"><a href="#" title="続きを読む" onclick="showPlagin(<%topentry_no>);return false;">続きを読む▽</a></div></div>
<div id="PlagClose<%topentry_no>" style="display: none">
<%topentry_more>
<div class="entry-more"><a href="#" title="続きを閉じる" onclick="showPlagin(<%topentry_no>);return false;">続きを閉じる△</a></div></div>
<!--/more_link-->
※更に個別記事も折りたたみにしたい場合は
↑の部分も↓の様に書きかえてください。<!--more-->
<br><%topentry_more>
<!--/more-->
<!--more-->
<div id="PlagOpen<%topentry_no>">
<div class="entry-more"><a href="#" title="続きを読む" onclick="showPlagin(<%topentry_no>);return false;">続きを読む▽</a></div></div>
<div id="PlagClose<%topentry_no>" style="display: none">
<%topentry_more>
<div class="entry-more"><a href="#" title="続きを閉じる" onclick="showPlagin(<%topentry_no>);return false;">続きを閉じる△</a></div></div>
<!--/more-->
■共有テンプレート登録。
■記事の幅を変えたい場合。
/* レイアウト用ブロックの設定
-------------------------------- */
div#container {
width : 600px;/* wrapper＋extra-columnの幅 */
↑赤字部分を増やしたり減らしたりしてみてください。本文部分ブロックの幅の設定は3ヶ所あります。全部同じ幅にして下さい。そのうち1つにまとめてテンプレ更新します…。本文部分ブロック、サイトインフォ関連ブロックはpxでも指定できます。/* 本文部分ブロック */
width : 67%;
/* サイトインフォ関連ブロック */
width : 30%;/
絵を描いたり漫画を描いたりしています。