賢威の使い方。カスタマイズでヘッダー画像を挿入しよう!
  • このエントリーをはてなブックマークに追加
  • このエントリーをはてなブックマークに追加

では賢威をカスタマイズしていきましょう。

 

ここでは僕のブログのカスタマイズと同じように設定します。

 

デザインはコーポレートを使用しています。

 

 

何回か試行錯誤したり、たくさんの方のブログを見てきた中で
いわゆる「人の視覚心理で見やすく、売れるブログ」のレイアウトが
ここから紹介するものなので、マネして頂けたらうれしいです(^◇^)

 

賢威をカスタマイズしていこう!

 

最初に不要な部分をカスタマイズして

ブログ全体をスッキリとさせていきます。

 

赤枠の部分ははっきり言って不要で見にくいので消してしまいましょう。

(この2つがあるとすぐに記事にたどり着けないため)

eeee

 

「賢威の設定」から「トップページ」をクリック

asd

 

中ほどにある赤枠部分の文字列を削除します

az

 

さらにその下にある「新着情報の表示」を「表示しない」にします

awe

 

下にある「変更の保存」をクリック

 

これで不要な部分が消えました(^◇^)

 

ヘッダー画像を挿入しよう!(ヘッダー・フッダー・サイドバーとは?)

 

続いてヘッダー画像を挿入しましょう。

ヘッダーとはブログにおいてこの部分です。

ちなみにサイドバー・フッターもこの機会にぜひ覚えてください(^◇^)

bbbbbb

 

ヘッダー画像は「ブログの顔」です!(^^)!

第一印象はすごく大事なのでここは力を入れたいですね。

 

今現在ですとあなたのブログのヘッダーはこんな感じで

文字のみが表示されていると思います。

キャプチャ

 

これを画像にすると

aaa

 

一気に華やかになりますね(^_-)-☆

 

こういった画像を無料で使えるサイトが数多く存在します。

中でもこちらがおススメです。

↓↓↓

tadapicタダピク

 

検索欄で「ヘッダー画像」と入力すれば

無料で使えるものがたくさん出てきます。

 

気に入ったものが見つかり、文字を入れたらもう完成です。

 

ヘッダー画像に文字を入れるのは画像加工ソフトを使います。

 

画像加工ソフトのおススメはGIMPという無料ソフトです。

興味のある方は検索してみてください。

 

ではここからは用意した画像を

ヘッダー画像に設定する作業を行っていきます。

 

「メディア」をクリック

a

 

「新規追加」をクリック

s

「ファイルを選択」をクリック

x

 

あなたのパソコン内に保存しておいた画像を選択し

「開く」をクリック

zz

 

すると画面左下に画像の一部が出てくるので

この画像をクリック

ss

 

次ページでは赤枠のURLを
コピーして右上の✖ボタンでこのページは閉じます。

キャプチャde

 

メニューの「外観」から「テーマの編集」をクリック

as

 

右側の「テンプレート」から「テーマヘッダー」をクリック

zxa

 

 

さてここからは細かい作業です。

大変ですが何とかついてきてくださいね(^^)/

 

長い文章が出てきますので下にスクロールしていき

赤枠の部分を探します。日本語で「ヘッダー」と書いてあるところを目安に探してください。

キャプチャddf

文章を見つけたら

今度は青枠の部分を消して以下のコードを消した部分に貼り付けます。

 ↓↓
<img src="画像URL" alt="" >

 

 注)このまままですと上記のコードはコピペできません。
上記のコードをコピペするにはコードの上にマウスカーソルを置くと
右側に以下のボタンが出てきます。このボタンをクリックしてください。
f
 
すると新しいウインドウが開きますので
そちらからコードをコピペしてください。
お手数ですがよろしくお願いします(´・ω・`)
 
 
コピペして貼り付けたらこうなります
qwe
 
 
次に「画像URL」を消します。
rty
 
その消した部分に先ほどコピーしておいたURLを貼り付けます。
ここでは青く塗りつぶしています。(”と “の間に必ず入れてください)
azs
 
これで完了です。
 
下にスクロールして「ファイルの更新」をクリック
 
 
左上の家のマークをクリックしてサイトを確認してみると
q
 
 
このようにヘッダー画像が挿入されています。
 
 
fg
 
 
今回は大変な作業でしたね。
 
次回はグローバルメニューの設定方法です。
 
 
お疲れ様でした!