【WordPress】アフィンガー5の購入と導入の手順を図解

株ブログの始め方

【WordPress】アフィンガー5の購入と導入の手順を図解

アフィンガー5を買いたいんけど、どこで買えばいいのかよく分からないし、WordPressにアフィンガーを設定するまでの手順もよく分からん

こんにちは、サラリーマン個人投資家の有馬です。今回はWordPress初心者に向けて、アフィンガー5の購入方法と導入手順を37枚の画像に沿って図解しました。

アフィンガーは購入の手順が分かりづらいですが、本記事に沿っていけばサクサク進められます。

この記事を読むメリット

  • アフィンガー5を購入する手順が分かる
  • アフィンガー5をWordPressテーマに設定できる

ではいきましょう。  

 

【WordPress】アフィンガー5の購入と導入の手順を図解

アフィンガー5を購入する方法

まずはアフィンガーの 公式ページ にアクセスします。

 

「ダウンロード」をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

STINGER STOREのページに移ったら下へスクロール。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

今回は WING(AFFINGER5版)を購入します。 「ショッピングカートに入れる」をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

「注文画面へ進む」をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解 

 

会員登録していきます。「次へ」をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

メールアドレスを入力して「確認メールを送信する」をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

下記のように表示されたら、メールを見に行きましょう。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

届いたメールのURLをクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

氏名などを入力したら「新規ユーザー登録」をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

今回はクレジットカードで支払います。「次へ」をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

「クレジットカードまたはデビットカードで支払う」をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

住所などを入力して、「同意して支払う」をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

「注文完了」と表示されました。OKです。これでアフィンガーが購入できました。

【WordPress】アフィンガー5の購入と導入の手順を図解  

アフィンガー5をWordPressテーマに設定する方法

購入したアフィンガーをWordPressのテーマに設定していきましょう。

 

info@on-store.netから届いている [STINGER STORE ご利用明細] 商品ダウンロードの御案内 のメールを開きます。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

下記のURLをクリックすると、自動でアフィンガーがダウンロードされます。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

とりあえずデスクトップに保存します。

【WordPress】アフィンガー5の購入と導入の手順を図解   右クリックして「すべて展開

 

(T)をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

「wing_af5_dl」フォルダが作成されました。開いてみましょう。

【WordPress】アフィンガー5の購入と導入の手順を図解  

 

 

「wing_af5_dl」フォルダには下記の5つが入っていました。「WordPressテーマ」フォルダを開きます。

【WordPress】アフィンガー5の購入と導入の手順を図解

「WordPressテーマ」フォルダには下記2つのzipファイルが入っています。この2つのzipファイルをWordPressにアップロードしていきましょう。

【WordPress】アフィンガー5の購入と導入の手順を図解 

 

 

WordPressの管理画面から「外観」から「テーマ」を選択。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

「新規追加」をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

「テーマのアップロード」をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

「ファイルを選択」をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

まずは「affinger5.zip」を選択します。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

「今すぐインストール」をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

「テーマのページに戻る」をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

次はもうひとつのzipファイルをアップロードしていきます。 「新規追加」をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

「テーマのアップロード」をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

「ファイルを選択」をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

「affinger5-child.zip」を選択。

【WordPress】アフィンガー5の購入と導入の手順を図解  

 

 

「今すぐインストール」をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

「有効化」をクリック。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

これでアフィンガーがWordPressテーマに設定されました。

【WordPress】アフィンガー5の購入と導入の手順を図解

 

 

webサイトを見に行くと、こんな感じになっていました↓

【WordPress】アフィンガー5の購入と導入の手順を図解 これで完了です。  

 

まとめ

以上、まとめておきましょう。

今回のまとめ

  • アフィンガーの公式ページからアフィンガーを購入する
  • 購入後に届くメールのリンクからアフィンガーをダウンロードする
  • 2つのZIPファイルをWordPressの管理画面からアップロードする
  • affinger-child.zipを有効化する
  今回は以上です。

-株ブログの始め方

© 2020 有馬アヤトの株ブログ Powered by AFFINGER5