今日もランサーしょうじさんはお休みです。待ってますよ〜♢ᕀ♬╰(⑅ˊ ︶ ˋ⑅)╯♬ᕀ♢
勉強会の概要
- 装飾目的なのに背景画像にせず、画像にするケースと注意点
- WordPressのオリジナルテーマをつくろう
- リスティング広告とはなんですか?:その2
装飾目的なのに背景画像にせず、画像にするケースと注意点
真中さんの質問WP テキストの背景に写真を表示させるの内容を以下のように整理しました。
- WPの本文に画像を挿入する際、リンクやfloat用のclassを付ける機能がある。不要なものにはつけないこと。
- background-size非対応のブラウザでも、fluid imageにするために背景画像をimg要素にするケースがあります。ただし、fluid imageした画像は、幅が狭いと高さも減ります。そこに重なるコンテンツがはみ出さない様に注意しましょう。その場合の注意点は、
- コンテンツの量を少なくして、最小の幅でも高さがあふれないようにする
- 画像の上に置いて可読性が落ちる文字にはtext-shadowを入れる。text-shadowはカンマ区切りでたくさん書ける。
- コンテンツの量が多い場合はmedia queryでレイアウトを変える。img よりも高さが大きくなる辺りで、背景ではなく、サムネイル風にするとか。
- コンテンツの量が多い場合は、そもそも、背景画像の方がrepeatが使えるので便利なこともある。background-sizeやmultiple background imagesで調整できることをする。
sa-kaさんの投稿レスポンシブWebデザインだから迷う?IEと共存するためのポイント!も参考にしました。
真中さんの質問のケースはコンテンツのbackgroundにした方が良さそうですね。うまく出来たら報告して下さい。
WordPressのオリジナルテーマをつくろう
第一回の内容はこちらにまとめました。
kanedaさんからの質問。リスティング広告とはなんですか? vol.2
どちらもアカウント登録が必要。アカウント登録すれば金額予測もできるので、やってみましょう。