賢威7】の設定を進めて行って、『でーきた♪』と思って実際のブログ画面を見てみると、なんか違う・・・

私のブログ、割と最近までこんな状態でした↓

賢威ヘッダー画像変更

サイトタイトルはブラウンだったのですが、リンクを青にする設定をしたらなんか色もガチャガチャに・・・

センスの問題?!は置いといて(^^;)

 

なので、こんなふうに変更したいと思いました。

  • サイトタイトルを消したい
  • ヘッダー画像グローバルメニューの位置を入れ替えたい

という事は・・・

サイトタイトルをヘッダー画像に変更して、今あるヘッダー画像を消せば希望の状態になる!!

 

今回はその作業をご紹介したいと思います(^-^)

 

今のヘッダー画像を消そう

まずは今設定しているヘッダー画像を消していきましょう。

 

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

賢威ヘッダー画像変更

矢印

②『メイン画像』の画像のURLを削除

※このURLは後で使うのでメモ帳などにコピーしてから削除しましょう

賢威ヘッダー画像変更

矢印

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

賢威ヘッダー画像変更

 

これでひとまず今表示されているヘッダー画像が消えました(^-^)

 

サイトタイトルをヘッダー画像に変更しよう

 

今の状態を確認してみます。ダッシュボードの上の【ブログタイトル】をクリック

賢威ヘッダー画像変更

矢印

こんな感じです(^-^)

一番上のブログタイトル(サイトタイトル)をヘッダー画像に変更すれば希望通りの配置になります(^-^)

賢威ヘッダー画像変更

 

ではダッシュボードに戻ってやってみましょう!

 

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

賢威ヘッダー画像変更

矢印

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

賢威ヘッダー画像変更

矢印

【URLから】のタブをクリック

賢威ヘッダー画像変更

矢印

④上から順に入力して【ファイルを選択】をクリック

  • メモ帳にコピーしておいたヘッダー画像のURLを貼り付ける
  • ヘッダー画像のタイトル
  • 画像の代替テキスト
  • ヘッダー画像の配置
  • ヘッダー画像をクリックした時のリンク先(設定したい場合のみ)

矢印

⑤画像が設定されて表示されます

賢威ヘッダー画像変更

矢印

⑥1番下の【変更を保存】をクリック

賢威ヘッダー画像変更

 

これで設定は終わりです(^-^)

きちんと表示されているか確認してみましょう。

賢威ヘッダー画像変更

矢印

できました~♪

賢威ヘッダー画像変更

 

ちなみにこちらが最初の状態↓

賢威ヘッダー画像変更

デザインの見た目としては

  • 一番上のサイトタイトルが消えた
  • ブローバルメニューとヘッダー画像の位置が入れ替わった

希望通りになりました♪

 

まとめ

今回この変更をするにあたって、賢威のサポートさんにもお世話になりました(^^;)

ソースを書き換えたりする必要があるのかな?と思って、最適な記述を教えていただこうと思ったのですが簡単なことでよかったです。

最初からこのように設定できていれば良かったのですが、普通に設定していくとたぶん最初の私のブログの状態になってしまう方が多いんじゃないかと思います。

 

ブログは記事の内容がもちろん大事なんですけど、【パッと見た時の印象】もすごく大事です。

いくらいい記事を書いていても、見てもらえなければ『その記事は存在しないもの』になってしまいますので、ある程度の見た目も大事にしていきましょう♪

 

※こだわりすぎると時間がかかってしょうがないので程ほどに・・・(^^;)