WORDPRESS

WING AFFINGER5の「子テーマ」を導入する方法と注意ポイントを1から解説【親テーマと子テーマの正しい使い方】

WING AFFINGER5の「子テーマ」を導入する方法と注意ポイント アイキャッチ
 

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

今なら超時短ツール「タグ管理プラグイン(4,980円)」の無料配布キャンペーン中!

あずきです🐥

このブログでも愛用中のWordPressテーマ「WING AFFINGER5」における…

「子テーマ」を導入する方法 & 注意ポイント

について、ブログ初心者さん向けに1から解説していきます

まずこの「子テーマ」というのは、WordPressブログをやるうえで「実質必須」とも言えるほど重要になります

なぜなら、子テーマを用意せずに元のテーマ(=親テーマ)を直接使ってしまうと…

テーマをアップデートする度に、カスタマイズがリセットされてしまうから

なんですね

これは、「AFFINGER5」に限らずどのテーマでもそう

そんな問題を防ぐためには…

  • 親テーマ(WING AFFINGER5)
  • 子テーマ(WING AFFINGER5 Child)

の両方をWordPressにインストールしたうえで、「子テーマ」側を有効化しておくこと

そうすることで、(アップデートをしても)カスタマイズがそのまま残せる!
 

注意

初心者の方がわりと勘違いしがちなポイントとして…

子テーマを使う場合でも、親テーマのインストール自体は必須になります

今回の「AFFINGER5」で例えるなら…

 
  1. 「WING AFFINGER5(=親テーマ)」はインストールしていない
  2. 「WING AFFINGER5 Child(=子テーマ)」だけインストールして有効化する
 

という形だと、テーマは機能してくれません

 

子テーマを正常に機能させるには…

 
  1. 「WING AFFINGER5(=親テーマ)」をインストールする
  2. 「WING AFFINGER5 Child(=子テーマ)」をインストールする
  3. 「WING AFFINGER5 Child(=子テーマ)」を有効化する
 

という手順が正解になります

 

で!

本来この「子テーマ」の作成はちょっと面倒なんですが、AFFINGER5の場合…

公式の子テーマが親切に付属されている

ので、超簡単です

具体的には、次の3ステップになります

長い前置きだった
 
  1. 親テーマである、通常の「WING AFFINGER5」をインストールする
  2. 付属の公式子テーマ「WING AFFINGER5 Child」をインストールして、有効化する
  3. 「AFFINGER5 管理」と「パーマリンク設定」の更新を行う
 

また記事のおわりでは…

  • 「子テーマ」を使用する場合の「AFFINGER5アップデート」における注意点

についても、合わせてご紹介しています

さっそく見ていきましょー🐥

今回の記事はこちらの章に属しています

WordPressブログガイド 第3章「テーマ」編 

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

今なら超時短ツール「タグ管理プラグイン(4,980円)」の無料配布キャンペーン中!

ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで アイキャッチ
【超時短】ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで【WordPress】

続きを見る

 

About me

あずきアイコン main-01 背景透過

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

WordPressテーマ「WING AFFINGER5」における、子テーマの導入方法と注意ポイント【3つのステップ】

ステップ①:親テーマである、通常の「WING AFFINGER5」をインストールする【デザインはまだ触らない】

WordPressブログ「完全初心者」ガイド 見出し a-01

 

はじめに

親テーマ「WING AFFINGER5」のインストールがすでにお済みの方は、この【ステップ①】は飛ばして次の【ステップ②】へお進みください

 

【ステップ①】は…

親テーマである、通常の「WING AFFINGER5」をインストールする

です

冒頭でもお伝えした通り、子テーマを使う場合でも、その元となる「親テーマ」のインストールは必須になります

子テーマは必ず親テーマとセット!

この親テーマ、つまり通常の「WING AFFINGER5」をインストールする手順はこちら ↓

WordPressテーマ「WING AFFINGER5」の購入&導入手順 アイキャッチ
WordPressテーマ「WING AFFINGER5」の購入&導入手順を画像つきで1から解説【購入・ダウンロード~インストール・有効化】

続きを見る

 

POINT

上記の解説記事では、インストールだけでなく「有効化」までセットでご紹介していますが…

子テーマを使う場合、この親テーマは「有効化」までは行わずに「インストールまで」でOKです

ただし!

「親テーマを有効化まで行ってしまった…」という場合でも、あとから「子テーマ」を有効化し直せばいつでも子テーマ側に切り替えられるのでまったく問題ありません

 

ということで…

