[対応:5]タイトル画像入れ替えてヘッダー部分の作成しよう

賢威のタイトル画像の入れ換え方法について説明します。

あなたのブログで言うと、
看板の役割をするタイトル画像を表示させる方法をご説明します。

タイトル画像の変更方法


タイトル画像の入れ替え方法

賢威テンプレートメーカーから作成時にタイトル画像も入れれますが
もちろんテンプレートインストール後でも変更可能です。

画像をサーバーにアップロードする方法

まず始めに変更したいタイトル画像をWordPressに
アップロードしておく必要があります。

画像の取り込み方がわからない場合は、
WordPressで画像をサーバーにアップロードする方法
を参照ください。

 

ab00002734

WordPress⇒ダッシュボード⇒メディアから画像の取り込みを行います。

 

ab00002625

上記の通り簡単にWordPressに画像がアップロードされます^^
アップロードしたファイルURL画像サイズを記録しておきましょう。

 

タイトル画像の変更方法

それでは、タイトル画像の変更方法について説明します。

例として変更したい画像を下記URLとします。

・ファイルURLが
http://kasegoo.info/wp-content/images/common/rogo1.jpg

・画像サイズが
500×120

として説明していきます。

 

ダッシュボード⇒外観⇒テーマ編集からheadertext.phpを開きます。

headertext.phpの設定

<div id="header-logo">部分のソースを変更していきます。

 

ab00002735


<div id="header-logo">
<p id="logo-text"><a href="<?php bloginfo(‘url’); ?>">
<img src="<?php bloginfo(‘template_url’); ?>/images/common/logo.gif" width="298" height="29" alt="<?php bloginfo(‘name’); ?>" /></a></p>
</div>


この蛍光部分がタイトル画像のURLとサイズ部分になりますので、
取り込んだファイルURLと入れ換えます。。


<div id="header-logo">
<p id="logo-text"><a href="<?php bloginfo(‘url’); ?>">
<img src="http://kasegoo.info/wp-content/images/common/rogo1.jpg" width="500" height="120" alt="<?php bloginfo(‘name’); ?>" /></a></p>
</div>


このようになります。
これでタイトル画像が変更されました。

 

サブタイトル(header-text)の変更

サブタイトルの設定 

続いてサブタイトルの設定を行います。

headertext.php 変更部分

同じheadertext.php部分 ↑の画像部分がサブタイトル部分になりますので

私の場合は、

<div id="header-text">
<p>賢威をこれから始める方のカスタマイズサポートページです。<br/>WordPressをメインに賢威テンプレートを使って初期設定からカスタマイズまでやさしく解説していきます!</p>
</div>

改行させたい部分は<br/>を使います。

完成サブタイトル

このように表示されます。

これでタイトル画像のヘッタ部分は完成です。

 

以上
賢威 タイトル画像入れ替えてヘッダー部分の作成しようでした。

 

番外編:タイトルテキストをタイトル画像に変更する方法

賢威テンプレートメーカーでテキストを選んだ場合から、
画像タイプへ変更する方法です。

headertext.phpを開き、

テキストタイプのソース

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

上のソース部分を下の画像タイプのソースを入れ替えてください。

画像タイプのソース

<div id="header-logo">
<p id="logo-text"><a href="<?php bloginfo(‘url’); ?>"><img src="<?php bloginfo(‘template_url’); ?>/images/afiri/top.gif" width="447" height="84" alt="<?php bloginfo(‘name’); ?>" /></a></p>
</div>

これでタイトル画像が使用可能になります。

4 Responses to “[対応:5]タイトル画像入れ替えてヘッダー部分の作成しよう”

  1. […] ヘッダーのタイトル画像の変更方法はこちらを参考にしてください⇒http://kasegoo.info/keni/83/ […]

  2. […] 替え方法については、 こちらを参照してください。 ⇒賢威 タイトル画像入れ替えてヘッダー部分の作成しよう […]

  3. 染矢隆一 より:

    はじめまして染矢といいます。

    初めての投稿になります。

    現在ブログで賢威5.0テンプレートを利用していますが、グローバルメニューバーが変な位置にいます。

    すみませんが、グローバルメニューの移動の仕方を教えてください。
    よろしくお願いします。

    • マメボーw より:

      染矢さん
      お世話になってます。
      メールにて回答しましたので、ご確認ください^^
      どうぞよろしくお願いします。

コメントを残す

サブコンテンツ

このページの先頭へ