※当ページのリンクには広告が含まれております

ブログノウハウ

AFFINGER6のインストール・設定手順を解説【失敗談も紹介】

AFFINGER6のインストール・設定手順

こんなお悩みありませんか?

  • AFFINGER6のインストールは難しそう・・・
  • AFFINGER6の設定手順が分からない・・・

本記事に、AFFINGER6のインストール手順と、最初に絶対に行いたい初期設定手順をまとめています。

本記事を読みながら実際に作業を行ってみてください。

この記事で分かること

  • AFFINGER6のインストール手順
  • AFFINGER6のインストール後、最初に行いたい初期設定手順
  • AFFINGER6の初期設定を行わなかったことで、失敗し困った体験談(反面教師として確認ください)

ぜひ最後までご覧ください!

AFFINGER6(アフィンガー6)の概要

AFFINGER6(アフィンガー6)の概要

AFFINGER6(アフィンガー6)は必要なものは足し、不要なものは削除して徹底的な最適化が可能なWordPressテーマです。

高いカスタマイズ性で読者の心に残るブログを作成したい!そんな方におすすめのテーマといえます。

有名ブロガーをはじめ、非常に多くの方が利用しているテーマであるため、ネット上に情報が多数掲載されています。

そのため、検索すれば多くの情報を確認できるので初心者にも安心です。

AFFINGER6(アフィンガー6)の購入

AFFINGER6(アフィンガー6)の購入

以下サイトよりAFFINGER6の購入が可能です。

AFFINGER6(アフィンガー6)

料金は14,800円(税込)でWordPressテーマとしては平均的な価格です。

手順は以下の記事で説明しておりますので、まだ購入されていない方はこちらからどうぞ。

要チェック!
AFFINGER6の購入手順を簡単3STEPで解説【おすすめWordPressテーマ】

ぜひ最後までご覧ください! 目次1 AFFINGER6(アフィンガー6)の概要2 AFFINGER6(アフィンガー6)の商品情報3 筆者の経験:AFFINGER6(アフィンガー6)の購入手続きは10分 ...

続きを見る

AFFINGER6(アフィンガー6)のインストール手順

AFFINGER6(アフィンガー6)のインストール手順

AFFINGER6のダウンロード

購入時に届くメールよりマイページにアクセスし、注文時入力のメールアドレス・パスワードでログインします。

AFFINGER6をダウンロードするマイページURL記載メール

購入履歴よりAFFINGER6のzipファイルをダウンロードします。

私はすでにダウンロード期限を過ぎてしまっているためダウンロードボタンの表示がありませんが、購入手続き後14日間はダウンロードボタンが表示されています。

AFFINGER6を注文履歴よりダウンロード

ポイント

ダウンロードしたファイルは、Windows PCの場合、「ダウンロード」に保存されていることが多いです。

ダウンロードしたファイルがどこに保存されたか分からなくなった場合は、確認してみてください。

ダウンロードしたファイルの保存先フォルダ

zipファイルの展開

ダウンロードしたzipファイルを右クリックし、「すべて展開」をクリックします。

【圧縮(ZIP形式)フォルダーの展開】画面が表示されるので、展開ボタンをクリックします。

ダウンロードしたzipの展開

展開されたフォルダの中に以下のファイルが含まれています。

いくつかのフォルダがある場合には、各フォルダの中を確認してみてください。

展開後、格納されているファイル

ポイント

「affinger.zip」と「affinger-child.zip」は展開する必要はありません。

zip形式のまま、そのまま利用していきます。

以降の工程で「affinger.zip」と「affinger-child.zip」をWordPressにインストールしていきます。

親テーマのインストール

WordPressにログインし、外観>テーマをクリックします。

WordPress画面でテーマの画面を開く

新規追加ボタンをクリックし、テーマのアップロードボタンをクリック後、ファイルを選択ボタンをクリックします。

affinger.zipのインストールに向けたファイルの選択

ファイル選択ダイアログで、「affinger.zip」を選択し、開くをクリックします。

affinger.zipを選択

ポイント

公式でも「affinger.zip」⇒「affinger-child.zip」の順にインストールするようアナウンスされています。

必ず「affinger.zip」から進めていきましょう!

選択されたファイルが「affinger.zip」であることを確認し、今すぐインストールボタンをクリックします。

affinger.zipを今すぐインストール

テーマのインストールが完了しました。のメッセージが表示されれば、インストール完了です。

affinger.zipのインストール完了

子テーマのインストール

STEP03_親テーマのインストール時と同様に、外観>テーマをクリックします。

