wordpressについて、参考書片手にサンプルサイトを1つ作ってみたレベルです。
投稿画面(ビジュアルエディタ)でメディアから画像を貼って、左寄せにしたものの、左に寄らないなあ…なんでだろう…と、ソースを見たら、alignleftというCSSがくっついていました。
ああ、alignleftに対するclassを付けないといけないんだなということで、style.cssに追記して解決したのですが、wordpressでサイト制作するときのCSS設計について疑問がわいてきました。
たとえば投稿画面から段落を入れると<p></p>で出力されるとか、画像を入れると<img>が出力される…ということになると思いますが、投稿画面から突っ込まれるものに対するスタイリングと、テンプレート部分(headerとかfooterとかside)に対するスタイリングは、同じタグでも違う場合があります。
投稿画面内の<p>はmargin-bottom: 20pxだけど、sideテンプレートではmargin-bottom: 10pxになるとか。
そう考えると、cssの設計をする場合、投稿画面内で吐き出されるタグにはclassがないので(←もしかしてこの考えが間違ってますか?)
・投稿画面で吐き出されるHTML
→タグ自体にCSSを書く
・テンプレート部分
→すべてのタグにCLASSをつけて、それに対してCSSを書く
という仕分けで設計をするのが良いのでしょうか?
先達の皆様がどのようにしていらっしゃるのかと思い、質問いたしました。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/06/24 08:18