STINGER3で子テーマを使ってみたいぞ、その前に理解せねば

      2016/03/14

子テーマ

「STINER3の子テーマを使ってカスタマイズする方法を教えて下さい」と言う、クレクレ記事を書いておりました。

そんな中@Daisuke_9taro のQtaroさんが理解出来るようにと順番に記事を優しく書いてくれております(気長に待つ)

助かるわ~優しいわ~~、そもそもの理解が全く無い状態なので頭の中では子テーマは「美味しいのか?」とかそういうレベルですよ。

そんでQtaroさんのブログ「room9」で無料配布している子テーマを使ってお勉強しようと言うわけですな。

サッパリとチンプンカンプンながらもやります。

とりあえず、理解したことを忘れても良いように備忘録にしておこう。

とりあえずSTINGER3のバージョンを上げて子テーマを入れてしまう

ダレデキブログの現在のバージョンは「stinger3ver20130925」と言うやつ。

最新のバージョンは「stinger3ver20131217 」なので上げてしまうぞ!

ってことで上げてしまいました。

「あっ、とりあえず今回は寝かせているドメインがロリポップにあるのでそれを実験で使いました」

STINGER3最新バージョン

次に・・・何したっけ?

えーっと、Qtaroさんのブログ「room9」から無料配布されている子テーマ「CANDY CRAZY」をダウンロードしてきたよ。

ZIPになっているけど開いて中にあるファイル、style.cssとsmart.cssを開いてSTINGER3最新バージョンと同じ数字に合わせてあげる。

バージョンを合わせてあげる

合わせたらまたZIPにしてあげる。

そしたらインストール。

子テーマをインストールする

インストール完了

うまく入ったら子テーマを有効化しちゃう。

有効化すると以下のような画面になるよ。

子テーマ有効化後

これで一度サイトを表示させてみよう。

サイト表示

おおぉ~~~~変わっとるよ~~~~

元々あるヘッダー画像が邪魔なのでダッシュボード⇒外観⇒ヘッダー⇒画像を削除して変更しちゃう。

ヘッダー画を削除

まだ題名がないからピンクの部分が細いけど、名前などを入れると大きくなるよ。

わからないなりにやったけど、なんとか上手くいってます。

実はQtaroさんにこのキャプチャを送って、「やり方が合っているのかを確認しました」

「合格」を頂きましたので今は忘れないように書いております。

まだまだこれからです

まだスマホ用の部分を何もしておらず、表示は元のままなのでこれも変えなくていけません。

それよりヘッダー部分のピンクを変えたくて、何日かチャレンジしております。

こういうチャレンジは動かないことには何もわからないね、手を動かして悩んでようやく理解出来ると思うけど難しいです。

まだまだ続く予定になっておりますので完成の日までお付き合い願いますw

 - STINGER3カスタマイズ