AFFINGER6：デザイン済みテンプレートを設定する方法【完全版】

AFFINGER6ではデザイン済みのテンプレートが数種類用意されています。

デザイン済みデータは公式マニュアルでダウロードできますが、それを設定する手順を説明していきます。

デザイン済みテンプレートを設定する為に準備すること

まず、デザイン済みのテンプレートを設定する為に次の３つのプラグインをインストールする必要があります。

• プラグイン「Customizer Export/Import」をインストールする
• プラグイン「Widget Importer & Exporter」をインストールする
• プラグイン「データ引継ぎプラグイン」をインストールする

プラグイン「Customizer Export/Import」をインストールする

「Customizer Export/Import」はカスタマイザー用のデータをインポートする為のプラグインです。

下画像の「カスタマイズ」のデータをインポートする為に必要になってきます。

「Customizer Export/Import」のインストール方法

「プラグイン」→「新規追加」から検索欄に「Customizer Export/Import」と入力して検索します。

「Customizer Export/Import」が表示されたら「今すぐインストール」をクリックし、続いて「有効化」をしておきます。

プラグイン「Widget Importer & Exporter」をインストールする

「Widget Importer & Exporter」はウィジェット用のデータをインポートする為のプラグインです。

下画像の「ウィジェット」のデータをインポートする為に必要になってきます。

「Widget Importer & Exporter」のインストール方法

「プラグイン」→「新規追加」から検索欄に「Widget Importer & Exporter」と入力して検索します。

「Widget Importer & Exporter」が表示されたら「今すぐインストール」をクリックし、続いて「有効化」をしておきます。

プラグイン「データ引継ぎプラグイン」をインストールする

「データ引継ぎプラグイン」はAFFINGER管理用のデータをインポートする為のプラグインです。

下画像の「AFFINGER管理」のデータをインポートする為に必要になってきます。

「データ引継ぎプラグイン」のインストール方法

「データ引継ぎプラグイン」は困ったことに無料のプラグインではなく「有料」のプラグインになります。

AFFINGERの公式サイトにて購入することができます。

データ引継ぎプラグイン

価格：２，９８０円（税込み）

AFFINGER６EX（アップグレード版）を購入すると特典として「データ引継ぎプラグイン」が付いてきますので、AFFINGER６EX（アップグレード版）なら使用できるテンプレートも増えますし、この機会にAFFINGER６EX（アップグレード版）を購入するのもお勧めです。

AFFINGER６EX（アップグレード版）

価格：１２，０００円（税込み）

「データ引継ぎプラグイン」「AFFINGER６EX（アップグレード版）」も公式サイトから購入可能です。

AFFINGER 公式サイト

購入についての詳細は公式ページから確認をお願いします。

「データ引継ぎプラグイン」購入後にWordPressにインストールする手順は、「プラグイン」→「新規追加」→「プラグインのアップロード」で購入した「データ引継ぎプラグイン」の圧縮フォルダを選択すればOKです。

購入した「データ引継ぎプラグイン」の圧縮フォルダは解凍しないようにしてください。

「データ引継ぎプラグイン」のインストールが完了したら「有効化」しておきます。

「データ引継ぎプラグイン」を利用すれば設定は簡単ですが、無くても設定することは可能です。

少し手間はかかりますが、「データ引継ぎプラグイン」無しで設定する方法も記事後半で解説していきます。

デザイン済みテンプレートを設定する手順

デザイン済みテンプレートを設定する手順は以下のようになります。

• 公式マニュアルで「デザイン済みデータ」をダウンロードする
• カスタマイザー用のデータをインポートする
• ウィジェット用のデータをインポートする
• AFFINGER管理用のデータをインポートする

①　 公式マニュアルで「デザイン済みデータ」をダウンロードする

公式マニュアルから「デザイン済みデータ」をダウンロードします。

記載の注意事項を良く確認して、利用規約の３箇所の「同意」にチェックをいれないとダウンロードすることはできません。

利用したい「デザイン済みデータ」をダウンロードします。

「デザイン済みデータ」はAFFINGER６　EX（上位版）専用があるので、使用しているバージョンに対応しているデータをダウンロードしてください。

ダウンロードが完了すると「デザイン済みデータ」の圧縮フォルダが保存されます。

拡張子「.zip」が付いたこんな感じの圧縮フォルダです。

この圧縮フォルダをまず「解凍」します。

「解凍」の手順はとても簡単です。

圧縮フォルダを右クリックして表示項目の「すべて展開」を選択すればOKです。

「解凍」された新しいフォルダが保存されるので、もとの圧縮フォルダは破棄してもらって大丈夫です。

