賢威でサイトタイトルを画像表示する方法。テキストをヘッダー画像に変更。

ファビコン画像が無事設定できたので、

次はヘッダー画像の設定。

 

メイン画像と何が違うんだ?って思ってたんですけど。

ヘッダーメニューより上が、ヘッダー画像で、下がメイン画像ね。

ヘッダーテキスト

 

「アフィリエイト保育園」って、テキスト表示されてるのは、

なんだかイケてない気がする。

というわけで、

サイト名(サイトのタイトル)の部分、

ヘッダーテキストを、ヘッダー画像に変えてやります。

※賢威テンプレートメーカーで設定しなかった場合です。

 

今回、設置する予定のヘッダー画像を用意する。

アフィリエイト保育園ヘッダー

 

で、ファビコンの時と同様、

画像をアップロードして、画像URLをコピーして、ヘッダーをいじります。

賢威(ワードプレス)でファビコンを設置する方法。 | アフィリエイト保育園

ダッシュボードの「外観」→「テーマ編集」より、

右側部分の、「ヘッダー(header.php)」を選択します。

 

で、本日いじる部分はこの辺。※ソースをいじる際は、必ずバックアップを取りましょう。

<!–▼ヘッダー–>
<div id=”header”>
<div id=”header-in”>

<div id=”header-title”>
<p class=”header-logo”><a href=”<?php bloginfo(‘url’); ?>”><?php bloginfo(‘name’); ?></a></p>

<h1><?php h1_keni(); ?></h1> →サイトのタイトル?

</div>

<div id=”header-text”>
<p><?php echo the_excerpt_keni(); ?></p> →サイトの説明部分
</div>
</div>

</div>
</div>
<!–▲ヘッダー–>

赤い部分を変更します。

<!–▼ヘッダー–>
<div id=”header”>
<div id=”header-in”>

<div id=”header-title”>
<h1><a href=”<?php bloginfo(‘url’); ?>”><img src=”画像URL” alt=”<?php bloginfo(‘name’); ?>”></a></h1>

</div>

<div id=”header-text”>
<p><?php echo the_excerpt_keni(); ?></p> →サイトの説明部分
</div>

</div>
</div>
<!–▲ヘッダー–>

 

青の部分は、ヘッダーの説明文(サイトのキャッチフレーズ)みたいですね。

サイトのデザイン次第で、削除して問題無いみたい。

 

画像サイズを変更して表示したい場合は、width(幅)とheight(縦)で表示サイズを指定する。

<h1><a href=”<?php bloginfo(‘url’); ?>”><img src=”画像URL” width=”○○” height=”○○” alt=”<?php bloginfo(‘name’); ?>”></a></h1>

 

なんとか変えられて良かった・・・けど。

やはり、コードの意味が全然分からない。汗

 

ヘッダー画像は、

賢威テンプレートダウンロードする時に、

テンプレートメーカーで設定しておくと楽です。

Pocket
LINEで送る


コメントを残す