WordPress

【図解あり】アフィンガーの購入方法・初期設定を利用者が徹底解説!

はや@ブログ専門家

▶ブログ開設のプロが運営 ▶ 寝る暇さえあればブログを研究 ▶ A8.netブラックランク達成 ▶ こんな情報が欲しいんだけど?という人は「お問い合わせフォーム」からお気軽にどうぞ!▶ ハヤブロはあなたの悩みを瞬時に解決することをモットーに運営しています!

 

ご覧いただきありがとうございます。

 

アフィンガー利用歴4年、アフィンガー公式サイトでも紹介されている「はや」と申します。

 

今回は、アフィンガーを実際に購入するときの手順を画像付きで丁寧に解説していきます。

 

当ブログではわかりやすく「アフィンガー」と書いていますが「AFFINGER」「WING(AFFINGER5)」すべて同一のものですのでご安心ください。

 

間違えて購入してしまうと非常にもったいないので、じっくりと読んでいってくださいね。

 

前向き女子
アフィンガーを手に入れてもっともっと稼げるようになりたーい!

 

筆者について

 

アフィンガーの購入から導入までのながれ

まずはアフィンガーの購入からWordPressに導入するまでの大きな流れをご紹介します。

 

アフィンガー公式サイトに入る

アフィンガーの販売方法は2つあります。

  • 「公式サイト」から直接入る
  • 「提携サイト」から「公式サイト」に入る

 

違いは単純でアフィンガーの無料追加特典がもらえるかもらえないかの違いです。

 

公式サイトへ直接入ると追加の特典は受けられません。提携サイトから公式サイトは入ると提携サイトが作成した特典をもらうことができ断然「提携サイト」から公式サイトへ入った方が損はしません。

例えば、本家のUQ WiMAXで直接契約するよりも「キャッシュバックが多いGMOとくとくBB WiMAXで契約した方が断然お得」と同じ理由ですね。

 

本導入手順では、「提携サイト」を使った手順をご紹介します。

 

販売サイトのインフォトップに入る

アフィンガーはインフォトップという販売ページで販売されていますので、インフォトップのアフィンガー販売ページへ移動します。

 

インフォトップでアフィンガーの購入手続きをする

アフィンガーを購入するための手続きを行い、料金を支払います。

 

マイページでアフィンガーをダウンロード

手続き完了後、ログインIDとパスワードを使ってマイページへ移動し、アフィンガー本体と無料特典を受け取ります。

※ちなみにアフィンガーのアップデートファイルはインフォトップではなく、アフィンガー公式サイトで入手します。

 

STINGER STOREでユーザー登録

インフォトップと同じユーザー名を使ってユーザー登録を行います。

 

これは今後アフィンガーのアップデートを受けるためや、最新アフィンガーテーマの先行バージョンを受けるために必要ですので、実施します。

 

以上がアフィンガーを導入するまでの大きな流れです。

 

前向き女子
サイトをいくつか移動するのね…。なんか迷うそうな気がするけどきっと大丈夫よね!

 

本記事で手順を詳しく説明していますのでそこはご安心ください!
はや

 

それでは、アフィンガーの導入方法について詳しく説明していきますね。

 

アフィンガーの導入方法

 

早速アフィンガーの導入方法を見て行きましょう。

 

大きく3ステップで構成しています。

  • アフィンガーの特典が良いサイトから購入する
  • ダウンロードする
  • WordPressに紐づける

 

上記の順序で説明しますね。

 

アフィンガーの特典が良いサイトから購入する

アフィンガーは「アフィンガー公式サイトで購入するパターン」「アフィンガー提携サイトから無料特典付きで購入するパターン」の2つがあります。

 

今回は無料特典が受け取れる場合の導入手順を「WordPressテーマ 「WING(AFFINGER5)」」を使ってご紹介していきます。
はや

 

アフィンガー公式サイトでもおすすめのサイトとして紹介されていますので、ご安心いただければ嬉しいです。

 

当ブログがお付けしている特典内容は下記のとおりです。着せ替えテーマや構築・記事添削のサポートまでを行っているところはほとんどないのでかなり有利ブログを始めることができます。

  • AFFINGER5専用着せ替えテーマ「ガジェットブルー」
  • ワードプレス構築サポート
  • 記事添削5記事サポート
  • 当ブログ使用プラグインの紹介

 

まずはアフィンガーを特典付きで購入しましょう。
はや

 

下記にリンクを置いておきますね。

 

