WORDPRESS

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

WordPressテーマ「WING AFFINGER5」の購入&導入手順 アイキャッチ
 

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

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

あずきです🐥

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

WING AFFINGER5」の購入 & 導入手順

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

具体的には…

「WING AFFINGER5」をいざ購入してから、ブログのWordPressテーマを切り替えるまで

を指します

大きく3ステップです

  1. 「WING AFFINGER5」を購入する
  2. 購入した「WING AFFINGER5」をダウンロードする
  3. ダウンロードした「WING AFFINGER5」を、WordPressにアップロード&インストールして「有効化」する

画像つきで1からわかりやすく解説していきますね

全然むずかしくないからご安心を

またこの記事の最後では、「WING AFFINGER5の購入&導入」を済ませたあとにすべき基本ステップまで、あわせてご紹介しています

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

 

ちなみに

「WING AFFINGER5」に限らず、WordPressテーマの導入はもともとの「親テーマ」ではなくその「子テーマ」に切り替えるのが一般的かつオススメです

ちなみに「WING AFFINGER5」では、公式の子テーマ「WING AFFINGER5 Child」が付属されています

 

「親テーマと子テーマってなに…?」という方はこちら

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

続きを見る

 

「子テーマ」側を使うことで、テーマのアップデート時に「せっかく行ってきたカスタマイズをリセットさせない」というメリットがあります

ただし!

最終的に「子テーマ」を導入するにしても、「親テーマ」のインストール自体はいずれにしろ必須となります

結論、おすすめなステップは下記の通りです ↓

 
  1. まずは通常の親テーマ(=WING AFFINGER5)で、インストール & 有効化まで行う ←今回の手順!
  2. そのうえで、付属の公式子テーマ(= WING AFFINGER5 Child)を導入する
 
 

「WING AFFINGER5」子テーマの導入手順はこちら

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

続きを見る

 

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

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

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

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

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

続きを見る

 

About me

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

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

あずき

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

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

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

Twitter

【WordPress】WING AFFINGER5における、テーマの購入 & 導入方法【ダウンロード&解凍/アップロード&インストール/有効化】

ステップ①:WING AFFINGER5を購入する【インフォトップから】

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

まずは、「WING AFFINGER5」にアクセスします

つづいて画面を下の方にスクロールしていき…

「WING AFFINGER5」の購入&導入手順 1-1-01

↑「ご購入はこちら」ボタンをクリックします

ここから、「WING AFFINGER5」の販売サイトである…

「WING AFFINGER5」の購入&導入手順 1-1-02

↑「インフォトップ」内のご購入画面に切り替わるので…

  • 「インフォトップ」のご利用が以前にもある方 → 「会員登録済みの方はこちら」
  • 「インフォトップ」のご利用が初めての方 → 「初めてインフォトップをご利用の方はこちら」

上記の当てはまる方のボタンをクリックしましょう

 

ちなみに

インフォトップは、2006年設立で「プライバシーマーク認定企業」の株式会社ファーストペンギンが運営するサービスです

またカード決済システムについては、国際的セキュリティ基準であるPCIDSSに準拠しています

「WING AFFINGER5」の購入&導入手順 1-1-02-b

 

初めてインフォトップを利用される場合は…

「WING AFFINGER5」の購入&導入手順 1-1-03

↑ 登録画面が表示されるので、一通り入力していきます

つづいて…

「WING AFFINGER5」の購入&導入手順 1-1-04

↑ お支払いの画面になるので…

  • クレジットカード
  • 銀行振り込み

のなかから、任意のお支払い方法を選択します

※銀行振り込みの場合、ご購入後、お支払い方法が記載されたご注文内容のメールが送信されます。 必ずご確認ください。お支払いを済ませると、即日~翌営業日午前中に入金確認が行われ、決済完了となります。

ちなみに…

  • 振り込みの手間を省きたい
  • 振り込み手数料も省きたい

といった場合は、「クレジットカード」でのお支払いがおすすめです

あとは、画面の注意事項と、プライバシー・ポリシー及び購入者利用規約に同意できたら…

「WING AFFINGER5」の購入&導入手順 1-1-05

↑「注文内容を確認」ボタンをクリックします

最後にご注文内容を確認して問題なければ、そのまま購入を済ませて【ステップ①】は完了です

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

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

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

ステップ②:購入した「WING AFFINGER5」をダウンロードする【インフォトップの「注文履歴 ダウンロード」から】

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

【ステップ②】では、【ステップ①】で購入した「WING AFFINGER5」のテーマファイルを…

(自身のパソコンに)ダウンロード

していきます

ここも簡単!

まずは【ステップ①】で購入&会員登録した「インフォトップ」にアクセスして、画面右上の…

「WING AFFINGER5」の購入&導入手順 1-2-01

↑「購入者ログイン」というところからログインしましょう

無事ログインができたら、(会員ページ)TOP画面の上部メニューにある…

「注文履歴 ダウンロード」

という項目をクリックします

すると「購入済み商品」の一覧が表示されるので、「WING AFFINGER5」という項目内にある…

「ダウンロード」

というボタンをクリックすればOK

ここから(購入したテーマファイルの)ダウンロードが始まり、通常は数秒ですぐに完了します

つづいて、自身のPCにダウンロードされた「WING AFFINGER5」のテーマファイルを開いていきます

「Windows10」を例に解説するよ!

PC画面1番下の(黒い横長の)バーのなかにある…

「WING AFFINGER5」の購入&導入手順 1-2-02

↑ こちらの「エクスプローラー」アイコンをクリックして開きましょう

ダウンロードしたファイルは、通常このなかの…

「WING AFFINGER5」の購入&導入手順 1-2-03

↑「ダウンロード」という場所に入っているので、こちらを開きます

