初期設定

AFFINGER6の導入方法|zipファイルを使ったインストール手順を解説

AFFINGER6の導入方法とzipファイルを使ったインストール手順を解説

こんにちは "osaboo"です。"@osaboo_Bot"

これからAFFINGERを始めるなら、迷わずAFFINGER7がおすすめ!
AFFINGER6は販売終了のため、最新機能が使えるAFFINGER7を選びましょう。

AFFINGERのZIPファイルをWordPressにインストールする手順を、初心者向けに画像付きでわかりやすく解説します。

関連記事
まだAFFINGER6をインストールしていない方は、まず購入を済ませてから進めましょう。
購入方法や特典付きでお得に始める手順は、こちらの記事で詳しく解説しています。

AFFINGER6の購入方法と特典付きでお得に買う手順を解説
AFFINGER6の購入方法|特典付きでお得に購入する手順と購入前の注意点

AFFINGER6の購入方法を初心者向けに解説。特典付きでお得に購入する手順から、申し込みの流れや注意点までわかりやすくまとめています。

Question
Question

AFFINGERのZIPファイルをどうやってインストールするかわからない
親テーマと子テーマの入れ方がわからない
「テーマのアップロード」で迷ってしまった
インストール時の注意点も知っておきたい

こんなお悩みを解決します。

この記事でわかること!

  • AFFINGERのZIPファイルをインストールする手順
  • 親テーマ・子テーマの正しい導入方法
  • インストール時の注意点
  • Gutenberg(グーテンベルク)用プラグインのインストール手順
  • インストール後にやるべき初期設定

AFFINGER6を購入したものの、「zipファイルは解凍する?」「親テーマと子テーマはどちらを入れる?」と迷いますよね。

AFFINGERは最初にダウンロードしたzipファイルを一度だけ解凍し、その中にある「affinger.zip」と「affinger-child.zip」をWordPressへアップロードします。

この記事では、AFFINGER6のzipファイルを使ったインストール手順を、画像付きでわかりやすく解説します。

親テーマ・子テーマの導入方法はもちろん、インストール時によくあるトラブルや注意点も紹介しているので、初心者の方でも安心して設定を進められます。

それでは、AFFINGER6をWordPressへインストールする手順を順番に見ていきましょう。

「まずはブログを始めたい!」という方は、『WordPressブログ完全ガイド』をご覧ください。
開設から運営・収益化までを初心者向けに画像付きでわかりやすく解説しています。

前提:AFFINGER6はzipファイルで提供される

AFFINGER6は、購入後に「zipファイル形式」でダウンロードできるテーマです。

このZIPファイルは、解凍せずにそのままWordPressにアップロードする必要があります。

注意 ダウンロードファイルは一回だけ解凍「テーマファイルは zipファイルのまま使用します」
詳細は後述します。

特にMacを使っている方は要注意です。
初期設定によっては、ダウンロードと同時に自動的にzipファイルが解凍されてしまう場合があります。

そうなるとWordPressの「テーマアップロード機能」が使えなくなってしまうため、zipファイルのまま保持することがとても重要です。

このあと紹介する手順では、正しい保存方法とアップロード方法をしっかり解説していきますので、安心して進めてくださいね。^^/

この記事は、「AFFINGER6の購入方法|特典付きでお得に購入する手順と購入前の注意点」を読んだあとで、ご覧いただくのがおすすめです。

購入してダウンロードしたzipファイルとは?

AFFINGER6を購入すると、「action_af6_dl.zip」というファイルがダウンロードできるようになります。
通常は、ご自身のパソコンや任意のデバイスに保存されているはずです。

特に保存先を指定していなければ、「ダウンロード」フォルダーに保存されています。

以下の手順で解凍します。

ダブルクリック(右クリック>開く)
解凍前

3824-1|action_af6_dl|ダウンロードしたzipファイル
ダウンロードしたzipファイル
yajirusi-yoko-40x80

フォルダに展開されます。
解凍後

3824-2|action_af6_dl|解凍後フォルダ
フォルダ

展開されたフォルダ(action_af6_dl)の中身を確認してみましょう。

「action_af6_dl」フォルダの中には、「Gutenberg用プラグインとWordPressテーマ」の2つのフォルダがあり、それぞれの中に以下のzipファイルがあります。※ ここで表示されるzipファイルは解凍しません。

3824-3|Gutenberg用プラグイン|WordPressテーマ
yajirusi-yoko-40x80

Gutenberg用プラグインの中身

3824-4a||Gutenberg用プラグイン|st-blocks.zip

WordPressテーマの中身

3824-5a|WordPressテーマ|affinger.zip/affinger-child.zip

解凍について…

「action_af6_dl.zip」のみを解凍します(ダウンロードしたzipファイルを1回だけ解凍)

注意「st-clocks.zip」「affinger.zip」「affinger-child.zip」は、解凍せず使用します。

ZIPファイルを解凍して中身が確認できたら、最初にAFFINGER6をインストールします。

続けて、Gutenberg(グーテンベルク)用のプラグインもインストールしておきましょう。

AFFINGER6のインストール手順

AFFINGER6のインストールでは、以下2つのテーマをインストールします。

  • affinger.zip → 親テーマのインストール(はじめにインストール)
  • affinger-child.zip → 子テーマのインストール(次にインストール)

その前に…

Question
Question

なぜ、2つのテーマをインストールするの?

…という方は、次の章をご覧ください。「知ってるよ」という方は読み飛ばして「インストール手順」に進んで下さいね。

「親テーマ」と「子テーマ」の違いとは?

AFFINGER6を使いこなすために、「親テーマ」と「子テーマ」の違いをしっかり理解しておきましょう。

