賢威7ヘッダー設定方法が分からない!

 

最初に賢威7の設定をしている時に迷っていませんか?

私は適切なサイズが分からなくて、設定してみては作り直し、設定しては作り直し・・・とやっていました。

 

今回は、賢威7に適切なヘッダーのサイズと、設定方法を図解入りでご紹介していきます。

 

ヘッダーの適切なサイズ

横幅 1200px(ピクセル)

サイドバーと記事の部分を合わせたちょうどいいサイズになります。(このブログのヘッダーも1200px幅です)

 

高さ 300px~450px

賢威7はレスポンシブデザインなので、スマホで表示した時にあまり小さいと見にくくなってしまいます。

 

ヘッダー画像のつくり方

ヘッダー画像はフリー素材サイトなどを利用すると簡単に作れます。

こちらに↓おすすめをまとめてありますのでぜひ参考になさってください(^-^)

厳選!ブログに必須の写真・イラストの無料サイト7つ

 

画像加工は【GIMP】【PhotoScape】などが無料で使えて有名なので、挑戦してみるのも良いかもしれません。

簡易的ではありますが、簡単に使えて初心者さんにもおすすめなのが【ScreenPresso】です。

画像を切り取って文字を入れるくらいなら簡単にできます。

画像チャプチャを簡単に撮って編集しよう!便利な『ScreenPresso』

 

 

ヘッダー画像の設定方法

ではさっそく、作成したヘッダー画像を設定していきましょう。

作成済みのヘッダー画像をデスクトップに保存してある状態からスタートします。

 

最初に設定されている画像を消す

まずは最初に設定されている赤枠部分の画像を消します

賢威7ヘッダーの設定

 

 

①ダッシュボードの『賢威の設定』から【トップページ】をクリック

矢印

赤枠内のURL削除して空欄にする

矢印

③一番下の【変更を保存】をクリック

賢威7ヘッダーの設定

矢印

④プレビューを確認するときちんと画像が消えていますね!

賢威7ヘッダーの設定

 

タイトル文字を画像に変更

続いて、赤枠のタイトル文字を画像に変更していきます。

賢威7ヘッダーの設定

 

①ダッシュボードの『賢威の設定』から【賢威の設定】をクリック

賢威7ヘッダーの設定

矢印

②『ロゴ画像』の【画像を設定する】をクリック

賢威7ヘッダーの設定

矢印

③【ファイルを選択】をクリック

賢威7ヘッダーの設定

矢印

④保存してある画像を選択して、【開く】をクリック

賢威7ヘッダーの設定

矢印

⑤赤枠内の情報を入力します

賢威7ヘッダーの設定

矢印

⑥【投稿に挿入】をクリック

賢威7ヘッダーの設定

矢印

⑦このようにヘッダー画像が表示されます

賢威7ヘッダーの設定

矢印

⑧一番下の【変更を保存】をクリック

賢威7ヘッダーの設定

以上でヘッダー画像の設定は完了です!

 

まとめ

賢威7のヘッダー画像のサイズや設定についてご紹介しました。

ヘッダー画像はブログの顔と言って過言ではありません(^-^)

あまりコロコロ変えるものではないかもしれませんが、ある程度自分で気に入ったものでないと納得できないですよね。

ぜひ、お気に入りのヘッダー画像を作って設定してみてくださいね♪