賢威でWordPress~ブログのヘッダーを画像にする

賢威5.0テンプレート」は、最初にテンプレートメーカーで、
ブログのタイトルを「テキスト」にするか、「画像」にするかを選べます。

けれど、後からやっぱり…ってとき、
また、テンプレートを作り直して、テーマ編集をやり直し…なんてしなくても、
簡単に差し替えることができます。

後からテキストを画像に変更する

管理画面から、「外観」⇒「テーマ編集」を選択、

たくさんあるphpファイルの中から、
「headertext.php」を選択。

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

<div id=”header-text”>
<p>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</p>
</div>

この赤太字の部分が、「テキスト」ですよーというタグです。
これを、以下のように書き換えます。

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

<div id=”header-text”>
<p>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</p>
</div>

ここから、実際に、画像を入れていくんですけど、
まずは、ヘッダー画像に使う画像をワードプレスにアップロードします。

このとき、「画像サイズ」「画像のパス」は、大事にメモしておきます。

<div id=”header-logo”>
<p id=”logo-text”><a href=”<?php bloginfo(‘url’); ?>”><img src=”<?php bloginfo(‘template_url’); ?>/images/common/logo.pngwidth=”298″ height=”29″ alt=”<?php bloginfo(‘name’); ?>” /></a></p>
</div>
<div id=”header-text”>
<p>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</p>
</div>

上記ハイライトした箇所に、新しいヘッダーの情報を入れていきます。

<div id=”header-logo”>
<p id=”logo-text”><a href=”<?php bloginfo(‘url’); ?>”><img src=”http://webdesign2013.com/wp-content/uploads/header.jpgwidth=”900” height=”135 alt=”<?php bloginfo(‘name’); ?>” /></a></p>
</div>

これで、ヘッダーをテキストにする、画像にする、
ヘッダー画像を入れ替える、という作業は終わりです。

あわせて読みたい関連記事

“賢威でWordPress~ブログのヘッダーを画像にする” への2件のフィードバック

  1. [...] 賢威でWordPress~ヘッダー説明文の変更 賢威でWordPress~ブログのヘッダーを画像にする 賢威でWordPress~サイズの違うヘッダー画像を入れ替えて全体を修正する [...]

  2. [...] ※ テキストから画像に変える場合はこちらをごらんください。 ここでは、一旦画像で作成したヘッダー画像を、 [...]

サブコンテンツ

このページの先頭へ