以前はすでにCMS化されたWordPressなら触っていたのですが、まっさらな状態から触るのはこのサイトが初めてだったので、希望のレイアウトにするのに試行錯誤してます。
どうにかタイトルを文字から画像に変えたいと思ったのですが、選んだテーマにはヘッダーを設定するメニューが無い。（最初はKubric 2014だったのですが、下記設定したあとSuitsに変更したのでSuitsには元々あったのかも？）CSS触ってもなんか上手くいかなかったのですが、簡単にメニューを追加する方法がありました。
外観＞テーマの編集から、function.phpに
| // Add Header add_theme_support( ‘custom-header’ ); |
を追記するだけで、「外観」の中に「ヘッダー」が出来るので、ヘッダー部の編集が簡単にできるようになりました。画像もそこから選んで入れられるし、トリミングもできちゃいます。便利。
ただ問題はこれだけではなく、標準設定だと画像が中央に表示されてしまうので、背景画像を設定して、左寄せにする。ということで、CSSのstyle.css内のSite Header部分の数値をちょこちょこ変更しました。
.site-heade の中に、
| backbround-image: url(”); |
を追記で、ヘッダー背景を設定。
どうやら、.site-header .home-link で設定したタイトル画像の配置が決められているようなので、 max-width: ●px;を適当に大きくした上で、
| text-align: center; |
を
| text-align: left; |
に変更して、無事左に寄りました。max-widthを調整すると、好きな位置にできます。（その分リンク部分が広くなりますが）
こんな感じで解決しました。
