スマートダディ目指して修行中。最終更新日:2015/02/18それではGush2カスタマイズ手始めとして、まずはブログタイトルをテキストから画像に変更します。タイトルの画像ファイル、今回はWEB公開されているジェネレータを使ってみました。V1.1.1にて動作確認を行っています。Gush2のタイトルロゴ画像の変更ブログのタイトルロゴ画像への変更方法はGush2配布サイトでも紹介されていますが、画像ファイルのディレクトリ指定等をちょっとだけ工夫していますので、実際にどうやってカスタマイズしているか紹介します。新しいブログは、今風?の軽い感じでやってみたかったので、ちょっとポップなタイトルロゴにすることにしました。ネットで検索してみると、いろいろと面白いジェネレータがあります。くりとしたポスターカラー調?がかわいい、「はがないジェネレーター」というサービスを利用させて頂くことにしました。本来の「はがないジェネレーター」で生成されるデザインコンセプトを重視するのであれば、ちょっと長めのタイトルがよさそうです。この文字数だと、ちょうど「オチ」に来る部分が最も強調されてよさげです。タイトルが長くなりすぎてしまうので、元々のアイデア通り、こんな感じにしてみました。後はペイント(Windowsの標準ツール)でレイアウトを少し修正して少し上下方向が低くなるデザインに変更、さらに背景の透過色を調整してJTrimで画像の透過設定をしました。header.phpを編集してタイトルロゴ画像を変更それではこれをGush2のテーマに反映させませす。新しいタイトルロゴ画像のアップロードローカル環境でブログのテストをしていると、なんとなく「アップロード」という言葉を使うのに抵抗がありますが、まずはGush2ディレクトリ内の画像ファイルが入っているところに、先ほど作成したタイトルロゴ画像ファイルをコピーします(他のディレクトリでもいいのですが、説明を簡単にするため、この場所で行きます)。WordPressをインストールしたディレクトリの中にコピーします。ディレクトリは以下の通りです。「wp-content/themes/gush2/images」というフォルダがありますので、この中にコピーします。ファイル名はとりあえず「sitelog.png」としておいてください。「.png」は画像形式を表しますので、もし、「JPEG」などで画像を作った場合は、拡張子はそれに合わせておいてください。header.phpを編集して新しいタイトルロゴ画像に変更それでは、Gush2のheader.phpというプログラムファイルを変更します。変な風に編集してしまって後戻りできなくなるといけませんので、あらかじめ、どこか別の場所にコピーしておきましょう。header.php:58に、以下の行があります。/></a></h1>と変更します。「get_template_directory_uri()」という関数を使っていますが、これは、現在適用しているテーマのURIを取り出すための関数です。これと「/images/...」を組み合わせることで、「インストールされたテーマの中にある画像ファイル」を指定するようにしています。いうことをやっておくことで、引越やディスク整理などでURIの構成が変わっても自動的に対応できるようになります...と言いつつ、まあ、そこまで意識しなくてもいいかな、と思ったり思わなかったりです。いうわけでこんなトップ画面になりました。なった気がするかもタイトルロゴ画像のジェネレータって初めて使ってみましたけど、なかなか便利なものですね!WordPress初心者がブログを作るよ♪テーマは無料のGush2!WordPressを使い始めて約9か月になりますが、もう1つ新しいサイトを立ち上げてみました。時は試行錯誤の連続でひどいものでしたが、今回は、以前よりはもうちょっと整理した状態で作業内容をまとめながら進めたので、テスト用環境構築からGush2のカスタマイズまで連載記事にしてみました。LINKTweetPocket関連前後記事PREV:WordPress初心者がブログを作るよ♪。関連記事2014.06.06WordPressで記事のカテゴリやタグを一括で追加する方法~そういえばカテゴリを追加するのを忘れていました。2014.11.13カテゴリ別タグクラウド表示機能をGush/WordPressのサイドバーに組み込んでみた。2015.04.10WordPressブログにFeedly購読ボタンを設置する方法を試してみたとか。2015.02.05アイキャッチ画像をRSSで表示できるようにWordPressをちょっとカスタマイズしてみる。2017.03.17WordPressで記事引用を簡単に表示しちゃう方法...WordPress4.4から埋め込み(embed)機能に対応していたのね。2014.04.26WordPressって、カテゴリを階層化したり複数つけたりできて便利。2015.03.01新サイト立ち上げ、百均浪漫/SiSO-LAB。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。date*PREV:WordPress初心者がブログを作るよ♪。カスタマイズ向け国産無料テーマ(テンプレート)Gush2のインストールNEXT:WordPress初心者がブログを作るよ♪オリジナルfavicon.icoを作ってGush2の設定変更する方法PROFILESiSO-LAB所長兼研究員のSiSOです。あ、趣味のサイトなので実体はありませんけど...。「結果は大事だけど、やっぱり経過を楽しみたいよね!」ということで、雑多な内容で紆余曲折試行錯誤している様子を楽しんで頂ければ幸いです。「たいせつなともだち」ピアノ譜アレンジ中。譜面はベネッセで無料プレゼントしています。「たいせつなともだち」ピアノ譜アレンジ中。譜面はベネッセで無料プレゼントしています。「たいせつなともだち」ピアノ譜アレンジ中。譜面はベネッセで無料プレゼントしています。「たいせつなともだち」ピアノ譜アレンジ中。譜面はベネッセで無料プレゼントしています。「たいせつなともだち」ピアノ譜アレンジ中。譜面はベネッセで無料プレゼントしています。関連人気記事WordPressの画像ファイル保存先ってどうなっているの?保存先の変更方法とか。投稿されたFFFTPでメディアファイルを一括ダウンロードできない?設定変更で回避する方法とか。投稿されたやっぱり簡単だった!無料で透過マルチアイコンを作る方法。サイトにFaviconつけてゴキゲン。投稿されたWordPressで記事引用を簡単に表示しちゃう方法...WordPress4.4から埋め込み(embed)機能に対応していたのね。投稿されたアイキャッチ画像をRSSで表示できるようにWordPressをちょっとカスタマイズしてみる。投稿されたWordPressのoEmbed、表示されない時があって不安定?なのでプラグインPz-LinkCardにしてみたよ。投稿されたローカル環境にセットアップしたWordPress(XAMPP上)の表示確認を、他のパソコンやスマホからアクセスする方法とか。ネットオウル関連新着記事ネットオウル(レンタルサーバー)のWordPressへ海外からログインする方法。海外から実験してみました。2018.03.07WordPressのoEmbed、表示されない時があって不安定?なのでプラグインPz-LinkCardにしてみたよ。2017.10.21WordPressで記事引用を簡単に表示しちゃう方法...WordPress4.4から埋め込み(embed)機能に対応していたのね。2017.03.17WordPress、サイトのアイコン表示は標準機能だけで設定できるのね...小さな画像でも大丈夫。2016.04.18新しいWordPressブログを準備中。カスタマイズ向き国産テンプレートGush2と定番プラグインの話とか。2016.03.07WordPressローカル環境を簡単に2クリックだけでインストールする方法。2016.03.05多趣味なブログ運営は分けるべき?サブドメインがいい?ディレクトリがいい?方針検討中。プラグインでWordPress記事のパーマリンクを別サイトのURLに設定する方法。PC百均浪漫/SiSO-LAB更新情報ダイソー光沢紙のはがき(郵便番号枠入り)インクジェットプリンタ、4年経ってもパッケージ変わらずの定番商品。2019.10.01なんと3個で100円!(税抜)、煮豚風煮たまご、お買い得だね!おつまみ、ラーメンのチョイ足しに。タイマーとかってLR44ばかりじゃないのね。2019.09.06ポイントカード等の整理に便利かな。