WORDPRESS

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

「WING AFFINGER5」のアップデート方法 アイキャッチ



あずきです🐥

このブログでも愛用中のWordPressテーマ…

WING AFFINGER5」におけるテーマのアップデート方法

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

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

―― 検証と改善を重ねた唯一無二のテーマ ――

WING AFFINGER5

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

注意

「AFFINGER5」におけるテーマのアップデート手順は、2020年8月リリースの「WordPress 5.5」より一部変更されました

具体的には、今まで必要だった「テーマアップローダー」プラグインが使えなくなった形です(より簡略化されました)

今回ご紹介する一連の手順については、2020年8月(WordPress 5.5)以降における「新方式」のアップデート手順となります

導入していた「テーマアップローダー」プラグインは、(WordPress5.5以降については)有効化を停止して削除してOKです

まずWordPressの「テーマ」というのは、最新バージョンに随時更新していく必要があります

スマホのアップデートと同じ!

で!

そもそもの大前提として、「テーマ」のアップデート方法は…

  1. アップロードが ”不要” なテーマ
  2. アップロードが ”必要” なテーマ

大きくこの2パターンで手順がわかれます

1. アップロードが ”不要” なテーマとは?

WordPressに標準で有効化されている「Twenty ●●●●●」シリーズを始め、WordPress管理画面から直接選んでインストールできるテーマ(「無料テーマ」と呼ばれるものの多くは、こちらに該当)

代表的なテーマ

テーマの導入方法

WordPress管理画面から 外観 > テーマ > 新規追加 で好きなテーマを選んで、インストール > 有効化

2. アップロードが ”必要” なテーマとは?

個別のサイトからまずはダウンロードし、WordPress管理画面からアップロードすることで使えるようになるテーマ(「有料テーマ」と呼ばれるものの多くは、こちらに該当)

代表的なテーマ

テーマの導入方法

個別サイトから該当テーマを(有料テーマの場合は購入して)ダウンロード > WordPress管理画面から 外観 > テーマ > 新規追加 > アップロード > ダウンロードしたテーマファイルを選択して「アップロード」 > インストール > 有効化

そして今回ご紹介するのは、上記2パターンのうち…

2. アップロードが ”必要” なテーマ

におけるアップデート手順です

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

  1. STINGER STOREにて、最新バージョンのテーマファイルを「ダウンロード」する
  2. WordPress管理画面にて、最新バージョンのテーマファイルを「アップロード&インストール」する
  3. 最新バージョンのテーマを有効化する【重要:子テーマを使ってる場合は有効化しない!】
これだけ見ると難しそうかもだけど、実際は超簡単だよ!

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

AFFINGERタグ管理マネージャー3 01

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

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

About me

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

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

あずき

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

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

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

Twitter

注意

テーマのアップデートについては、あらかじめデータをバックアップされたうえでご自身の判断と責任のもとお願いいたします

アップデートされたことで生じたいかなる損失、損害についても当ブログでは一切の責任を負いかねます

関連:WordPressプラグイン「BackWPup」の基本的な設定方法【ブログに必須なバックアップ】

【2020年8月版】WordPressテーマ「WING AFFINGER5」におけるアップデート方法【有料テーマのバージョン更新】

ステップ①:STINGER STOREにて、最新バージョンのテーマファイルを「ダウンロード」する【購入ユーザー限定ページ一覧から】

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

【ステップ①】は、最新バージョンのテーマファイルを「ダウンロード」していきます

まずは「STINGER STORE」にアクセス&ログインして、マイページ内の…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-1-01

↑「購入ユーザー限定ページ一覧」をクリックしましょう

つづいて、 商品ページ > WordPressテーマ という見出し内の…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-1-02

