WordPress初心者がブログを作るよ♪Gush2カスタマイズ、まずはタイトルロゴ画像の変更

公開日:  最終更新日:2015/02/18

ℹ️本記事にはPRが含まれています。

SiSO-LAB WordPressで初心者がブログを作るよ

それではGush2カスタマイズ手始めとして、まずはブログタイトルをテキストから画像に変更します。タイトルの画像ファイル、今回はWEB公開されているジェネレータを使ってみました。

本記事は、WordPress V4.1と無料テーマのGush2 V1.1.1にて動作確認を行っています。

Gush2のタイトルロゴ画像の変更

ブログのタイトルロゴ画像への変更方法はGush2配布サイトでも紹介されていますが、画像ファイルのディレクトリ指定等をちょっとだけ工夫していますので、実際にどうやってカスタマイズしているか紹介します。

アクセスアップにつながるGush2の効果的な使い方

ブログタイトルロゴ画像の作成

新しいブログは、今風?の軽い感じでやってみたかったので、ちょっとポップなタイトルロゴにすることにしました。ネットで検索してみると、いろいろと面白いジェネレータがあります。割とくっくりとしたポスターカラー調?がかわいい、「はがないジェネレーター」というサービスを利用させて頂くことにしました。利用規約、どこかに無いのかな?

はがないジェネレーター – 僕は友達が少ない風画像を自動生成

本来の「はがないジェネレーター」で生成されるデザインコンセプトを重視するのであれば、ちょっと長めのタイトルがよさそうです。この文字数だと、ちょうど「オチ」に来る部分が最も強調されてよさげです。
SiSO-LAB WordPressで初心者がブログを作るよ・Gush2、タイトルログ画像の変更

ですが、ちょっとタイトルが長くなりすぎてしまうので、元々のアイデア通り、こんな感じにしてみました。
SiSO-LAB WordPressで初心者がブログを作るよ・Gush2、タイトルログ画像の変更

後はペイント(Windowsの標準ツール)でレイアウトを少し修正して少し上下方向が低くなるデザインに変更、さらに背景の透過色を調整してJTrimで画像の透過設定をしました。
SiSO-LAB WordPressで初心者がブログを作るよ・Gush2、タイトルログ画像の変更

header.phpを編集してタイトルロゴ画像を変更

それではこれをGush2のテーマに反映させませす。

新しいタイトルロゴ画像のアップロード

ローカル環境でブログのテストをしていると、なんとなく「アップロード」という言葉を使うのに抵抗がありますが、まずはGush2ディレクトリ内の画像ファイルが入っているところに、先ほど作成したタイトルロゴ画像ファイルをコピーします(他のディレクトリでもいいのですが、説明を簡単にするため、この場所で行きます)。

WordPressをインストールしたディレクトリの中にコピーします。ディレクトリは以下の通りです。

「wp-content/themes/gush2/images」

というフォルダがありますので、この中にコピーします。ファイル名はとりあえず「sitelog.png」としておいてください。「.png」は画像形式を表しますので、もし、「JPEG」などで画像を作った場合は、拡張子はそれに合わせておいてください。
SiSO-LAB WordPressで初心者がブログを作るよ・Gush2、タイトルログ画像の変更

header.phpを編集して新しいタイトルロゴ画像に変更

それでは、Gush2のheader.phpというプログラムファイルを変更します。変な風に編集してしまって後戻りできなくなるといけませんので、あらかじめ、どこか別の場所にコピーしておきましょう。
SiSO-LAB WordPressで初心者がブログを作るよ・Gush2、タイトルログ画像の変更

header.php:58に、以下の行があります。
[code]

 

今日の一言二言三言

 

タイトルが 画像になると 少しだけ

本格的に なった気がするかも

 

タイトルロゴ画像のジェネレータって初めて使ってみましたけど、なかなか便利なものですね!

 

INSERT-CONTENT: NOT FOUND POST ID.

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

関連前後記事

Your Message

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

*

PAGE TOP ↑