ソースが長くなるので途中省略していましたが、その部分をコピペできるようにしてみました。
追加する箇所とコピペできる箇所と書き直しましたので、続きからご覧になってくださいね。
よろしくお願いします。
配布中のテンプレートに記述ミスがありました
記事フッターのコメントをクリックすると、コメント投稿に飛ぶようにしているのですが、いくつかのテンプレートで記述が抜けていて記事TOPに飛んでしまいます。
共有テンプレートの方は修正をしました。
該当テンプレートをご使用いただいてる方は、お手数ですが以下の部分を修正していただくか、再度DLしていただくようお願い致します。
該当テンプレート
・tl_clover
・tl_green_3col
・tl_green2col
・tl_checkheart
・tl_sakurasaku
・tl_sakura
・tl_cocotte_2col
HTML内から <!--▼コメントフォームここから--> の記述を探してください。
真ん中辺りにあります。
このすぐ下にある
<p id=cmf" class="navi_title">
↑この部分に「"」が抜けていました。以下の赤字部分を追加してください。
<p id="cmf" class="navi_title">
これでコメントをクリックすると、コメント投稿に飛ぶようになります。
お手数おかけして申し訳ありませんが、よろしくお願いします。
配布中のtl_cutecloverを3カラムにしたいというご質問をいただきました。
同じように変更したい方がいらっしゃるかもと思い、カスタマイズ方法を記事にしました。
テンプレートによっては、TOP画像を幅に合わせて作ったり、記事部分にテーブルを使ったりしているので、カラム変更が難しいものもあります。
【tl_cuteclover】は、幅の修正などで3カラムへの変更が可能です。
ここのテンプレート全てに当てはまる訳ではないという事をご了承ください。
ひとつずつ順番にやっていけば、変更は難しくありませんので。
テンプレートを修正する時は、複製してからカスタマイズしていただくようお願いします。
3カラムへのカスタマイズ方法はたたみます。
続きからご覧になってくださいね。
よろしくお願いします。
【tl_spring_smile】の記事部分はテーブルを使っています。
400px以上画像をUPされてる方は、レイアウトが崩れる可能性があります。
記事部分を大きくしたい!という方は、テンプレートの編集をしてみてください。
管理画面 → テンプレートの設定 → tl_spring_smile編集
で編集画面を開いていただいて、以下の部分を修正してください。
記事幅が大きくなり、460pxまでの画像をUPしてもらっても大丈夫です。
★HTML(全部で3箇所変更です)
1つ目:↓の部分を探してください。
<!--▼記事表示部分ここから-->
<div class="content">
<!--▼記事タイトルここから-->
<table cellpadding="0" cellspacing="0">
<tbody><tr>
<td background="http://blog-imgs-30.fc2.com/t/e/m/templabo/atama.gif" width="450" height="60" border="0">
上の青字の部分を↓の赤字に変更
<!--▼記事表示部分ここから-->
<div class="content">
<!--▼記事タイトルここから-->
<table cellpadding="0" cellspacing="0">
<tbody><tr>
<td background="http://blog-imgs-30.fc2.com/t/e/m/templabo/headtop.gif " width="500" height="60" border="0">2つ目:↓の部分を探してください。
<!--▼記事本文ここから-->
<td background="http://blog-imgs-30.fc2.com/t/e/m/templabo/mannaka.gif">
上の青字の部分を↓の赤字に変更
<!--▼記事本文ここから-->
<td background="http://blog-imgs-30.fc2.com/t/e/m/templabo/middle.gif">3つ目:↓の部分を探してください。
<!--▲記事本文ここまで-->
<!--▼記事フッターここから-->
<td background="http://blog-imgs-30.fc2.com/t/e/m/templabo/ashi.gif " width="450" height="95" border="0">
上の青字の部分を↓の赤字に変更
<!--▲記事本文ここまで-->
<!--▼記事フッターここから-->
<td background="http://blog-imgs-30.fc2.com/t/e/m/templabo/foot.gif" width="500" height="95" border="0">
★CSS(1箇所だけです)
↓の部分を探してください。
/*メイン*/
div#main {
float: right;
width: 450px;
margin-right: 0px;
margin-left: 0px;
}
上の青字の部分を↓の赤字に変更
/*メイン*/
div#main {
float: right;
width: 500px;
margin-right: 0px;
margin-left: 0px;
}