以前はすでに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を調整すると、好きな位置にできます。(その分リンク部分が広くなりますが)

こんな感じで解決しました。


コメントを残す