Gushのヘッダー画像と代替テキストの設定、ついでにFaviconを変更する方法とか。 – Gush(WordPress無料テーマ)カスタマイズ

公開日:  最終更新日:2014/06/10

SiSO-LAB
WordPressは初めて使うので、XAMPP上にWordPressをインストールしていろいろ試していますが、テーマは無料のGushをインストールしてみました。カスタマイズ前提のテーマと言うことで早速いじり始めてみました。最初のカスタマイズは、ヘッダー画像代替テキストですが、テキストがソースコードに直接書かれていたので、ちょっとリッチに?WordPressから取得するように変更してみました。

 

本記事は、WordPress V3.9.1と無料テーマのGush V1.1.0にて動作確認を行っています。

オリジナルのヘッダー画像ファイルを設定

Gushをインストールしたので早速表示させてみると、なにやらサイト名称の表示がデフォルトのままです。調べてみてわかったのですが、正確にはヘッダー画像が見つからないため、ヘッダー画像の代替テキストが表示されていました。

そんなわけで、ヘッダー画像を準備し、せっかくなので、WordPressからブログ名称を取得して代替テキストに設定できるようにしてみました。

カスタマイズ設定用のメニューからは変更できなかったので、テーマが保存されているフォルダに移動し、「Naifix-起業バカ」という文字列をサクラエディタでGrep検索してみました。テーマは、WordPressがインストールされているフォルダから「wp-content\themes\」と辿っていけば「gush」というフォルダがありまして、そこに一式入っています。

問題のキーワードは「header.php」にて発見したので、元の「header.php」はいつでも元に戻せるように別のファイル名で保存しておき、直接編集してみました。

テキストエディタはいつものサクラエディタです。今回インストールしたGushはV1.1.0ですが、修正ポイントは53行目にありました。

この行のimgタグ部分を、ヘッダー画像ファイル名の指定を自分の準備したファイル名に、代替テキスト設定をWordPressから取得するように、あと、使いたいヘッダー画像サイズに合わせました。

画像だけだとコピペできないので、テキストでも貼り付けておきます。

<h1 class=”top_title”><a href=”<?php echo home_url();?>” title=”<?php bloginfo(‘name’); ?>”><img src=”<?php echo get_template_directory_uri(); ?>/images/siso-lab_logo.png” alt=”<?php bloginfo(‘name’); ?>width=”230″ height=”50″ /></a></h1>

Favicon.icoとヘッダー画像ファイルを保存

XAMPP上にWordPressを構築しているのでスクリーンショットはWindows7のものですが、「gush\images」フォルダに、新しいfavicon.icoとヘッダー画像ファイルをコピーしました。サーバーの場合はFTPでアップロードすることになるかと思います。

なぜかfavicon.icoファイルがGushオリジナルのままですが、プロパティで確認すると、ちゃんと新しいファイルの画像に入れ替わっています。Windowsの不思議なところですが、どこかにキャッシュされているのかも。

仕上げにWordPressからサイト名設定

最後にサイト名とキャッチフレーズ(サイト名の下に表示されるサイト説明文)の設定をします。これは、WordPressにログインして「外観」→「カスタマイズ」から設定します。

こんな感じで入力してみました。

というわけで完成~!

 

今日の一言二言三言

 

  • Gush(V1.1.0)カスタマイズメモ
    • ヘッダー画像(タイトルロゴ画像)ファイルはimagesフォルダに保存する。
    • ヘッダー画像を入れるにはheader.phpを編集する。
    • favicon.icoはimagesフォルダに保存する。

 

というわけで、だんだん現行SiSO-LABのイメージ(古臭いイメージ?)に近づけていこうと思います。明日は、テキストやバックグランドの色を調整してみます。

 

オススメ記事


落描解説:Gushを楽しくカスタマイズ中!です。

  • このエントリーをはてなブックマークに追加
  • Pocket

関連前後記事

Your Message

メールアドレスが公開されることはありません。


*

PAGE TOP ↑