新規追加ボタンをクリックし、テーマのアップロードボタンをクリック後、ファイルを選択ボタンをクリックします。

affinger-child.zipのインストールに向けたファイルの選択

ファイル選択ダイアログで、「affinger-child.zip」を選択し、開くをクリックします。

affinger-child.zipを選択

選択されたファイルが「affinger-child.zip」であることを確認し、今すぐインストールボタンをクリックします。

affinger-child.zipを今すぐインストール

テーマのインストールが完了しました。のメッセージが表示されれば、インストール完了です。

affinger-child.zipのインストール完了

子テーマの有効化

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

AFFINGER Childにマウスカーソルをあわせ、有効化ボタンをクリックします。

affinger-child.zipの有効化

新しいテーマを有効化しました。のメッセージが表示され、AFFINGER Childが有効となればOKです。

affinger-child.zipの有効化完了

以上でAFFINGER6のインストール作業が完了です!お疲れさまでした!

続いて、初期設定を実施してしまいましょう!

AFFINGER6(アフィンガー6)の初期設定手順

AFFINGER6(アフィンガー6)の初期設定手順

AFFINGER管理 初期値の保存

WordPressメニュー内の「AFFINGER管理」をクリックします。

画面中央の「Save」ボタンをクリックします。

AFFINGERの初期値を保存

Gutenberg用プラグインのインストール・有効化

筆者の経験:Gutenberg用プラグインをインストールせず、デフォルトブロックしか使えない・・・

筆者の経験:Gutenberg用プラグインをインストールせず、デフォルトブロックしか使えない・・・

Gutenberg用プラグインの必要性

ブログの記事は、様々な装飾などを施したブロックを配置して進めていきます。

初期状態では、使用できるブロックの種類が非常に限られていて、自由な記事作成ができません。

本プラグインのインストールにより膨大な種類のブロックが利用可能になりますので、絶対にインストールしておきましょう!

ポイント

私はこのプラグインのインストールが必要だと気づいておらず、、、「なんで私の環境は、ネットで見るみんなが使っているきらびやかなブロックが使えないんだろうか・・・」としばらく悩みました。。。

私と同じ過ちをおかさないように、このタイミングでインストールしてしまってくださいね!

Gutenberg用プラグインのインストール・有効化手順

WordPressメニュー内の「プラグイン」>「新規追加」をクリックします。

WordPress画面でプラグインの新規追加画面へ遷移

プラグインのアップロードボタンをクリックし、ファイルを選択ボタンをクリックします。

プラグインのアップロード

ファイル選択ダイアログで、「st-blocks.zip」を選択し、開くをクリックします。

ポイント

「st-blocks.zip」はAFFINGERインストール手順の【STEP02_zipファイルの展開】で展開したフォルダ内に入っています。

テーマのzipファイルと同様に、「st-blocks.zip」は展開する必要はありません。

zip形式のまま、そのまま利用していきます。

st-blocks.zipの選択

選択されたファイルが「st-blocks.zip」であることを確認し、今すぐインストールボタンをクリックします。

st-blocks.zipの今すぐインストール

プラグインのインストールが完了しました。のメッセージが表示されれば、インストール完了です。

プラグインを有効化ボタンをクリックします。

st-blocks.zipのインストール完了・有効化

以上でGutenberg用プラグインのインストール・有効化が完了です!

参考

プラグインにより有効化されたブロックは、記事作成画面左側メニューのブロック>AFFINGERより使用できます。

プラグインで有効化されたブロックの使用方法

まとめ:AFFINGER6(アフィンガー6)のインストール・初期設定は難しくない!

まとめ:AFFINGER6(アフィンガー6)のインストール・初期設定は難しくない

AFFINGER6のインストールと初期設定手順を紹介しました!

思っていたよりも簡単だったのではないかと思います。

Gutenberg用プラグインがないと思うような記事が作成できませんので、初期設定手順の中で紹介した「Gutenberg用プラグインのインストール・有効化」は絶対に実施しましょう!

私のように、インストールを忘れたことで悲しい思いをしてしまわないようにご注意ください!

  • この記事を書いた人
  • 最新記事

ゴウ

・2022年4月:ブログ研究、情報収集開始
・2023年4月:自身のブログサイト「副業の種」立ち上げ
・研究内容とブログサイト立ち上げ経験を活かし、ブログのノウハウを発信中
・マーケティング、ライティングも並行して学習中
 読了した本の紹介などで知見を発信
・大手通信系企業の会社員(システムエンジニア)

-ブログノウハウ