拡張子「.zip」が外れたこんな感じのフォルダが保存されます

フォルダ内を確認すると３つのファイルを確認することができます。

DATファイル	カスタマイザー用のファイル
WIEファイル	ウィジェット用のファイル
JSONファイル	AFFINGER管理用のファイル

②　カスタマイザー用のデータをインポートする

まずカスタマイザー用のファイルである「DATファイル」をインポートします。

インポートする為に上記でインストールした「Customizer Export/Import」プラグインの機能を利用します。

「外観」→「カスタマイズ」に「エクスポート/インポート」が表示されるようになるのでそこを選択します。

「ファイルの選択」で「DATファイル」を選択して「インポート」をクリックします。

こんな感じにカスタマイズのデザインがインポートされます。

③　ウィジェット用のデータをインポートする

次にウィジェット用のファイルである「WIEファイル」をインポートします。

インポートする為に上記でインストールした「Widget Importer & Exporter」プラグインの機能を利用します。

「ツール」から「Widget Importer & Exporter」を選択します。

「ファイルの選択」から「WIEファイル」を選択して「ウィジェットのインポート」をクリックします。

これでウィジェットのデータをインポートできるはずですが、エラーとなり上手くインポートできない場合があります。

上手くインポートできない時は、「コピー＆ペースト」をクリックして表示される入力欄に「WIEファイル」の中身をコピペして「ウィジェットのインポート」をクリックしてください。

「WIEファイル」は「メモ帳」で開くことができるので、中身をコピーして入力欄にペーストします。

インポートが上手く終了すれば下のような画面が表示されます。

④　AFFINGER管理用のデータをインポートする

最後にAFFINGER管理用のファイルである「JSONファイル」をインポートします。

インポートする為に上記でインストールした「データ引継ぎプラグイン」の機能を利用します。

「AFFINGER管理」→「データの引き継ぎ」を選択します。

「ファイルの選択」から「JSONファイル」を選択して「インポート」をクリックします。

以上で「デザイン済みテンプレート」の設定は完了です。

「デザイン済みデータ」をインポートすると既存のデータに上書きされるので、すでにサイトをカスタマイズしている方は利用する前にバックアップを取っておくことをお勧めします。

また、注意事項について公式マニュアルをよく確認してから「デザイン済みデータ」を利用するようにしてください。

データ引継ぎプラグインを利用しないで設定する方法

• 公式マニュアルで「デザイン済みデータ」をダウンロードする
• カスタマイザー用のデータをインポートする
• ウィジェット用のデータをインポートする
• AFFINGER管理用のデータをインポートする

①～③までは上で解説した手順を行います。

④の「AFFINGER管理用のデータをインポートする」のに通常は有料の「データ引き継ぎプラグイン」が必要ですが、これをプラグイン無しで設定する方法です。

少し手間はかかりますが、この記事を参考にしていただければ設定は可能です。

「データ引継ぎプラグイン」を利用しない場合はデザイン済みテンプレートの「AFFINGER管理」の内容をそのテンプレートに合わせたものに手動で設定する必要があります。

ここの設定項目をテンプレートに合わせて変更します。

以下に使いたいデザイン済みテンプレートごとで「AFFINGER管理」で初期状態から変更が必要な場所をそれぞれ説明しています。

AFFINGER6/EX：デザイン済みデータ

AFFINGER6で利用できるデザイン済みデータは５種類（EX版でも利用可能）

• SIMPLE START
• Tidy2
• MUKU
• cloud
• Study Bear

SIMPLE START

「SIMPLE START」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

Tidy2

「Tidy2」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

MUKU

「MUKU」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

cloud

「cloud」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

Study Bear

「Study Bear」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

AFFINGER6EX限定：デザイン済みデータ

AFFINGER6EX版限定のデザイン済みデータです。

• INAZUMA 6EX
• Separate
• mocha 6EX
• MUKU EX
• Tidy2 EX
• WIDE / EX

INAZUMA 6EX

「INAZUMA 6EX」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

Separate

「Separate」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

mocha 6EX

「mocha 6EX」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

MUKU EX

「MUKU EX」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

Tidy2 EX

「Tidy2 EX」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

WIDE / EX

「WIDE / EX」のAFFINGER管理設定項目についてはこちらの記事を参考に設定してください。

AFFINGER6ではデザイン済みテンプレートの他にデザインカードというプラグインを利用したテンプレートも利用可能です。

デザインカードプラグインに関してはこちらの別記事をご覧になってください。

AFFINGER6の使い方

AFFINGER6の使い方については、このブログで詳しく解説しています。

AFFINGER6：関連記事