Wordpressテーマ

ヘッダーロゴ画像の設定

ロゴ画像部分の設定を行います。
Logo area 5

何も設定しないと元画像が入っていますが、ここに「テキスト」か「画像」の設定が可能です。

ロゴにテキストを設定する

管理画面のサイドバーからカスタム設定をクリックし、ロゴ画像設定部分を表示します。
Logo setting 4

「画像を使用しない」にチェックを入れ、その下のテキストフィールドに表示させたいテキストを入力します。
Logo text 4

入力ができたらページ一番下にある「設定を保存」をクリック。
Finish 3

無事変更できました。
Logo text change 3

ロゴに画像を設定する

今後は画像を設定します。

テキストが設定してある場合は中身を削除します。
Logo deleat 5

画像をアップロードする場合は「画像をアップロード」、既にアップロード済みの画像から選択する場合は「ライブラリから選択する」をクリックします。ここでは、前者の画像をアップロードする方法で進めます。
Logo image 10

「画像をアップロード」ボタンを押すと画面が切り替わります。
設定したい画像をクリックしたまま、「ここにファイルをドロップ」という場所までマウスを持って行き、離します。
(もしくは「ファイルを選択」というボタンからでもアップロード可能です)
Logo dragdrop 8

無事画像のアップロードができました。
その後、右端にある「編集」をクリックします。
Logo upload 10

「メディアを編集」画面に切り替わります。
画面の右側に「ファイルのURL」があるので、ここを「全て選択」し「コピー」します。
Logo url 7

ロゴ画像設定の画面に戻り(開いていたタブが残っているはずです)、「URL設定ボックス」にペーストします。
「画像の説明文」には任意の文字を入力します。(imgタグのalt属性に表示される部分です)
Logo paste 9

入力ができたらページ一番下にある「設定を保存」をクリック。
Finish 3

画面を表示してみると、設定した画像に変わっていてimgタグのalt属性にも設定したテキストが反映されています。
Logo image changed 2
Logo alt 3

ちなみに、画像はスマートフォンやMacのレティナディスプレイで綺麗に見せるために半分のサイズで表示されるようになっています。
そのため、できれば2倍のサイズで画像を用意するといいのですが、それが難しい場合、ロゴ設定部分の「通常サイズで表示する」にチェックをいれると半分のサイズにせず画像のサイズのまま表示するようにしています。
用途に合わせて、もし必要がある場合はチェックをいれてください。
Logo size 5

無事に通常サイズで表示されました。
Macで確認してみますと、画像が若干粗いのがわかります。
Logo image normal 2

CONTACTお問い合わせ / お見積もり