子テーマ「Stinger-minimum」

今回利用させてもらってるSTINGER3の子テーマは「Stinger-minimum」と「スマホ用Stinger-minimum」。
カスタマイズするたびにネットで検索して同じ確認を何度もしてしまうので、今回は忘備録を書いてみることにしました。それも超初心者向けに、そんなところから？ってところからメモしていこうと思ってます。でも、あくまでも私個人の設定状況におけるカスタマイズ方法です。クレームやマイナスのご意見は胎教にも良くないので、皆さんの心の中にしまっておいてください。お願いします。

子テーマをダウンロード

まずは子テーマの「Stinger3-Child Stinger-minimum.zip」とスマホ用の「smart-nondiff.zip」をダウンロードします。

子テーマを親テーマのバージョンに修正

ダウンロードした「Stinger3-Child Stinger-minimum.zip」を解凍し、「style.css」のSTINGER3のバージョンを変更します。テキストエディタにて変更するのですが、私は「TeraPad」を利用してます。

「Stinger3-Child Stinger-minimum」-「style.css」の３行目と１１行目の「stinger3ver20131217」を私がインストールしたSTINGER3のバージョン「stinger3ver20140327」に変更し、上書きしておきます。その後またzipファイルに圧縮します。

子テーマをアップロード

修正した「Stinger3-Child Stinger-minimum.zip」をサーバーへアップロードします。今回はWordPressの管理画面からアップロードしました。
「外観」-「テーマ」-「新規追加」-「テーマのアップロード」でダウンロードした「Stinger3-Child Stinger-minimum.zip」のzipファイルを選択し「いますぐインストール」をクリック。インストールできたら有効化します。

ヘッダーを編集

この子テーマではヘッダー画像を利用しないため、ヘッダー画像を削除します。

「外観」-「ヘッダー」で「ヘッダー画像を削除」し変更を保存しておく。

スマホにも対応させよう

スマホ対応にするために、ダウンロードした「smart-nondiff.zip」を解凍し、中にある「smart.css」をアップロードします。

今回はFTPソフトを利用してアップロードしました。
「nanamin3.net（このブログのドメインです）」-「public_html」-「wp-content」-「themes」-「Stinger3-Child Stinger-minimum」（※私はXサーバーを利用しているので「public_html」がありますが、他のサーバーの方はないようです。）ここに「smart.css」をアップロードします。

次に親テーマの「header.php」を変更してスマホテーマに適用させます。
「外観」-「テーマ編集」の右側にある親テーマのバージョンをクリックし、親テーマを表示させます。親テーマの「header.php」にある＜!—css切り替え—＞の５行目を変更します。

まとめ

ここまで作業して気づきました。STINGER3のバージョンを修正したときに「smart.css」を追加しておけば、一度のアップロードで済んだはず。あーーやってしまった。まあ、ちゃんと反映してるからいいや。
ここからいろいろと自分なりにカスタマイズしていきます。