Simplicityはヘッダーの画像の上に、サイトのタイトルと説明文が表示されるようデザインされている。実際にやってみるとわかるが、この仕様だと写真の色と文字色が近い場合、文字がとても読みにくい。例えば以下の画像のようになる。
この仕様だとヘッダー画像として、文字が重なる部分は均一に近い色を持つようなものを選ばざるをえない。
もし自由に画像と文字を組み合わせたい場合は、画像と文字の表示位置をずらしてしまった方がいい。通常はまず文字列が来て、その下に画像というレイアウトを取ることが多い。
Simplicityを使いながら、ヘッダ画像の高さを変更し、かつ文字列と画像の表示位置をずらした実例にこちらがある。

404 NOT FOUND | Dr.Clover’s Computer Clinic
このように画像と文字列の表示位置をずらすために、公式サイトのディスカッションを参考にCSS(sytle.css)に以下の記述を追加した。
#h-top { margin-top: 100px; overflow: visible; } #header .alignleft { margin-top: -90px; position: absolute; }
画像の高さを変更する方法はコチラ。

Simplicity2でヘッダー画像の高さを設定する方法(注意点あり)
Simplicity 2ではカスタマイザからヘッダー画像を設定できる。Simplicityではヘッダー画像の高さはデフォルトで100ピクセルが推奨されている。このサイトのヘッダー画像はこのデフォルトの高さである。このままでいい場合もあるが、...
マルチサイトでのCSSの編集方法はコチラ。

WordPressのテーマを編集する方法(マルチサイトの場合)
WordPressではテーマファイルをWordPressの管理画面から編集することができる。この機能を使用すると、FTPを経由する手間を省くことができる。 マルチサイトの場合、 → → → からこの機能を使用することができる。(子...
コメント