AFFINGER ヘッダー ロゴ 画像

AFFINGER

社長、AFFINGERのヘッダー画像とロゴ画像を作って設定してみる

更新日:

社長
レイコくん、今日はブログの上の方の画像を入れ替えるぞ!
レイコさん
“ヘッダー画像”のことですね。
何かいい写真あるんですか?
社長
まぁね(ニヤリ)

WordPressテーマをAFFINGERに変えた社長さん。やる気満々ですが、さて……

AFFINGERのヘッダー画像の変え方

ダッシュボード→外観→カスタマイズ→ヘッダー画像 を選ぶと、下のようなカスタム画面となります。

AFFINGER-ヘッダー画像-変更2

新規画像追加ボタンを押して作成したヘッダー画像をアップロードします。メニュー中の説明文にもありますが画像サイズは推奨値の2200x500ピクセルで作成。

これでヘッダーに画像が表示されます。簡単ですね。

もし画像が表示されなかったら

AFFINGERではヘッダー画像の表示設定を管理画面で行っています。画像を登録したのに表示されない時はこちらを確認してみてください。

AFFINGER-ヘッダー画像-変更2

レイコさん
画像の登録はカスタマイズ画面で。登録した画像をどう表示するかの設定はAFFINGER管理画面ということですね。

社長
そして完成したヘッダー画像がこれじゃ!

AFFINGER ヘッダー設定画像1
レイコさん
空の写真……社長、悩み事でもあるんですか?

社長
じゃあ、文字とか入れてみたらどうだろう

AFFINGER ヘッダー画像 設定2

社長
うむ、イケてるんじゃないか

レイコさん
スマホで見てみました?
社長
見てないけど……
レイコさん
ブログにやって来る人の半分以上がスマホなんですから、まずはスマホでの見え方をチェックしないと。

AFFINGER ヘッダー スマホでの見え方

社長
“WordPress”の文字が重なってる…
レイコさん
思い切ってヘッダー画像をなくしちゃいましょう(削除)
社長
あぁ、せっかく作ったのに……
レイコさん
ロゴ画像を設定した方がいいかもしれませんね

AFFINGERでロゴ画像を設定する

ダッシュボード→外観→カスタマイズ→ロゴ画像 でファイルをアップします。

アップしたロゴ画像は、AFFINGER4管理画面で表示の設定をします。

AFFINGER-ヘッダー画像-変更5

ロゴ画像の下にキャッチフレーズを表示するように設定しています。

レイコさん
どうですか?

AFFINGER ロゴ画像 設定

レイコさん
PCの方は、こんな感じですね

AFFINGER ヘッダー ロゴ画像設定

社長
シンプルだが、しっくりきたかもしれんなぁ
レイコさん
ただ写真を入れるだけじゃ意味がないですからね。
社長
ホームページの顔だから、印象的かつ効果的でありたいものだね。
レイコさん
ヘッダー画像もロゴ画像もいつでも簡単に設定できるのがAFFINGERのいい所ですから、これに懲りずにまた作ってみてくださいね。

まとめ

今回はヘッダー画像とロゴ画像について試行錯誤してみました。
結果、ロゴ画像のみとなりましたが、あっさりとした印象はいなめません。

AFFINGERのヘッダーのように、強烈なインパクトを残すような画像があればいいのですが、悩みだすときりがなさそうです。

先ずは内容を充実させることを第一にハマるヘッダー画像を探していきたいと思います。

追記

WordPressテーマ「AFFINGER」は厳密に言うと付録です。
商品名も稼ぐサイトの設計図~[付録]WordPressテンプレート「AFFINGER4pro」となっているので、購入する時は戸惑うかもしれませんが、「稼ぐサイトの設計図」というPDF資料を購入する形となります。

また販売窓口も2箇所あります。
STINGER STORE(販売価格:8,500円/税込み)※販売終了
Infotop販売ページ(販売価格:8,000円/税込み)※販売終了

添付の資料に差があるようですが、付録のWordPressテーマ「AFFINGER」を先ず使ってみたいという方はinfotopからの購入がお得です。

※AFFINGER4は販売終了となりました。最新バージョンはAFFINGER5(WING)となります。

WordPressテーマ 「WING(AFFINGER5)」

-AFFINGER
-, ,

Copyright© WordPressテーマ探しんぼ , 2020 All Rights Reserved.