親テーマ「WING AFFINGER5」のインストールまで無事できたら、ここから【ステップ②】の「子テーマ導入」に進んでいきます

ちなみに!

子テーマを導入するまでは、AFFINGER5のデザイン設定などはまだ触らないようにしましょう

設定した内容が親テーマ側に保存されるので、アップデートでリセットされてしまうため!

AFFINGER5の各種設定をカスタマイズしていくのは…

子テーマを有効化してから

です

 

ステップ②:付属の公式子テーマ「WING AFFINGER5 Child」をインストールして、有効化する

WordPressブログ「完全初心者」ガイド 見出し a-02

【ステップ②】は…

付属の公式子テーマ「WING AFFINGER Child」をインストールして、有効化する

です

AFFINGER5では、子テーマを使うための「(本来だと自分で作成する必要がある)子テーマファイル」が、親切にも無料で付属されています

プロが作った公式ファイルだから、素人が自分で作るよりも100倍安心!(←経験談)

ということで、さっそくこの子テーマをインストールしていきましょう

まずはWordPress管理画面の左側一覧から…

AFFINGER5の「子テーマ」を導入する方法と注意ポイント 1-2-01

↑ 外観 > テーマ をクリックします

テーマのTOP画面が表示されるので、そのなかの…

AFFINGER5の「子テーマ」を導入する方法と注意ポイント 1-2-02

↑「新規追加」をクリックして、さらに…

AFFINGER5の「子テーマ」を導入する方法と注意ポイント 1-2-03

↑「テーマのアップロード」をクリックし…

AFFINGER5の「子テーマ」を導入する方法と注意ポイント 1-2-04

↑「ファイルを選択」ボタンをクリックします

ここから、AFFINGER5に付属されている公式の「子テーマファイル」を選択してきます

まずこの子テーマファイルが入っている場所は…

「WING AFFINGER5」の購入時にダウンロードした…

wing_af5_dl.zip

という圧縮フォルダ、そのフォルダを「解凍」して保存した…

wing_af5_dl

というフォルダ内の、さらに…

WordPressテーマ

というフォルダのなかの…

AFFINGER5の「子テーマ」を導入する方法と注意ポイント 1-2-05

↑「affinger5-child.zip」というファイルです

場所がわからないという方のために、「Windows10」を例に解説していくよ!

まず「WordPressテーマ」というフォルダが入っている「wing_af_dl」というフォルダは、通常…

AFFINGER5の「子テーマ」を導入する方法と注意ポイント 1-2-06

↑「ダウンロード」という場所を開いたなかにあるはずです

もしくは、「ローカル ディスク (C:)」という場所!
 

ちなみに

万が一この「wing_af_dl」フォルダが見つからない場合は、購入時にダウンロードした圧縮フォルダ「wing_af_dl.zip」を探して、また解凍し直すようにしましょう

圧縮フォルダ「wing_af_dl.zip」は、 エクスプローラー > ダウンロード 内に保存されています

具体的な手順はこちら ↓

WordPressテーマ「WING AFFINGER5」の購入&導入手順 アイキャッチ
WordPressテーマ「WING AFFINGER5」の購入&導入手順を画像つきで1から解説【購入・ダウンロード~インストール・有効化】

続きを見る

 

ということで…

解凍済みフォルダ「wing_af_dl」が無事見つかったら、そのフォルダを開いて…

AFFINGER5の「子テーマ」を導入する方法と注意ポイント 1-2-07

↑ そのなかの、「WordPressテーマ」というフォルダをさらに開きましょう

するとそのなかに、親テーマである「affinger5.zip」などと一緒に…

AFFINGER5の「子テーマ」を導入する方法と注意ポイント 1-2-08

↑「affinger5-child.zip」というファイルが入っているので、こちらをダブルクリックで選択します

選択したら…

AFFINGER5の「子テーマ」を導入する方法と注意ポイント 1-2-09

↑「今すぐインストール」ボタンをクリックです

インストールはすぐにおわるよ

「インストール完了」のメッセージが表示されたら、改めて…

AFFINGER5の「子テーマ」を導入する方法と注意ポイント 1-2-10

↑ 外観 > テーマ からテーマのTOP画面を開くと…

AFFINGER5の「子テーマ」を導入する方法と注意ポイント 1-2-11

↑ もともとインストールしていた親テーマ「WING-AFFINGER5」に加えて、子テーマ「WING-AFFINGER5 Child」が新たに追加されているので…

AFFINGER5の「子テーマ」を導入する方法と注意ポイント 1-2-12

↑「WING-AFFINGER5 Child」側のアイコン上にカーソルを合わせたら…

AFFINGER5の「子テーマ」を導入する方法と注意ポイント 1-2-13

↑「有効化」ボタンをクリックします

AFFINGER5の「子テーマ」を導入する方法と注意ポイント 1-2-14

↑ このように…

  • 左上に、「新しいテーマを有効化が完了しました」
  • その下に、「有効: WING-AFFINGER5 Child」

と表示されたら、子テーマの導入は無事完了です🐥

ただ、このあと1個だけやることがあるよ(ステップ③へ!)
 

ステップ③:「AFFINGER5 管理」と「パーマリンク設定」の更新を行う【それぞれ「保存」ボタンを押すだけ】

WordPressブログ「完全初心者」ガイド 見出し a-03

つづいて【ステップ③】は…

「AFFINGER5 管理」と「パーマリンク設定」の更新を行う

です

テーマの切り替えを反映させるための作業なんですが、とはいえやることは極めて簡単です

具体的には…

  • AFFINGER5 管理
  • パーマリンク設定

それぞれの画面を開いて、そのまま「保存」ボタンを1度クリックするだけでOK

一瞬だよ

具体的な手順はこちら

※近日アップ予定です…

 

ちなみに!

この「設定更新」という作業は、テーマを切り替えたときだけでなく「WING AFFINGER5」のアップデートを済ませたあとにも同様に行うので必ず押さえておきましょう

 

関連

今回の「パーマリンク設定」における ”設定更新” とはまた別で…

「そもそもWordPressを開設してからパーマリンク設定をまだやってない…」という方はこちら ↓【重要です】

WordPressブログの「パーマリンク」と「スラッグ」とは?おすすめな設定方法と注意点 アイキャッチ
WordPressブログの「パーマリンク」と「スラッグ」とは?おすすめな設定方法と注意点を1から解説【日本語スラッグはNG】

続きを見る

 

「子テーマ」を使用する場合の、「AFFINGER5アップデート」における注意点【アップデートするのは常に親テーマ側】

WordPressブログ「完全初心者」ガイド 見出し a-04

最後に、「子テーマ」を使っていくうえで必ず押さえておきたい…

「子テーマ」を使用する場合の「AFFINGER5アップデート」における注意点

です

まず「AFFINGER5」に限らず、どのWordPressテーマを使っていくにしても「最新バージョンに随時アップデートしていくこと」は必須となります

スマホと一緒!

ただ…

「子テーマ」を使うとなると、アップデートってどうやるのかピンと来ないかもですよね

結論、子テーマを使っている場合でもアップデートを行うのは常に「親テーマ」側になります

具体的には…

  • 有効化しておくのは、常に「子テーマ」側
  • でもアップデートを行うのは、常に「親テーマ」側

という形です

そうすることで、子テーマで行った各種カスタマイズが(アップデートのたびに)リセットされずに済むため

カスタマイズを行ったところ以外については、「親テーマ」側のアップデートが反映されるよ

つまり「子テーマ」というのは…

  • システム全体は、最新バージョンが(親テーマ側から)反映
  • そのなかで、今までのカスタマイズも(子テーマ側から)反映

という、とてもよくできた仕様になっています

この「親テーマと子テーマの仕組み」について、もっと詳しく知りたいという方はこちら ↓

WordPressの「親テーマと子テーマ」とは? アイキャッチ
WordPressの「親テーマと子テーマ」とは?違いって?1から丁寧に解説【ブログのアップデート対策】

続きを見る

 

テーマの具体的なアップデート手順についてはこちら ↓

「WING AFFINGER5」のアップデート方法 アイキャッチ
【2020年8月から仕様変更】「WING AFFINGER5」のアップデート方法を1から解説【WordPress有料テーマのバージョン更新】

続きを見る

 

おしまい♪

あずき(Twitter:@azuki_rinrin

関連

今回の「子テーマ」を含め、「AFFINGER5」を導入したらまず行うべきステップを1からまとめました ↓

AFFINGER5購入・導入後にまず行うべきステップまとめ アイキャッチ
【WordPress】AFFINGER5購入・導入後にまず行うべきステップまとめ【子テーマ/設定更新/クレジット削除/タグ管理/アップデート】

続きを見る

 

今回の記事はこちらの章に属しています

WordPressブログガイド 第3章「テーマ」編 

あずきのWordPressブログガイド 総合TOP 

About me

あずきアイコン main-01 背景透過

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

-WORDPRESS

© 2020 あずきのぶろぐ