販売サイト:https://affinger.com/wordpress_wing_affinger5_infotop/

 

前向き女子
おー。大きなライオンの絵が見えたよ。これがアフィンガーの公式サイトなのかな?

 

大きなライオンの絵が表示されましたらそれはアフィンガー公式サイトです。

 

ライオンの絵が見えたら、画面を下へスクロールしましょう。

 

購入ボタンがありますので、クリックをします。

 

購入する商品名と価格を確認し画面を下へスクロールします。

 

特典内容が表示されますので、一度目を通しておいてくださいね。

 

特典説明の下に下図のようなボタンが表示されますので、該当する部分をクリックします。今回は「初めてインフォトップをご利用の方はこちら」をクリックして進めて行きます。

 

個人情報入力画面が表示されますので、間違えないように入力しましょう。パスワードは「パスワードを表示する」を有効にしておくと入力ミスを防げますよ。

 

お支払い方法を選びましょう。「クレジットカード」「銀行振込・郵便振替」が選べます。今回はクレジットカードで進めて行きます。

 

「規約に同意してカード情報入力へ」をクリックします。

 

クレジットカード情報を入力し「決済実行」をクリックします。

 

以上で特典付きアフィンガーの購入は完了です。

 

購入作業お疲れ様でした。
はや

 

前向き女子
無事に注文できたみたい!迷わず買えましたー!手順が丁寧だったので初めての人でも安心ね。

 

続いてアフィンガーをダウンロードする手順に移ります。

 

ダウンロードする

購入が完了しましたら、インフォトップのトップページへ移動します。

 

https://infotop.jp/

 

購入者ログインをクリックします。

 

アフィンガー購入時に登録したメールアドレスとパスワードを使用してログインをします。

 

マイページへ移動しますので、「注文履歴ダウンロード」をクリックします。

 

赤枠の部分にダウンロードボタンが表示されますので、ダウンロードボタンをクリックします。

※下図はダウンロード期限が切れてしまいましたので、「ー」表示となっています。

 

なお、同ページ(下へスクロール)に当ブログからアフィンガーをご購入いただけた場合は、特典もダウンロードができますので、忘れずに入手してくださいね。
はや

 

下図は特典作成前なので、表示がありません。

 

ダウンロードが完了すると下図のファイルがダウンロードされますので、一度だけファイルを展開しましょう。

 

フォルダを開いていきます。

 

「WordPressテーマ」フォルダと「必ずお読みください.txt」があることをチェックします。2021年2月現在「クレジット削除プラグイン」と「特典」フォルダはない場合があります。

 

「WordPressテーマ」フォルダを開き下記の2つがあることを確認します。2つのファイルはzipファイルになっていますが展開は不要です。

 

以上でアフィンガーのダウンロードは完了です。

 

前向き女子
ふう。パソコン操作はやっぱりなれないわね…。でもここまでなんとかできたよ!

 

お疲れさまでした。

 

続いて、アフィンガーをWordPressに紐づける作業に移ります。

 

WordPressに紐づける

WordPressテーマでは親テーマと子テーマの二つに分かれていることが多いです。

 

親と子に分かれている理由は「テーマのアップデートによるデザインや設定の初期化を防ぐため」です。

 

それでは、アフィンガーをWordPressに紐づける(インストールする)手順についてお話していきます。
はや

 

インストール順序は「親テーマ」「子テーマ」とインストールしていきます。

 

まずはワードプレスの管理画面に入りましょう。

 

管理画面の入り方は「https://あなたのドメイン/wp-adminです。

 

管理画面に入りましたら、「外観」「テーマ」と移動しましょう。

 

「新規追加」をクリックします。

 

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

 

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

 

「affinger5.zip」を選択し、「開く」をクリックします。affinger5.zipは親テーマです。

 

ファイル名(affinger5.zip)を確認し、「今すぐインストール」をクリックします。

 

「テーマのインストールが完了しました。」というメッセージが出ましたらアフィンガーのインストールは完了です。「テーマページへ移動」をクリックします。

※有効化にはしないのでご注意ください。

 

アフィンガー(WING-AFFINGER5)がインストールされました!

 

再度「新規追加」をクリックします。今度は「子テーマ」をインストールするためです。

 

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

 

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

 

「affinger5-child.zip」を選択し、「開く」をクリックします。

 

ファイル名を確認し「今すぐインストール」をクリックします。

 

「テーマインストールが完了しました。」と表示されましたら「有効化」をクリックします。

 

