3カラムなのに左にしかプラグインを表示できません
現在ここでブログを書いてます。
http://petnokimoti.blog80.fc2.com/
最新の記事やカテゴリーなど、表示させたいプラグインが増えたため
画面をずっと下のほうまで移動させないと
見えないプラグインがでてきて不便を感じたため
brown_str3ca_1という3カラムのテンプレートに変更しました。
3カラムというのは記事を書く部分のメインカラムの部分があり
その両脇のサイドバーに、表示させたいプラグインを
ふりわけて配置できると思ったのですが
そのやり方がわかりません。
環境設定のプラグインの設定から
表示位置を右寄せなどにしてみても
左のサイドバーにあるままで右よりに表示されるだけです。
どうやったら右側のサイドバーにプラグインを表示できるのか教えてください。
このプレビューのHTMLソースからは
一目でわかるような間違いは見つかりませんでした。
</div>が落ちている箇所もなかったし、挿入場所も間違ってないみたいだし。
ただPOWERED BY FC2のプラグインはマトモな場所にあるようですし
あとは この下に検索フォームが納まってくれれば良いんですけど。
ヘッド部分の上の <a name="pagetop"> に閉じタグがないので、このタグ の直後で結構ですから</a>を追加しておいてください。
それでカラムの崩れが治るといいんですけど。
2011年10月16日 18:04 by 標野ゆき
大変失礼いたしました。
こちらです。
http://miyabikogo.blog37.fc2.com/?template=morton_1&ind ex
更新していないと確認できません。
適用中のテンプレートを編集する必要はありませんので
同じテンプレートに枝番をつけて複製なさってから、それをカスタマイズして更新してください。
更新ボタンを押さないと
変更部分はHTMLやCSSには反映されません。
2011年10月16日 17:29 by 標野ゆき
大変失礼いたしました。。。
http://miyabikogo.blog37.fc2.com/?template=morton&index
更新はまだしてませんが、大丈夫でしょうか??
プレビューボタンを押して、ではなく
借りているテンプレートの一覧表内にある、カスタマイズ中のテンプレートの名前をクリックして
表示されたページのURLをお知らせください。
http://miyabikogo.blog37.fc2.com/?template=テンプレート名&inde x
このようなURLになるはずです。
2011年10月16日 17:18 by 標野ゆき
カラムのマージン(他の要素との間にとる隙間)が
それぞれ10ピクセルに設定されているので、そのための遊び部分ではないかと思います。
ただmagin:10px; は上下左右に10ピクセルの隙間を開ける指示なので
main left rightのいずれにも10ピクセルの設定がある以上
wrapperには少なくとも40ピクセルの遊びが必要になるんじゃないかと気になってるんですよね。
編集中のテンプレートのプレビューを拝見できれば、何が原因なのか判るかもしれません。
もっとも、2カラムを3カラムにするカスタマイズは、いろんなカスタマイズの中でも
かなり難易度の高いものの一つなので、うまく行くかは不明です。
表組の中にある、編集中のテンプレートの名前をクリックして
表示されたページのURLを教えていただけると閲覧できると思います。
2011年10月16日 17:02 by 標野ゆき
ご丁寧に本当にありがとうございます☆
早速やってみたのですが、3カラムには表示されますが、記事と左側のメニューバーが、画面の左側にくっついてしまいます。。。
また、初歩的な質問で大変申し訳ないのですが、wrapの758は、メニューバー220、記事部分498、余白20で、あとの 20はどの部分にあたるのでしょうか??
どうぞ宜しくお願い致しますmm
一方CSS(スタイルシート)の方は
コンテナとヘッダーの下を
#right {
float: right;
width : 220px;
margin: 10px;
}
#wrapper {
float: left;
width: 758px;
}
#main {
float: right;
width: 498px;
margin: 10px;
background: url() #ffffff;
}
#left {
float: left;
width : 220px;
margin: 10px;
}
こういう順序に並べなおします。
HTMLの読み込み順とお揃いにしています。
自分ちに試してみたら(ウチはプラグインの幅が大きいのでcontainerの幅を1040pxに広げました)
こんな感じ になりました。
2011年10月16日 12:45 by 標野ゆき
朝方、貼っていただいたタグには誤りがあるようです。
総合すると
テンプレートのHTMLの中央部を
前略
<!--/ヘッダー部分-->ヘッダー部終わり
<div id="right">右カラム始まり
<!--plugin-->
<!--plugin_second-->
省略
<!--/plugin_second-->
<!--plugin_third-->
省略
<!--/plugin_third-->
<!--/plugin-->
</div>右カラム終わり
<div id="wrapper">中と左を合わせたラッパー部[/ 色]始まり
<!--記事部分-->
<div id="main">真ん中カラム始まり
<!--ページ移動-->
省略
<!--/ページ移動-->
<!--/エントリー-->
省略
<!--/エントリー-->
<!--ページ移動-->
省略
<!--/ページ移動-->
<!--コメント-->
省略
<!--/コメント-->
<!--コメント編集-->
省略
<!--/コメント編集-->
<!--トラックバック-->
省略
<!--/トラックバック-->
<!--ページ移動-->
省略
<!--/ページ移動-->
</div>真ん中カラム終わり
<!--/記事部分-->
<div id="left">左カラム始まり
<!--plugin-->
<!--plugin_first-->
省略
<!--/plugin_first-->
<!--/plugin-->
</div>左カラム終わり
[色:0066FF]</div>中と左を合わせたラッパー部終わり
<!--フッター部分-->フッター部始まり
後略
このような構造にします。
<!--記事部分-->と<!--/記事部分-->の間には
何百行ものタグがありますが、ここには一切触りません。
とても親切なテンプレートなので
ここに引用した<>内の日本語コメントは
HTML内に元からきちんと書き込まれています。
これを参考に、編集してみてください。
2011年10月16日 12:25 by 標野ゆき
そしてすいません!!
これから用があり外出します。。。朝から対応していただきありがとうございます☆
16時ころ(日本で15時?)には戻ると思いますので、早速作成してコメント致しますので、お忙しいところ大変恐れ入りますが 、お時間がある時にまた見ていただければと思います。
本当にありがとうございますmm
また後程、どうぞ宜しくお願い致します。
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー