1カラム記事のためのCSSを適用させたい

PR 2015/12/10

このトピックには2件の返信、2人の参加者があり、最後にパソ活により9年、 10ヶ月前に更新されました。

2件の返信スレッドを表示中

投稿者

投稿
- 2015年12月10日 3:56 PM #34399
  
  パソ活
  ゲスト
  
  こんにちは。ちょっと自力のCSS編集では解決できなかったので質問させてください。
  
  文房具や事務用品メーカーのリンクまとめ
  http://pasokatu.com/8858
  
  1カラム（広い）で書いた記事だけ、外側の枠線（#mainの部分）を消したいと思っています。
  
  2カラムと1カラムでclassに違いがあるかと思いデベロッパーツールで調べてみたんですが
  
  <body class=”single single-post postid-8858 single-format-standard logged-in admin-bar customize-support>
  
  違うのはpostidの部分だけで、CSSで1カラムにだけ適用させることはできないように思えました。
  
  例えば、現在ページ設定の種類には
  ・デフォルト
  ・1カラム（狭い）
  ・1カラム（広い）
  ・本文のみ（狭い）
  ・本文のみ（広い）
  5種類がありますが、例えば
  ・1カラム
  ・本文のみ
  ・狭い
  ・広い
  それぞれに適用できるclassを出力していただくことは可能でしょうか。例えば枠線以外にも、横幅が広くなるのでフォントサイズを変更させたりと、用途は他にもあるかもしれません。
  
  内部でどういう処理をしてカラムや幅を変えているのか把握していないので、大掛かりな変更になるようでしたらそこまでやるほどでは無いかもしれませんが、参考にしていただけると幸いです。
- 2015年12月10日 5:10 PM #34402
  
  わいひら
  キーマスター
  
  こんにちは。
  確かにそういったクラス挿入はこれまで行っていません。
  
  とりあえず、手元のファイルは、以下の4種のクラスをbodyに追加するようにしてみました。
  page-type-column1
  page-type-content-only
  page-type-narrow
  page-type-wide
  ※クラス名がよくあるものとかぶらないように少し長めの名前になっています。
  
  後でアップデートします。
- 2015年12月10日 5:48 PM #34403
  
  パソ活
  ゲスト
  
  こんばんは。
  
  速いｗ
  まさにそんな感じの形式が理想だったので嬉しい限りです。
  ありがとうございます。
投稿者

投稿

2件の返信スレッドを表示中

フォーラム「要望・機能追加など」には新規投稿および返信を追加できません。