「WING-AFFINGER5 Child」がインストールされ、WordPressにテーマが紐づけられました。WING-AFFINGER5 Childは「子テーマ」です。サイトを表示とありますので、クリックしてページを見てみましょう。

 

非常にシンプルですが、アフィンガーのテーマが適用されたことが確認できます。

 

おめでとうございます。

 

前向き女子
ひー。夢中で操作頑張ったよ。説明があったおかげでここまでなんとかできた!やっぱり丁寧な説明のある記事はすごく助かるわね。

 

アフィンガーの導入は以上で終了です。

 

次にアフィンガー導入後にやっておきたい初期設定を行ってすべての手順が終了になります。

 

もう一息ですのでもう少しだけお付き合いください!
はや

 

前向き女子
ま、まだあるのね…!がんばるよ!

 

アフィンガー導入後にやっておきたい初期設定

 

WordPressにアフィンガーをインストール後にやっておきたいことを紹介してます。

 

大きく3つです。

  • 初期設定の有効化
  • アフィンがー公式への登録
  • アフィンガーをアップデートする
  • プラグイン「Classic Editor」のインストール

 

ひとつずつ説明します。

 

初期設定の有効化

アフィンガーをこれからカスタマイズしてデザインを楽しむ前にやっておくことが2つあります。

  • パーマリンクの設定
  • AFFINGER設定の有効化

 

ここで紹介する設定はアフィンガーをアップデートする際に必ず行う設定ですので、覚えておくと良いですよ。

 

前向き女子
メモメモっと。

 

「設定」「パーマリンク設定」と進み、パーマリンクを設定します。「おすすめは投稿名」です。設定が終わりましたら「変更を保存」をクリックして作業は完了です。

 

次はAFFINGER設定の有効化です。

 

AFFINGER5 管理をクリックし、「保存」ボタンをクリックします。作業はこれだけです。

 

ちなみにサイトを表示させると初期設定が反映され色がついていることが確認できます。

 

前向き女子
あ、色がついた!このままでもきれいなブログね。

 

アフィンガー公式への登録

アフィンガーテーマのアップデートやAFFINGER5(WING)の次期バージョンであるAFFINGER6(Action)への無料アップデートを行うにはアフィンガー公式サイトへの登録が必要です。

 

30日以内に登録をする必要がありますので、お早めに登録を済ませてください。アフィンガーのバージョンアップなど受けられなくなってしまいます。

 

前向き女子
それは危ないわね。忘れっぽいから記事見ながら設定しちゃおうっと。

 

WING(AFFINGER5版)購入ユーザー限定ページへアクセスします。

 

https://on-store.net/wing_af5_user/

 

アクセス後、画面をしたスクロールすると登録案内の説明がでてきますので、「コチラ」という文字をクリックしてください。

 

登録画面がでますので、指示に従って登録をします。

 

最後に「新規ユーザー登録」をクリックして作業は完了です。

 

アフィンガーをACTION(アクション)へアップグレードする

購入時に適用したアフィンガーは最新であるとは限りません。

 

アフィンガー公式サイトから最新バージョンをアフィンガーをダウンロードしてアップデートを行いましょう。

 

無料で次期バージョンのAFFINGER6にアップグレードできますよ。
はや

 

アップデートページは下記となりますので、クリックして進みます。

 

https://on-store.net/user_page/

 

「ログイン」という文字をクリックします。

 

「メールアドレス」「パスワード」を入力し、「ログイン」をクリックします。たまに「ロボットではない確認」がでます。

 

ログインできました。「購入ユーザー限定」ページへ移動します。

 

画面を下へスクロールし、「商品ページ」の項目から「AFFINGER6」をクリックします。

 

限定ページが開くので、「ダウロードはコチラ」をクリックします。

 

AFFINGER6 β版の項目で「β版」と「専用子テーマ」をダウンロードします。

 

ファイルがダウンロードされました。これらは「展開しなくてOK」です。「affinger.zipは親テーマ」「affinger-child.zipは子テーマ」です。

 

親テーマ(affinger.zip)をインストールします。

 

有効化は行わずに「テーマページへ移動」します。

 

親テーマであるACTIONがインストールされました!

 

同様の手順で子テーマのACTIONもインストールを実施しましょう。

 

子テーマなので、「有効化」をクリックします。

 

子テーマのACTIONがインストールと有効化が完了しました。サイトを覗いてみましょう。

 

問題なくサイトが表示されることを確認します。

 

最後に「パーマリンク」と「AFFINGER 管理」の設定を行ってアップデート作業は完了です。

 

