wordpress3.5に関して質問です。


http://dca-labo.info/demo8/?p=106

上記ページの記事入力エリアを他ページ

http://dca-labo.info/demo8/

http://dca-labo.info/demo8/?m=201302

上記と同じ位に設定する場合style.cssのどこを修正したら良いのでしょうか?
おそらく .entry-contentのどこかを修正するのかなというところまでは把握しているのですが・・

テンプレートはTwenty-elevenを使用しています。

回答の条件
  • URL必須
  • 1人5回まで
  • 13歳以上
  • 登録:2013/03/03 12:44:01
  • 終了:2013/03/05 18:05:24

ベストアンサー

id:rouge_2008 No.1

rouge_2008回答回数594ベストアンサー獲得回数3512013/03/03 23:01:05

ポイント180pt

個別投稿ページの「entry-content」クラスに狭い幅が指定されているのが原因です。

・style.cssの129行目(※デフォルトでは110行目?なので、カスタマイズ済みでしょうか・・・)

.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
margin: 0 auto;
width: 68.9%;
}


最後の方に次の記述を追加するか、あるいは上記の記述からCSSの適用を除外したいセレクタ「.singular .entry-content」を削除しても、どちらでも好きな方法で対応可能です。

.singular .entry-content {
width: 95%;
}

※上記は適当に95%としていますが、トップページやアーカイブでは幅を指定していませんので、100%としてもいいです。(この場合、左右の余白がなくなります。)
表示を確認しながら好みで調整してみてください。

※同じように記事タイトルの幅を広げたい場合は、style.cssに追記する上記の記述に「.singular .entry-header」を追加するか、あるいは問題となっている記述から該当するセレクタを削除するといいです。

.singular .entry-header, .singular .entry-content {
width: 95%;
}



※CSSの書き方、セレクタの種類、スタイルの優先順位等、CSSに関する知識は次のページを一通り確認してみてください。
・CSSの基本 (HTMLクイックリファレンス)
http://www.htmq.com/csskihon/index.shtml

※ブラウザあるいはバージョンによっては、対応していないセレクタもありますので注意が必要です。

・スタイルシート・リファレンス セレクタ
http://desperadoes.biz/style/selector/index.php
・セレクタ(selector)(W3G)
http://w3g.jp/css/guide/selector

id:mkusume

ありがとうございます。解決しました。

2013/03/05 18:04:57

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません