WORDPRESS

【2021年】WING AFFINGER5の「子テーマ」をWordPressに導入する方法を画像つきで1から解説【親テーマのアップデート対策】

【2021年】WING AFFINGER5の「子テーマ」をWordPressに導入する方法 アイキャッチ
 

あずきです🐥

WordPressにおける代表的な人気テーマ「WING AFFINGER5」について、その…

子テーマ

を導入する手順を、ブログ初心者さん向けに1から解説していきます

 

まず!

WordPressを運営していくうえでは、基本的にどのテーマを使うにしても…

テーマを「アップデート」するたびに、カスタマイズ内容が消えてしまう

のを防ぐために、その「子テーマ」を用意して使うのが定石となります

WordPressをやるなら、子テーマは実質必須!
 
 

で、本来この「子テーマ」というのを作るには…

  • functions.php
  • style.css

といったいくつかのファイルを作成し、それぞれに所定の「コード」を記述するといった専門的な工程が必要になるんですね

 

もちろん!

ググってコピペで(コードを)貼りつけたりすれば素人でも作れないことはないですが、とはいえ「コードを直接触る」のはやっぱり怖いもの

なにより面倒くさい(経験談)
 

でも「WING AFFINGER5」なら…

「純正」の子テーマ

がセットで付属されているので、わざわざ上記のような「お手製の子テーマ」を自力で作る必要はありません

AFFINGER「オフィシャル」の子テーマだから、自作よりも100倍安心!
 

具体的には…

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

この両方をまずWordPressにインストールしたうえで、かつ…

「子テーマ」側を有効化

しておく形になります

そうすることで、「親テーマ」をアップデートしてもカスタマイズが残せるよ!
 

アップデートについて

「子テーマ」を使用する場合でも、アップデートを行うのは「親テーマ」側となります

 

「子テーマ」を有効化したブログというのは…

  • カスタマイズした内容は「子テーマ」側に保存されて、まず最優先でブログに反映される!
  • それ以外の部分については、「親テーマ」側の内容が自動的に反映される!

という状態になっているためです

 
【2021年】WING AFFINGER5のアップデート方法 アイキャッチ
【2021年】WING AFFINGER5のアップデート方法を1から解説【テーマファイルのダウンロードから、WordPressへのインストール&有効化まで】

続きを見る

 

注意

「子テーマ」を使用する場合でも、「親テーマ」つまり「WING AFFINGER5」本体のインストールは必須です(ただし、有効化しておくのは常に「子テーマ」側となります)

 

WING AFFINGER5」本体の購入やインストールがまだの場合は、お先にこちらをどうぞ ↓

【2021年】「WING AFFINGER5」の購入&WordPressへの導入手順 アイキャッチ
【2021年】「WING AFFINGER5」の購入&WordPressへの導入手順を画像つきで1から解説【テーマ有効化までの一連のやり方】

続きを見る

\ 当ブログで愛用しています /

「稼ぐ」に特化したWordPress テーマ『WING AFFINGER5』

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

 

ということで、さっそく見ていきましょー🐥

 

 

【2021年】WING AFFINGER5の「子テーマ」をWordPressに導入する方法を画像つきで1から解説【親テーマのアップデート対策】

WordPress ヘッダー c-01

まずは、WordPress管理画面の左側メニューから…

【2021年】WING AFFINGER5の「子テーマ」をWordPressに導入する方法 1-01

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

 

つづいて、画面上部に表示されている…

新規追加

ボタンをクリックして、同じく画面上部から…

テーマのアップロード

ボタンをクリックします

 

すると…

【2021年】WING AFFINGER5の「子テーマ」をWordPressに導入する方法 1-02

↑ このような画面に切り替わるので、「ファイルを選択」ボタンをクリックです

 

ここから、「WING AFFINGER5」本体に付属されている…

affinger5-child.zip

という「子テーマファイル」が保存されている場所を、開いていきます

 

具体的には、「WING AFFINGER5」の購入後にダウンロードした「wing_af5_dl.zip」という圧縮フォルダを「すべて展開」で解凍した…

wing_af5_dl

というフォルダ内の…

WordPressテーマ

というフォルダ内に入っています

上記の場所が見つからないという人のために、「Windows10」を例に画像つきで見ていくよ!
 

通常は、「ファイルを選択」ボタンを開くと表示される画面内の…

【2021年】WING AFFINGER5の「子テーマ」をWordPressに導入する方法 1-03