前向き女子
アップデートもできたよ!でも、見た目って変わらないのね…。

 

機能が強化されたりしますが、見た目はブロガーごとで変わるので劇的な変化はあまりないんですよ。
はや

 

アフィンガーのバージョンアップ手順

アフィンガーは不定期ですがバージョンアップが行われています。不定期でありながら頻度が高く利用者から信頼を集めているのもこのバージョンアップが頻繁におこなわれていることも理由のひとつです。

 

バグ修正や機能追加が頻繁に行われているのも嬉しいですね。
はや

 

悩む男子
つねに最新機能が使えるってなんだか楽しそうね!

 

バージョンアップ手順をお話します。ACTIONへのアップグレードとほぼ同じですので、簡単ですよ。

 

ストアへ移動します。

 

>> https://on-store.net/user_page/

 

「ログイン」をします。

 

ログイン後、「購入ユーザー限定」をクリックします。

 

購入ユーザー限定ページに移動しました。

 

ページ中ほどにある「商品ページ」で街頭するAFFINGERを選びましょう。例では「ACTION β版」「EX版」で話を進めます。

 

ACTIONのページに移動しますので、「ダウンロードはコチラ」をクリックします。

 

ファイルをダウンロードしましょう。ファイルはzip形式のファイルになりますが「展開(解凍)」は不要です。

 

WordPressの管理画面に移動し、「外観」「テーマ」とたどり、「テーマのアップロード」「ファイルを選択」と移動します。

 

ファイルの選択画面に移動しますので、公式ストアでダウンロードしたファイルを選び「開く」をクリックします。

 

ファイル名(affinger.zip)を確認し、「今すぐインストール」をクリックします。

 

テーマはインストール済みと出ますが、バージョンアップなので図示している部分でバージョンが最新になっていることを確認し、「アップロードしたもので現在のものを置き換える」をクリックします。

 

「テーマの更新に成功しました。」のメッセージがでればバージョンアップは完了です。

 

最後に「パーマリンク」と「AFFINGER 管理」の設定を行ってバージョンアップ作業は完了です。

 

プラグイン「Classic Editor」のインストール

WordPRessでは記事をしぴつするためのエディターが2つ平行している状態です。

 

  • ブロックエディタ
  • クラシックエディタ(Classic Editor)

 

ブロックエディタはクラシックエディタに代わるいわば次世代エディターで、クラシックエディタはサポート終了がアナウンスされています。

 

おすすめはそのままブロックエディタなのですが、アフィンガーを含めまだまだクラシックエディタがメインです。

 

アフィンガーは両方に対応していますが、完全にブロックエディタにはなっておらずクラシックエディタの利用をおすすめしています。

クラシックエディタは無料です。

 

念のため、クラシックエディタのインストール方法について紹介しておきますね。
はや

 

step
1
WordPress管理画面から「プラグイン」の項目をクリックし、「新規追加」をクリック

 

step
2
「Classic Editor」がすぐ前に表示されていますので、「今すぐインストール」をクリック

 

インストール中…。数秒で終わります。

 

step
3
インストール完了後、「有効化」というボタンに変わるので、「有効化」をクリック

 

step
4
クラシックエディタのインストールと有効化が完了しました!

 

以上でクラシックエディタのインストール作業は完了です。

 


長らくの作業お疲れさまでした!

 

前向き女子
これでアフィンガーの導入手順は終わりなのね…!やり終えてみると簡単だったね。パソコン操作は疲れたけどね。

 

アフィンガーはやっぱりかっこいいなー!
はや

 

以上でアフィンガーの導入方法と初期設定の紹介は終わりです。

 

当ブログの特典を受け取られた方で設定方法がわからないなどございましたら気兼ねなくお問い合わせくださいね。

 

\ 詳しい確認はこちら /

アフィンガー公式サイト

※無料特典付き

 

最後までお読みいただきありがとうございました。

 

アフィンガーをお得に買う方法がないか気になる人はこちらをどうぞ。

アフィンガーにキャンペーンはある?通常価格と安く買う方法

続きを見る

 

  • この記事を書いた人

はや@ブログ専門家

▶ブログ開設のプロが運営 ▶ 寝る暇さえあればブログを研究 ▶ A8.netブラックランク達成 ▶ こんな情報が欲しいんだけど?という人は「お問い合わせフォーム」からお気軽にどうぞ!▶ ハヤブロはあなたの悩みを瞬時に解決することをモットーに運営しています!

-WordPress
-, ,