まず、親テーマとは、AFFINGER6本体のことを指します。テーマのアップデートによって新機能が追加されたり、不具合が修正されたりしますが、もしこの親テーマに直接カスタマイズを加えていた場合、アップデート時にその内容が上書きされてしまう可能性があります。

そこで活躍するのが子テーマです。子テーマを使えば、カスタマイズの内容は親テーマとは別に管理されるため、親テーマをアップデートしても、編集内容が消える心配がありません。

このように、安心してカスタマイズを行うには、子テーマの使用が欠かせません。

ただし、子テーマは単体では機能せず、親テーマとセットで使う必要があります。

また、インストールする順番も重要です。

  • まず「親テーマ(AFFINGER6)」をインストールし、
  • 次に「子テーマ(AFFINGER6 Child)」をインストールする

という手順を必ず守りましょう。順番を間違えると、テーマが正しく動作しないこともあります。

AFFINGER6を最大限に活用するためには、こうした「親テーマ」と「子テーマ」の役割を正しく理解し、適切に設定することがとても重要です。
正しい使い方をすれば、サイトの安定性と柔軟性をしっかり確保しながら、自分好みのカスタマイズも安心して楽しめます。

インストール手順

それではインストール手順をご紹介していきます。

Menu 『WordPress管理>ダッシュボード>外観>テーマ』をクリックします。

3824-6|WordPress管理|ダッシュボード|外観|テーマ

「テーマ」ページが表示されます。

『テーマを追加』をクリックします。

3824-7|WordPress管理|ダッシュボード|外観|テーマ|テーマを追加

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

3824-8|WordPress管理|ダッシュボード|外観|テーマ|テーマのアップロード

『ファイルを選択』をクリックします。

3824-9|WordPress管理|ダッシュボード|外観|テーマ|テーマのアップロード

親テーマをインストール(はじめにインストール)

デバイスから『affinger.zip』を選択します。(PC側の作業)

『今すぐインストール』をクリックします。

3824-10|WordPress管理|ダッシュボード|外観|テーマ|テーマのアップロード|affinger.zip

『有効化』をクリックします。

3824-13|WordPress管理|外観|テーマ|AFFINGER6|有効化

子テーマをインストール(次にインストール)

デバイスから『affinger-child.zip』を選択します。(PC側の作業)

『今すぐインストール』をクリックします。

3824-11|WordPress管理|ダッシュボード|外観|テーマ|テーマのアップロード|affinger-child.zip

『有効化』をクリックします。

3824-14|WordPress管理|外観|テーマ|AFFINGER6-CHILD|有効化

「子テーマ:AFFINGER Child」が有効になっていることを確認しましょう。

3824-12|WordPress管理|外観|テーマ|一覧

以上で「ACTION(AFFINGER6)」の「親テーマ」と「子テーマ」のインストールは完了です。

Gutenberg(グーテンベルク)用プラグインのインストール手順

「Gutenberg(グーテンベルク)用プラグイン = AFFINGER ブロック用プラグイン」
※ AFFINGER専用のブロックエディターを使用できるようにするためのプラグインです。

テーマのインストールが完了したら、AFFINGER6をブロックエディタ(Gutenberg)でしっかり活用するために、専用の「Gutenberg用プラグイン」も忘れずにインストールしましょう。

Menu 『WordPress管理>ダッシュボード>プラグイン>プラグインを追加』をクリックします。

3824-15|WordPress管理|ダッシュボード|プラグイン|プラグインを追加

『プラグインをアップロード』をクリックします。

3824-16|WordPress管理|ダッシュボード|プラグイン|プラグインを追加|プラグインのアップロード

『ファイルを選択』をクリックします。

3824-17|WordPress管理|ダッシュボード|プラグイン|プラグインを追加|プラグインのアップロード|ファイルを選択

デバイスから『st-blocks.zip』を選択します。(PC側の作業)

『今すぐインストール』をクリックします。

3824-18|WordPress管理|ダッシュボード|プラグイン|プラグインを追加|プラグインのアップロード|今すぐインストール

Menu 『WordPress管理>ダッシュボード>プラグイン>インストール済みプラグイン』をクリックします。

「AFFINGER ブロック」プラグインが表示・有効化されていれば完了です。

3824-19|WordPress管理|ダッシュボード|プラグイン

関連記事「SUGOIMOKUJI(すごいもくじ)LITE」について こちらの記事で詳しくご紹介しています。

SUGOIMOKUJI LITEの導入・設定・使い方とAFFINGER6での設定手順を解説
SUGOIMOKUJI LITEの導入・設定・使い方|AFFINGER6での設定手順を解説

SUGOIMOKUJI LITEの導入・設定・使い方を初心者向けに解説。AFFINGER6特典プラグインのインストール手順から設定方法、表示されない時の対処法までわかりやすくまとめています。

まとめAFFINGER6の導入方法|zipファイルを使ったインストール手順を解説

AFFINGER6の導入方法を初心者さん向けにご紹介しました。

AFFINGER6の導入手順は、最初はちょっとややこしく感じるかもしれませんが、流れに沿って進めれば大丈夫です。

もう一度、手順をおさらいしておきましょう。

AFFINGER6の導入ステップまとめ

  • 購入後のzipファイル(action_af6_dl.zip)を解凍
  • 中にある親テーマ(affinger.zip)をインストール
  • 子テーマ(affinger-child.zip)をインストールして「有効化」
  • Gutenberg用プラグイン(st-blocks.zip)をインストール&有効化
  • AFFINGER管理メニューが表示されていれば成功!

あとは、実際に記事を書いたり、カスタマイズしたりしながら少しずつ慣れていけばOKです。

AFFINGER6は機能が多いぶん最初は戸惑うかもしれませんが、自分のペースで進めていきましょう!

-初期設定
-,