↑ こちらの「ダウンロード」という場所に、「wing_af5_dl.zip」という圧縮フォルダを「すべて展開」で取り出した中身となる…

【2021年】WING AFFINGER5の「子テーマ」をWordPressに導入する方法 1-04

↑「wing_af5_dl」という解凍済みフォルダが入っているので、こちらを開き…

【2021年】WING AFFINGER5の「子テーマ」をWordPressに導入する方法 1-05

↑ さらにそのなかの「WordPressテーマ」というフォルダを開けば…

【2021年】WING AFFINGER5の「子テーマ」をWordPressに導入する方法 1-06

↑ このように、「affinger5-child.zip」という子テーマファイルが入っています

もしも「ダウンロード」内に見つからない場合は、同じエクスプローラー内の「ローカル ディスク (C:)」という場所を探してみよう!
 

ということで…

お目当ての「affinger5-child.zip」が無事見つかったら、こちらを選択して右下の「開く」ボタンをクリックし…

【2021年】WING AFFINGER5の「子テーマ」をWordPressに導入する方法 1-07

↑ その後「今すぐインストール」ボタンをクリックで、インストール作業が始まります

通常はすぐにおわるよ!
 

画面が切り替わって…

テーマのインストールが完了しました

というメッセージが表示されたら、「子テーマファイル」のアップロード&インストールは完了です

 

最後に!

WordPress管理画面から 外観 > テーマ を再びクリックして、そのなかに表示されている…

【2021年】WING AFFINGER5の「子テーマ」をWordPressに導入する方法 1-08

↑「WING-AFFINGER5 Child」アイコンにカーソルを合わせて…

【2021年】WING AFFINGER5の「子テーマ」をWordPressに導入する方法 1-09

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

親テーマ「WING-AFFINGER5」と間違えないよう注意!
 

これで…

新しいテーマを有効化しました

というメッセージが表示されたら、「WING AFFINGER5」の「子テーマ」の導入は無事完了となります🐥

 

テーマを有効化したら…

 

「WING AFFINGER5」やその「子テーマ」を有効化した際は、WordPress管理画面の「AFFINGER5 管理」内にも記載されている通り…

  • 「AFFINGER5 管理」内の「保存」ボタンを1度クリック!
  • パーマリンク設定の更新!(WordPress管理画面の 設定 > パーマリンク設定 で、「変更を保存」ボタンを1度クリック)
  • キャッシュ系プラグインを使用している場合、「キャッシュのクリア」を1度実行!

という更新作業を行っておきましょう(テーマのアップデート後についても同様です)

 

なお「キャッシュ系プラグイン」については、参考までに当ブログでは「Autoptimize」が該当します。 手順は下記をどうぞ ↓

WordPressプラグイン「Autoptimize」の基本的な設定方法と使い方 アイキャッチ
【2021年】WordPressプラグイン「Autoptimize」の設定方法と使い方【コードの最適化で表示スピードを高速化/ページキャッシュの生成&削除】

続きを見る

 

重要

「子テーマ」の有効化が完了しても、「親テーマ」側はWordPressからアンインストール(削除)してはいけません

 

WordPressの「子テーマ」は…

  • 親テーマ → WordPressにインストール済み!
  • 子テーマ → WordPressにインストール&有効化済み!

この2つの条件が揃わないと、正常に機能しないためです

 

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

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

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

\ 当ブログで愛用しています /

AFFINGERタグ管理マネージャー3+PVモニター 01-500px

効果のある広告やリンクを徹底解析

AFFINGERタグ管理マネージャー3 + PVモニター

 

 ✔ 広告やリンクの「クリック回数・クリックされたページ」などを、自動で計測!

 ✔ よく使う文章や広告などのひとまとまりを「テンプレート化」して、一元管理!

 ✔ 元データの修正だけで「一括反映」されるため、広告などの差し替えも一瞬!

「WING AFFINGER5」及び「WING STINGER PRO2」専用プラグイン

※「STINGERタグ管理プラグイン3」のデータはそのまま使用できます

 

公式:「超強力」なサイト改善と効率化!「AFFINGERタグ管理マネージャー3 + PVモニター」プラグインセット

関連:WordPressにおける広告リンクの貼り方「3パターン」を初心者向けに解説【タグ管理が超おすすめ】

 

About me

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

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

あずき

 

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

 

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます。 普段はTwitter(@azuki_rinrin)にわりといるので、覗いてもらえると嬉しいです^^

-WORDPRESS

© 2019 あずきのぶろぐ