にほんブログ村 IT技術ブログ WordPressへ

 

 

今回は、ブログのサイトタイトルの文字を画像(ヘッダーロゴ画像)に変更する方法を紹介します。

テンプレートによっては、独自のメニューで簡単に差し替えたりできます。

(参考に、自分のブログのテンプレートのBizVektorでは簡単に変更可能です

ここでは賢威を例にとってにphpを編集して変更する方法を紹介いたします。

 

 

タイトルに表示したい画像のアップロード

 

まずはタイトルに表示したい画像をアップロードします。

WordPress管理画面から メディア → 新規追加

でタイトルに表示したい画像をアップロードしましょう。

titlehenkou1

 

アップロードしたらその画像の編集画面で

ファイルのURLをコピーしておきます。

titlehenkou2

 

 

 

画像の設置

 

では早速画像を設置していきます。

編集する場所は管理画面から

外観 → テーマ編集 → headertext.php

です。

headertext.phpを開くと

 

<!–▼ヘッダー–> のやや下に

<div id=”header-title”>
<p class=”header-logo”><a href=”サイトのURL”>サイトタイトル</a></p>
<h1>サイトのサブタイトル</h1>
</div>

 

という部分があると思いますので、ここを

 

<div id=”header-title”>
<p class=”header-logo”><a href=”サイトのURL”><img src=”先ほどコピーしたURLwidth=”950″ alt=”サイトのタイトル名”></a></p>
</div>

 

に変更することによって画像が挿入されます。

 

ここで、

width=”950″ という部分がありますがこの部分はなくて問題ありません。

ただ、ファイルサイズが大きい場合は賢威の横幅が950で目一杯になるので

950以下には抑えておくとよいと思います。

 

注)ここの部分をまるまるコピペすると 「”」 が全角「”」になってしまう等あるためご注意を!

 

 

サブタイトルの部分を残したい場合は

<h1>サイトのサブタイトル</h1>

のところをそのまま残して良いのですが、画像とのバランスがとりにくくなる可能性が高いため

ここでは消去しています。

 

 

 

お疲れ様でした!!

今回の記事いかがだったでしょうか。

パソコン関係のほんの些細なことや、
ちょっと難しいトラブル、パソコン買い換えたいけどわからない
などなど、自分でわかる範囲であればなんでもお答えいたしますので

コメント・メール等でお気軽に御連絡くださいませ。

メールはこちら
animenya@hotmail.com