タイトル通り、Gush2カスタマイズ用の子テーマ テンプレートを準備しました。
今回用意した子テーマは、レッド!ブルー!イエロー!ピンク!
Gush2のデフォルトカラーがブラック(無理矢理w)!
5人合わせて、ブログ戦隊!GushⅤ!・・・
済みません。。。このためだけに4色分を作成しましたwww
はい。
という訳でどうぞ。(画像のクリックで直ダウンロードできます)
なお、Gush2のバージョンアップがありましたので、最新版の適用もお忘れなく。
子テーマの概要
ファイル構成
本テンプレートのファイル/フォルダ構成は下記の通りです。
- imagesフォルダ・・・中身は空です。
- style.css ・・・ 子テーマ用テンプレートの本体です。
- screenshot.png ・・・ 子テーマのイメージ画像です。
※なお、Gush2デフォルトでは、ディスプレーサイズ 1024px以上の場合、ヘッダー・フッターにテクスチャ表示の設定がされていますが、このテンプレートでは外していますので、その旨ご了承下さい。
また、テンプレートのヘッダー部分などの修正については、次の記事を参照下さい。
導入方法
1. テーマのアップロード
DLしたzipファイルを、[テーマを追加]からアップロードして下さい。
2. 子テーマ側の画像を利用するための親コード変更
Gush2を子テーマ側で、下記のカスタマイズを入れる場合は、必要な画像を子テーマのimagesフォルダにアップロードして下さい。
- タイトルのロゴ画像化
- ファビコンのオリジナル化
なお、ファビコンについては、get_template_directory_uri()で指定してあるので、ファイルのアップロードのみでOKです。
該当箇所のコードは下記:
//ファビコンの指定個所 <link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/images/favicon.ico" />
タイトルのロゴ画像化については、親テーマのheader.php(58行目)を
//タイトルのロゴ化 <h1 class="top_title"><a href="<?php echo home_url();?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h1>
から
//ヘッダのロゴ化 <img src="<?php echo get_template_directory_uri(); ?>/images/header.png" alt="<?php bloginfo('name'); ?>"></a>
に修正してあげればOKですね。
(あれ?昨日の記事のコードと同じかもwww)
※なお、オリジナルファビコンの作り方が解らないという場合は、過去記事「空いた時間でファビコン作成してみた。」を参考にしてみて下さいね。
以上で、子テーマの適用が完了すると思いますので参考にしてみて下さい。^^
(ってか、ブログ戦隊やりたかっただけなので、不具合があったらゴメンナサイw)