すると…

「WING AFFINGER5」の購入&導入手順 1-2-04

↑ このように、「wing_af5_dl.zip」という ”ZIP形式” のフォルダが保存されています

”ZIP形式” っていうのは、容量を抑えるために圧縮されたフォルダのこと!

で!

この圧縮されたフォルダの中身を取り出したいので、ここから「解凍」していきます(といっても超簡単!)

この「wing_af5_dl.zip」のフォルダアイコン上で右クリックをして…

「WING AFFINGER5」の購入&導入手順 1-2-05

↑ 開いたメニューのなかから、「すべて展開」を選択するだけ

これで、圧縮フォルダが「解凍」されます

つまり、なかに入ってるファイルが取り出せるようになるよ

すると、「解凍」したフォルダの ”保存先” を指定する画面になるので、ここではとりあえず…

「WING AFFINGER5」の購入&導入手順 1-2-06

↑「展開」をそのままクリックすればOK

すると、さきほどの圧縮フォルダ「wing_af_dl.zip」と同じように エクスプローラー > ダウンロード のなかに…

「WING AFFINGER5」の購入&導入手順 1-2-07

↑「wing_af_dl」という ”解凍済み” のフォルダが保存されます

この「wing_af_dl」フォルダを開いてみると、いくつかのファイルと一緒に…

「WING AFFINGER5」の購入&導入手順 1-2-08

↑「必ずお読みください.txt」というファイルが入っているので、まずはこのファイルを開いて、なかの説明に目を通しておきましょう

この「必ずお読みください.txt」の中身をチェックしたら、その画面はもう閉じてしまってOK

これで、【ステップ②】も完了です

それ以外のファイルはここでは開かなくて大丈夫!

つづいて、いよいよ最後の【ステップ③】に入っていきましょー🐥(もうゴールは目前!)

 

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

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

ステップ③:ダウンロードした「WING AFFINGER5」を、WordPressでアップロード&インストールして「有効化」する【外観 > テーマ から】

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

最後の【ステップ③】では、【ステップ②】で解凍したフォルダ「wing_af5_dl」内に入っているテーマファイルを…

WordPress側でアップロード & インストールして「有効化」

していきます

ここも超簡単だからご安心を!

まずはWordPress管理画面から…

「WING AFFINGER5」の購入&導入手順 1-3-01

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

つづいて、画面上部の…

「WING AFFINGER5」の購入&導入手順 1-3-02

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

「WING AFFINGER5」の購入&導入手順 1-3-03

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

つづいて…

「WING AFFINGER5」の購入&導入手順 1-3-04

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

「WING AFFINGER5」の購入&導入手順 1-3-05

↑【ステップ②】で解凍して保存したフォルダ「wing_af5_dl」が入っている場所を開きます

今回の例では「ダウンロード」のなか!

「WING AFFINGER5」の購入&導入手順 1-3-06

↑「wing_af5_dl」を見つけたら、このフォルダを開いて…

「WING AFFINGER5」の購入&導入手順 1-3-07

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

すると、そのフォルダ内に…

「WING AFFINGER5」の購入&導入手順 1-3-08

↑ このように、「affinger5.zip」というまたZIP形式のファイルがあるので、こちらをダブルクリックして選択します

似た名前で、「affinger5」と「affinger5-child.zip」というフォルダもあるので注意!

選択したら…

「WING AFFINGER5」の購入&導入手順 1-3-09

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

「WING AFFINGER5」の購入&導入手順 1-3-10

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

最後に、またWordPress管理画面の左側一覧から…

「WING AFFINGER5」の購入&導入手順 1-3-11

↑ 外観 > テーマ でテーマ設定のページを開き直して…

「WING AFFINGER5」の購入&導入手順 1-3-12

↑ インストールされた「WING-AFFINGER5」のアイコン上にカーソルを合わせます

すると…

「WING AFFINGER5」の購入&導入手順 1-3-13

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

「WING AFFINGER5」の購入&導入手順 1-3-14

↑「新しいテーマを有効化しました」というメッセージが表示されたら、「WING AFFINGER5」の導入は無事完了です

大変お疲れさまでした♪

AFFINGERデビューおめでとう!!!

WING AFFINGER5の購入・導入までできたら…【そのあとにまず行うべき基本ステップまとめました】

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

今回ご紹介した「AFFINGER5の購入・導入」を済ませたあとにまず行うべきステップについて

ズバリ、次の5つです

 
  1. 【超重要】付属の公式「子テーマ」を導入する
  2. 【必須】「AFFINGER5 管理」と「パーマリンク設定」の更新を行う
  3. 【推奨】付属の「クレジット削除プラグイン」を導入する
  4. 【必須】STINGER STOREで、ユーザー登録と「購入ページ利用申請」を行う
  5. 【超重要】無料配布中の「STINGERタグ管理プラグイン3」を導入する

※「AFFINGER5」及び「STINGER PRO2」購入者限定のキャンペーンです。 配布期間は未定で、予告なく終了する場合があります。 キャンペーン終了後のダウンロードはできませんのでお早めにご対応ください。

 

つづきはこちら

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

続きを見る

 
 

おしまい♪

あずき(Twitter:@azuki_rinrin

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

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

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

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

✔ 研ぎ澄まされた美しいデザインと、「変幻自在」に豊富なバリエーション!

✔ 時間のかかる面倒だったカスタマイズも、「クリック1つ」で瞬時に実現!

✔ 「本気で戦う」ための、最適化されたSEO対策と収益UPの機能が標準装備!

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

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

関連:「AFFINGER5」の購入&導入ステップを画像つきで1から解説

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

続きを見る

 

About me

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

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

あずき

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

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

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

Twitter

-WORDPRESS

© 2020 あずきのぶろぐ