【初心者向け】stinger8の子テーマ導入方法と使い方をご紹介！

2019.02.17

このブログ開設当初のころよくstinger8のカスタマイズ記事を書いていましたが、その記事がいまだに見られています。

せっかく色々な人に見てもらえているので、見直しと修正を少しずつ加えていこうと思います。

その第一弾として今回は子テーマの導入方法についてご紹介したいと思います。
それではレッツゴー

子テーマとは？
子テーマを導入する
子テーマの使い方
まとめ
コピペも良いですが・・・

新たにレンタルサーバーを選ぶならこれ！

エックスサーバー

国内シェアNo.1の高速サーバーなのでストレスフリー！
自動バックアップ機能に標準対応で安心運用可能！

気になるポイント！	キャンペーン中に契約すれば.com等のドメインを永久無料で使えます！

WordPressでサイトを運用すると重くなりがちですが、使用しているレンタルサーバーのスペックがあまり良くないと、どんなにWordPress側で高速化をしていても、なかなか高速化の成果が反映されません。サイトの表示スピードが上がらない原因がレンタルサーバーの場合は、エックスサーバーにしてみると改善するかもしれません！またサーバー等のバックアップを自動で行っているので、安心してサイトの運用をすることができます！またマルチドメイン、メールアドレスを無制限で使えるというのもうれしいですね。

公式サイトはこちら

子テーマとは？

子テーマはWordPressのテーマをカスタマイズする際によく使われる仕組みで、エラーの修正やカスタマイズの追加等を比較的簡単にすることができるというメリットがあります。

子テーマについては以下の記事でまとめていますので、よくわからない方は以下の記事をご参考ください。

【WordPress】テーマをカスタマイズをするときは、子テーマを使うべし！

WordPressの機能の一つとして、「子テーマ」というものがあります。ブログを書き始めた方の場合や、WordPressを使い始めた方の場合は、「子テーマ？なんだそれ」とか「親テーマにそのままコードを書けばいいじゃん」と思うかもしれません。...

【WordPress】子テーマの導入方法と使い方を覚えてガンガンカスタマイズする！

前回こちらの記事で、子テーマの重要性について説明しました。今回はその子テーマの導入方法と、使い方についてご説明します。子テーマを導入する！子テーマを導入する方法は2通りあります。１つは親テーマと一緒にダウンロードする！もう１つは自分で子テー...

子テーマを導入する

それではさっそく子テーマを導入していきます。

子テーマファイルをダウンロードする

まずは以下の公式サイトからstinger8のテーマファイルと、子テーマのファイルをダウンロードしてください。
http://wp-fun.com/dl/

ダウンロードファイルは圧縮されていますが、特に解凍する必要はありません。

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

.zip形式のテーマファイルをダウンロードできたら、WordPressにテーマをインストールしていきます。

WordPressの管理画面から【外観＞テーマ】でインストールしていきます。

画面上部にある「新規登録」をクリックします。

このような画面になりますので、①画面上部の「テーマのアップロード」をクリックし、②「参照」で先ほどダウンロードしたテーマファイルまたは子テーマのファイルを選択を選択し、③「今すぐインストール」をクリックすれば、インストールできます。

ちなみにファイルはひとずつしかインストールすることができません。
そのため2回に分けてインストールしてください。

子テーマを有効化する

無事にインストール出来たら、WordPressの管理画面【外観＞テーマ】でこのように表示されます。

こちらで「子テーマ」を有効化します。
「stinger8 child」となっているのが子テーマです。

ちなみに一緒にインストールした親テーマは「stinger8」と表示されていますが、こちらは有効化せずそのままにしてください。
親テーマを土台として子テーマが動きます。
感覚としては親テーマを基準として、子テーマで内容を書き換え行くような感じです。

子テーマの使い方

子テーマには、jsファイルと、「style.css」と「functions.php」ファイルが入っています。
カスタマイズをする場合は、こちらのstyle.cssファイルとfunctions.phpファイルにコードを加えていきます。
最初のうちは、style.cssにコードを追加するのが中心になるかと思います。
ちなみにcssであれば、WordPressの管理画面から【外観＞カスタマイズ】の「追加css」からもコードを追加することができます。

子テーマに入っていないファイルをカスタマイズしたいときには、そのコードを親テーマからコピーして、子テーマにアップロードします。
（ヘッダーをカスタマイズしたいときは、「header.php」を追加する等）
そして追加したファイルのカスタマイズを加えたい個所のコードを編集していきます。

まとめ

これでカスタマイズをする準備は完了です。
どんどんカスタマイズしていきましょう！

stinger8はファイル数や構成が非常にシンプルなので、htmlやcssの教材としても非常に適していると思います。
これからWordPressを始めたい方や、プログラミングをはじめたい人にはぴったりなテーマだと思いますので、おすすめです！

【プログラミング入門最強の味方】STINGER8カスタマイズまとめ

WordPressのテーマStinger8のカスタマイズ記事が増えてきたので、記事を種類別に分類をしてみました。STINGER8は基本的には、最低限の機能しかないまっさらなテーマです。その分非常にカスタマイズがやりやすく、HTMLやCSS、...

コピペも良いですが・・・

テーマによってはカスタマイズなんて必要ないかもしれませんが、HTMLやCSSの知識あるとないとでは、トラブルがあった時に大きく違ってきます。
コピペも便利ですが、専門の本などを併せて使用すると、理解度がぐっと深まりますよ！

私が使用したおすすめの本はこちらです。

ソシム

HTML&CSSとWebデザインが 1冊できちんと身につく本

技術評論社