ヘッダー画像内にサイトタイトルとキャッチフレーズを表示しよう
まず、メディアからヘッダーに設定する画像をアップロードしましょう
「新規画像を追加」をクリックして先ほどアップロードしたヘッダー画像を選択します
以下のような画面になると思います
私のサイトとは少し違うのがわかるでしょうか。サイトタイトルとキャッチフレーズが画像の中に入っておらず外に出ていますね
実は私のサイトでは、ヘッダー画像を設定しておりません
実は私は背景画像として表示しています
「画像を非表示」をクリックして先ほど設定したヘッダー画像を消しておきましょう
外観→カスタマイズを選択します
「基本エリア設定」を選択
「headerエリア」を選択
「画像選択」をクリックして先ほど設定したヘッダー画像を選択します
また以下の三つのチェックボックスをオンにします
サイトタイトルとキャッチフレーズが画像の中で表示されましたね
ただ、サイトタイトルとキャッチフレーズが黒と灰色で見にくいですね。なので白色にします
外観→カスタマイズを選択します
[ロゴ画像/サイトタイトル」を選択します
「サイトタイトルとキャッチフレーズの文字の色」を選択し白に変えます
これで白く見えやすくなったはずです
あと、サイトタイトルとキャッチフレーズが上下逆になっているので修正します
AFFINGER管理→メニュ→「サイト名とキャッチフレーズを上下反対にする」にチェックを入れます
サイトタイトル・キャッチフレーズの順で表示されましたね
