2カラムにする【No.36】
2カラムにする
この質問が多いので、まとめることにしました。
目安に、「○行目」とか書いていますが、それまでのカスタマイズなどで多少前後していることもあると思います。
あくまで目安ということで。
(というか、私もいじっているうちに変わっているので、微妙な目安ですが・・・)
手順としては、次のようになります。
1. 触る前に、バックアップ !
2. サイドバーの機能選択・並び替えで、全て右側(or左側)に寄せる
3. 左のサイドバーを残したい人のみ、{$Banner$}の位置を移動
※ 右のサイドバーを残す人は、ココはとばしてください。
ヤプログバナーを移動させないと右のサイドバーを消せないので、
こういうことをします。

メインテンプレート 59行目 → 28行目
アーカイブテンプレート 64行目 → 28行目
1記事テンプレート 169行目 → 29行目
4. 消したい方のサイドバーのタグ(↓)を、3つのテンプレートから消す
■ 右のサイドバーを残す場合は↓

メインテンプレート 23行目〜
アーカイブテンプレート 23行目〜
1記事テンプレート 24行目〜
■ 左のサイドバーを残す場合は↓

メインテンプレート 53行目〜
アーカイブテンプレート 58行目〜
1記事テンプレート 164行目〜
5. テンプレートやスタイルシートで、幅の調節
幅750pxの場合でだけ、簡単にできます。
追記をどうぞ。
それ以下にしたい場合、あるいはテンプレートの方との整合性がないのが嫌な場合は、テンプレートも含めて、直していく必要があります。
幅指定箇所【No.3】に書いてあるような場所になります。
あらかじめ、サイドバー○○px、記事部分○○pxと決めてから数値を入れていく方が良いですよ〜。
※ 幅は750px(ヤプログテンプレートの初期値)の場合は、最低限で済ませたりすることもできたりはします。
その場合は、以下の数値にします。
スタイルシート 156行目〜
.entry_layer
{
OVERFLOW: hidden;
WIDTH: 360px; ← 535pxに
WORD-BREAK: break-all
}
これだけだと記事幅しか広がらないので、コメント部分やトラック部分のテーブル幅の為に、以下も直します。
また、タイトル画像の端と、記事の端が合わない方は青い字のmarginを変更します。
■ サイドバーが右、記事が左の場合は
→ margin: 10px 20px 10px 0px;
■ サイドバーが左、記事が右の場合は
→ margin: 10px 0px 10px 20px;
スタイルシート 91行目〜
.entry
{
〜略〜
margin: 10px;
〜略〜
width: 380px; ← 555pxに
}
コメントエリア(?)の幅も広げたい場合は以下も。(これは535px以下なら、好きな数値で良いかも)
スタイルシート 162行目〜
.comment_layer
{
OVERFLOW: hidden;
WIDTH: 300px; ← 535pxに
WORD-BREAK: break-all
}
最後にアーカイブ・1記事ページにて、ページ移動のリンクが真ん中にきていないので、


↓575pxに
アーカイブテンプレート・1記事テンプレート 25行目付近〜
<td valign="top" width="575" align="center">
<!-- archive navigation -->
<table width="575" border="0" cellspacing="0" cellpadding="5" align="center">
<tr>
<td align="center" class="prevew">
〜略〜</td>
</tr>
</table>
<!-- archive navigation -->
<td valign="top" width="575" align="center">
<!-- archive navigation -->
<table width="575" border="0" cellspacing="0" cellpadding="5" align="center">
<tr>
<td align="center" class="prevew">
〜略〜</td>
</tr>
</table>
<!-- archive navigation -->
[ この記事を通報する ]
url : http://yaplog.jp/material/archive/604



ありがとうございました。
で質問させていただいたのですが。。。サイドバーの位置は出来ましたぁ
以前に、違う内容で質問させていただいたものです。それ以降もコチラを参考にさせていただいております
ちなみに、ページはそのままの状態になったままにしておきます。
アドバイスありがとうございました(*- -)(*_ _)ペコリ

それがどうしてもわからなくて・・・

)



治りました。


ありがとうございます!
亀蔵と申します


