- ベストアンサー
テンプレートの文字位置（本文）を変える方法
FC２ブログを使っているのですが、共有テンプレートで本文の配列がセンタリングになっているものを左寄りに変えることは可能でしょうか？ うまく説明できないのですが、文章が次の行に行った時に中央から始まるのではなく、左端からはじまるようにしたいのです。 個人的に文字が中央になっているのは読みにくい気がするので変更したいのですが。。。 よろしくお願いします。
- ブログ
- 回答数7
- ありがとう数8
- みんなの回答 （7）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
＞ やっぱり直りませんでした。。。 えっ！ Σ（￣∇￣||| がーーん！ では、もう１点だけ‥。 スタイルシートの160行目付近に次の部分があります。 ---------------------------------------- /* 記事本体部分 */ div.entry-body { margin-bottom: 5px; } ---------------------------------------- ここに次のように1行足してみてください。 div.entry-body { margin-bottom: 5px; text-align: left; } これで直らなければ、私としてはお手上げです （ ^^；
その他の回答 (6)
＞ こんなでした。この部分でいいのでしょうか？ あ、それは「HTMLの編集」の方です。私がお話したのはそっちではなく「スタイルシートの編集」の方です。HTMLソースが表示されている窓の下にもう一つ窓がありますでしょ。それがスタイルシートですから、もう一度探してみてください （ ^^
お礼
あ～、わかりました、わかりました！ありました！！ ・・・って、でもご指示のとおりやったのですが、やっぱり直りませんでした。。。 何度やっても最新の記事は左なのに、次の過去の記事は中央になっています。。。 とりあえず全部のテンプレートがそうなってしまうわけではないので、現在使っているのを含め正常に表示されるのを使っていこうと思います。 何度もお手数をおかけしまして申し訳ありませんでした。 ご親切に何度も回答下さいましてありがとうございました！！
＞ bodyに指定してあるtext-align: center;はIE6のバグ対策のためだと思うので、それを外すと、IE6で見た場合、全体がセンタリングされなくなると思いますが。 それが、不思議と大丈夫なんですよ。理由は解りませんが、コンテナの左右に設定した「 margin: auto 」がIEでも有効に働くみたいです。FC2ブログの怪ですね （笑） ですから、一応試してみる価値はあると思います （ ^^
お礼
見つけたbodyの部分は <body> <div id="container"><!-- レイアウト用にサイト全体を包含 --> <div id="branding"><!-- タイトルやサイトの説明を記述するブロック --> <h1><a name="top" href="<%url>" accesskey="0" title="<%blog_name> ホームへ"><%blog_name></a></h1> <p><%introduction></p> </div><!-- /branding --> こんなでした。この部分でいいのでしょうか？ あと、補足ですがテンプレcuteblog_071を使うときちんと表示されています。 何度も申し訳ありません。 よろしくお願いします。 （もし原因がわからなければ使えるテンプレで我慢します＾＾）
- Muller3
- ベストアンサー率81% (800/979)
bodyに指定してあるtext-align: center;はIE6のバグ対策のためだと思うので、それを外すと、IE6で見た場合、全体がセンタリングされなくなると思いますが。 ※div#container部分に「text-align: left;/* 古いIE用にセンタリングした部分を元に戻す */」という記述があります。bodyでバグ対策したのでここで本文を左寄せにしている、ということです。 ・記事本文部分entry-bodyとかにtext-align: left;を指定してみても直らない ・他のテンプレートでも同じように（全く同じ記事でセンタリングが）発生する ということなら、記事本文のデータに問題がありそうな気がします。
お礼
回答ありがとうございます。 >・他のテンプレートでも同じように（全く同じ記事でセンタリングが）発生する ３カラムで探していたのですが、他の３カラムで、ちゃんと左端になるものもありました。 （ちなみに今設定しているテンプレートはちゃんと左に表示されるものを使っています） なぜか1番最新の記事がきちんと左端で、それから古いものは全部センタリングになる状態です。
＞ やっぱり私の設定が変になっているのかも知れません。 う～ん、私はテンプレートに問題があると思うんですけどね‥ 管理画面「テンプレートの編集」で、スタイルシートの下記の部分をちょっと弄ってみてください。 ---------------------------------------- /* body要素以下全てに適用されます */ body { font-size: small; color: #333333; background-color: #ffffff; text-align: center; line-height: 1.5; } ---------------------------------------- この中の「text-align: center;」の１行を削除します。もしかするとこれで直るかもしれません。 念のため事前にコピーしてからやってくださいね （ ^^
お礼
お礼が遅くなって申し訳ありません。 ブログは書いているものの、システム（？）はさっぱりわからなくて。。。 （結構難しいですね） tareteruさんがおっしゃっている箇所を探してみたのですが、例に挙げたテンプレートの中に該当箇所が見つかりません（というかわからないんです） どのテンプレートでも上記の書かれ方をしているのでしょうか？ >/* body要素以下全てに適用されます */ を目印に探したのですが・・・。 初歩的な質問ばかりで申し訳ありません。
＞ 例えばaaa_simple_3lとかです aaa design さんのテンプレですね。結構種類かありますが、具体的にどれでしょうか？ ちなみに、ちょっと試した限りでは記事本文はすべて左寄せでした。
お礼
名前が「aaa_simple_3l」となっていますが、これがテンプレートの名前じゃないのかな？スミマセン、よくわからなくて。 tareteruさんは左寄せになっていたのですね。やっぱり私の設定が変になっているのかも知れません。 一番上の記事は左よりなのに、２番目からはセンタリングになってる場合もあったり。。。 あまりにそういうテンプレが多いので変だなと思ったのですが。 何度も回答ありがとうございます。
左寄せにするには <div style="text-align: left;">文章</div> と書けばいいのですが、記事を書くたびにスタイルを使わないとセンタリングされてしまうというのでは困りますね。正直、そういうテンプレートがあること自体信じ難いです。何という名前のテンプレートでしょうか？
お礼
早速の回答ありがとうございます。 そういうテンプレートが多かったので。。。 例えばaaa_simple_3lとかです。かわいいのに残念だなぁと思って。 それとも私のブログの設定が変なんでしょうか・・・？ 教えていただいたやり方だとその都度になるんですね。 どうもありがとうございました。
お礼
tareteruさん！ありがとうございます！！こちらの方法で直りましたー！！ これで他のテンプレも試してみることが出来ます♪ 何度も何度もご親切に教えてくださりありがとうございました！！！