人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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を使用しています。

●質問者: mkusume
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● rouge_2008
●180ポイント ベストアンサー

個別投稿ページの「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


mkusumeさんのコメント
ありがとうございます。解決しました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