↑ 該当するテーマ名をクリックします(ここでは例として「WING(AFFINGER5)」を選択します

実際に購入して使ってるテーマのこと!

するとダウンロード画面に進むので…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-1-03

↑「最新版ダウンロード」という見出し内にある…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-1-04

↑ 最新版のテーマファイルの場所を見ます

その前後に記載されている一連の注意事項をチェックして、内容に問題がなければ「承諾事項を了承の上、ダウンロードする」ボタンをクリックしましょう

「WING AFFINGER5」のアップデート方法 2020年8月版 1-1-05

↑ ダウンロードが完了すると、このように画面下部にポップアップバーが表示されます

※画像は「Windows10」の場合の表示例です

これで、【ステップ①】の「ダウンロード」はもうOK

つづいて【ステップ②】へ!

AFFINGERタグ管理マネージャー3 01

ステップ②:WordPress管理画面にて、最新バージョンのテーマファイルを「アップロード&インストール」する【 外観 > テーマ > 新規追加 > アップロード 】

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

【ステップ②】では、【ステップ①】でダウンロードした最新バージョンのテーマファイルを「アップロード&インストール」していきます

まずはWordPress管理画面から…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-2-01

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

つづいて、画面上部の…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-2-02

↑「新規追加」をクリックし…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-2-02-2

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

つづいて…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-2-03

↑「ファイルを選択」をクリックし…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-2-04

↑【ステップ①】でダウンロードした最新バージョンのテーマファイルを選択していきます

「Windows10」の場合は、画面左にある「ダウンロード」という場所を開くと、そのなかに保存されているはずです

ただ!

いざテーマファイルが保存されている場所(通常は「ダウンロード」内)を開いてみると…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-2-05

↑ このように、「今までの各バージョンのテーマファイル」が似たような名前で保存されていると思います

ややこしい…

このなかで、どれが最新バージョンかを確かめるには、各フォルダ上で「右クリック」して…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-2-06

↑「プロパティ」を選択し、そのなかの…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-2-07

↑「全般」タブ内にある「作成日時」という場所を見れば、いつダウンロードしたフォルダか確認できます

ということで、最新バージョンのテーマファイルを無事選択できたら…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-2-08

↑ 右下の「開く」をクリックして…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-2-09

↑「今すぐインストール」ボタンをクリックしましょう

「WING AFFINGER5」のアップデート方法 2020年8月版 1-2-10

↑ このように「テーマのインストールが完了しました」と表示されたら、【ステップ②】の「アップロードとインストール」は完了です

つづいて、ラストの【ステップ③】へ!

AFFINGERタグ管理マネージャー3 01

ステップ③:最新バージョンのテーマを有効化する【重要:子テーマを使ってる場合は有効化しない!】

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

最後の【ステップ③】では、【ステップ②】でアップロード&インストールした最新版のテーマを「有効化」します

必ず読んでください

「AFFINGER5」の ”子テーマ” を使用している場合は、インストールした最新版の親テーマは「有効化」しなくてOKです(というか、しちゃダメ!)

子テーマを使うには…

  • 有効化しておくのは常に子テーマ側!
  • 最新版の親テーマは(有効化せずに)インストールしたまま残しておく!

という必要があるためです

「親テーマと子テーマってなに…?」という方はこちら ↓(超重要!)

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

続きを見る

子テーマを使っている場合は、このあとの「親テーマの有効化」の解説はスルーしていただいて、最後の「古い親テーマの削除」のステップだけ行えばOKです

ということで、まずは「子テーマは使っていない場合」における「最新バージョンの親テーマの有効化」の方法です

WordPress管理画面から…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-3-01

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

すると、現在有効化している旧バージョンのテーマのほかに…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-3-02

↑ このように、(使用中の旧バージョンと)同じ名前の「最新バージョン」のテーマが表示されているはずです

この最新バージョンのアイコン上にカーソルを合わせると…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-3-03

↑ このようにボタンが現れるので、「有効化」をクリックしましょう

「有効化が完了しました」という旨のメッセージが表示されれば、アップデートは無事完了です

注意

テーマのアップデートが完了したら…

  • 「AFFINGER5 管理」設定の更新(WordPress画面 > AFFINGER5 管理 > 設定はいじらずに「保存」をクリックだけでOK!)
  • パーマリンク設定の更新(WordPress管理画面 > 設定 > パーマリンク設定 > 同じく「保存」をクリックだけでOK!)
  • WordPressキャッシュのクリア(プラグイン「WP Fastest Cache」がおすすめ!)

この3つを忘れずに行っておきましょう

これらを行わないままだと、一部エラー表示になってしまう可能性があります

合わせてどうぞ

「AFFINGER5 管理」のおすすめ設定例:前編 アイキャッチ
「AFFINGER5 管理」のおすすめ設定例を全公開:前編【デザイン/トップページ/投稿・固定記事/ヘッダー/メニュー】

続きを見る

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

続きを見る

WordPressプラグイン「WP Fastest Cache」の基本的な設定方法 アイキャッチ
【2020年版】WordPressプラグイン「WP Fastest Cache」の基本的な設定方法【ブログのキャッシュ削除】

続きを見る

つづいてここからは…

「子テーマ」を使用している場合のアップデート手順

です

子テーマを使ってる場合は、インストールした最新バージョンのテーマを「有効化」する必要はありません(というかしちゃダメ)

その場合、するべきことは今まで入れていた「古い親テーマ」を削除するだけ

手順は次の通り!

WordPress管理画面 > 外観 > テーマ をクリックすると…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-3-05

↑ 子テーマ(AFFINGER5の公式子テーマの場合は「WING-AFFINGER5 Child」というテーマ名)が「有効化」されていることを確認したうえで、その右側に…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-3-06

↑ このように、まったく同じデザイン&テーマ名の…

  • 古い親テーマ
  • 今回アップロード&インストールした最新の親テーマ

の2つが並んでいるはずです

で、「古い方の親テーマ」を削除していくんですが、この状態だと「どっちが古い方かわからない」ですよね

ということで、それぞれのアイコン上をクリックしてみると…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-3-07

↑ このように、各テーマの「バージョン」の日付が右上に表示されます

ここで「古いテーマ」と「最新のテーマ」が判別できるので、「古い方のテーマ」のアイコンをクリックして…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-3-08

↑ 右下の「削除」をクリックすればOK

最終的に…

「WING AFFINGER5」のアップデート方法 2020年8月版 1-3-09

↑ このように…

  • 左端:有効化している「AFFINGER5」の ”子” テーマ
  • 右側:有効化していない「AFFINGER5」の最新の ”親” テーマ

という2つが残る形になります

↑ 画像例の真ん中のテーマ(Twenty Twenty)は関係ないよ

おしまい♪

あずき(Twitter:@azuki_rinrin

AFFINGERタグ管理マネージャー3 01

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

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

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

About me

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

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

あずき

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

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

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

Twitter

-WORDPRESS

© 2020 あずきのぶろぐ