基本設定(Basic setting)

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

3824_install-zip

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

AFFINGER6を購入してダウンロードしたzipファイルから、インストールする手順を初心者さんにもわかりやすくご紹介します。

Question
Question

AFFINGER6のzipファイルどうする?

「AFFINGER6を購入したけど…どうやってインストールすればいいの?」

そんな不安を感じている方も多いのではないでしょうか。

はじめて有料のWordPressテーマを購入した場合、「zipファイルって解凍していいの?」「どうやって使うの?」と戸惑うこともありますよね。

この記事では、購入後にダウンロードできるAFFINGER6のZIPファイルを使ったインストール手順を、初心者さん向けにわかりやすく解説します。

テーマのアップロード方法はもちろん、zipファイルの解凍などの手順と注意事項をしっかり解説します。

「AFFINGER6の導入」で迷わない!初めてでも失敗せずに進められます。

こんな方におすすめ!

  • AFFINGER6を購入したけど、インストール方法がよくわからない
  • 「zipファイルってどう扱うの?」と戸惑っているWordPress初心者さん
  • テーマのアップロード〜有効化まで、失敗せずに進めたい

この記事でわかること!

  • 購入後のAFFINGER6のzipファイルの扱い方
  • WordPressテーマとしての正しいインストール手順
  • 「親テーマ」と「子テーマ」の役割
  • 解凍すべき「zip」ファイルと、解凍してはいけない「zip」ファイルについて

それではご覧ください。

前提: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管理|ダッシュボード|プラグイン
892_affinger6-sugoimokuji-lite-setup-1
AFFINGER6 限定特典!無料で使える SUGOIMOKUJI LITEの導入・設定・使い方を徹底解説

AFFINGER6を購入すると期間限定で無料でもらえるプラグイン「SUGOIMOKUJI LITE(すごいもくじ)」の導入手順・設定方法・カスタマイズ方法を初心者向けに解説!目次を見やすく最適化し、記事の読みやすさを向上させましょう。

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

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

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

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

AFFINGER6の導入ステップまとめ

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

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

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

この記事がお役に立てば嬉しいです。

「最後まで、ご観覧いただきありがとうございました。」
また、次の記事で…お会いしましょう。\^^/

-基本設定(Basic setting)