AFFINGER6のテンプレート機能『デザイン済みデータ』をつかって実際にデザインの着せかえをしてみました。
まず最初に初心者には「デザイン済みデータ」をつかって着せ替えする方法はおすすめしません。
なぜなら、ぼく自身がこれをつかってうまくカスタマイズできなかったため・・・
ググりながらひとつずつデザインするほうが上手くいきますし、
「あとから、やっぱりこの色にしたい、この配置にしたい」と汎用性がききます。
プログラミングがある程度わかる方やワードプレスで何度もデザインしている方は
下記の手順でお進みください↓
もくじ
AFFINGER CLOSETにユーザー登録
まずはAFFINGER6のデザイン済みデータを利用するなら『AFFINGER CLOSET』のユーザー登録を行います。
3つのプラグインをインストール
以下の3つのプラグインをつかって着せかえします。
①Customizer Export/Import
②Widget Importer & Exporter
③データ引継ぎプラグイン(有料版)
※過去に無料版のデータ引継ぎプラグイン(LITE)がありましたが
現在は有料版のデータ引継ぎプラグインのみ公開されています。
①Customizer Export/Import
プラグインの追加はプラグインを選択して『新規追加』をクリック
![](https://fukkablog.com/wp-content/uploads/2022/02/1c0cd0883d157ca567d1c56343447e38-1.png)
キーワードにプラグイン名を入れると表示されます。
※似ているものがあるのでアイコンと作者を要確認
表示されたら『今すぐインストール』をクリック
![](https://fukkablog.com/wp-content/uploads/2022/02/b0ddc2d0d46c60819789cb1423de19c2-1.png)
インストールしたら必ず『有効化』をクリック
![](https://fukkablog.com/wp-content/uploads/2022/02/f2b66ba053ccd3555a431bcf36ebca59.png)
②Widget Importer & Exporter
Widget Importer & Exporterプラグインも同様にインストールして有効化します。
![](https://fukkablog.com/wp-content/uploads/2022/02/598695cbffbb856195f9828525b48734-1.png)
③データ引継ぎプラグイン(有料版)
つづいて『データ引継ぎプラグイン』の購入はこちらの公式サイトからおこなえます。
プラグインのインストール方法まで解説されているので参考にしてみてください。
インストールが完了すると、AFFINGER管理メニュー内に『データの引き継ぎ』が表示されます。
![](https://fukkablog.com/wp-content/uploads/2022/02/18b2803d5bd889a0cb3565634848835a-1.png)
デザイン済みデーターをダウンロードする
ブログに反映させるために『AFFINGER CLOSET』からダウンロードします。
![](https://fukkablog.com/wp-content/uploads/2022/02/953c65939f1b32a5c08343f61a0952df-1.png)
ダウンロードしたらZip形式のファイルをクリックして解凍します。
![](https://fukkablog.com/wp-content/uploads/2022/02/51d9fec6c086c0347e698f3ed96c9a3e.png)
フォルダの中に3つのファイルが存在します。
![](https://fukkablog.com/wp-content/uploads/2022/02/d19cafce4ae2dee2c738c066f3e57bbb.png)
・ウィジェットファイル(.wie)
・カスタマイザーファイル(.dat)
・テーマ管理ファイル(.json)
3つのプラグインをつかってデザイン済みデータを適用
ここからは最初にインストールした3つのプラグインをつかってブログに適用していきます。
ちなみに現在の、デザインはこちらです。(2日ほど触って挫折しました......)
![](https://fukkablog.com/wp-content/uploads/2022/02/e3d9dbd821897a4573e253701f044c93.png)
まずはカスタマイズ設定から行います。
『WordPressの外観 << カスタマイズ』をクリックすると画面遷移します。
![](https://fukkablog.com/wp-content/uploads/2022/02/bd94cf43bb3c6b2405e846094c7e9e82.png)
この画面に切り替わったら『エクスポート/インポート』を選択します。
ない場合はプラグインが『有効化』になっているか確認してみてください
![](https://fukkablog.com/wp-content/uploads/2022/02/52003b09ff4d6b02dccbbc21515deed1.png)
ファイル選択をクリックし先ほどダウンロードしておいた『カスタマイザーファイル(.dat)』を指定し、画像ファイルをダウンロードしてインポートにチェックを入れてインポートします。
![](https://fukkablog.com/wp-content/uploads/2022/02/034ff55e823680a4a9bb11dad3f47096.png)
つづいてウィジェットファイルを適用します。
WordPressの画面で『WordPressのツール << Widget Importer & Exporter』をクリック
![](https://fukkablog.com/wp-content/uploads/2022/02/ce8d3b09528aef093497980bfe07c1c0.png)
ファイル選択をクリックし『ウィジェットファイル(.wie)』を指定し、『ウィジェットをインポート』をクリックします。
![](https://fukkablog.com/wp-content/uploads/2022/02/6e7c674b8fe0b0fc8a25eb65a94022dd.png)
インポートが完了すると、このような画面が表示されます。
![](https://fukkablog.com/wp-content/uploads/2022/02/cce07237b172d510edba9797b471576d.png)
もしもエラーがでた場合
![](https://fukkablog.com/wp-content/uploads/2022/02/1d7a3cfb15da303a844cc7a88bdb5534.png)
青いリンク『copy and paste』をタップ
![](https://fukkablog.com/wp-content/uploads/2022/02/76f602791e6966b32b4dce68caefc28e.png)
ファイルをテキストエディットで開いて中身を全てコピーして『ウィジェットをインポート』します。
![](https://fukkablog.com/wp-content/uploads/2022/02/8cb59c69d4762793fd1804cfe34e5c57.png)
最後に『データ引継ぎプラグイン(有料版)』をつかって『テーマ管理ファイル(.json)』をインポートします。
『WordPressのAFFINGER管理 << データの引き継ぎ』をクリック
![](https://fukkablog.com/wp-content/uploads/2022/02/18b2803d5bd889a0cb3565634848835a-2.png)
ファイル選択をクリックし『テーマ管理ファイル(.json)』を指定し、『インポート』をクリックします。
![](https://fukkablog.com/wp-content/uploads/2022/02/1228d1ede2b7446a3deefb6ccaa8fed1.png)
データがインポートされたら完了です。
![](https://fukkablog.com/wp-content/uploads/2022/02/6a7192bf724cfe064983cbe0768fad09.png)
これでAFFINGER6のテンプレートをつかった着せかえは完了です。
適用後のブログデザインを確認すると、こんな感じです。
最初にすこしさわっていたので『mocha 6EX』のSAMPLEデザインとは異なります。
お疲れさまでした。
![](https://fukkablog.com/wp-content/uploads/2022/02/6b411d3bf3049ae6e1e19ccdb044e364.png)
AFFINGER6 デザイン済みデータのリセット方法
時間をかけた割にデザインが微妙 & カスタマイズ変更ができないのでリセット方法について説明します。
やり方はかんたんです!
『WordPressの外観 << カスタマイズ << 全体カラー設定 << カスタマイザーをリセットする』をクリック
デザインするのはめんどくさいしテンプレをつかって設定しようと思っているかたはちょっとまってください!
とくに初心者にはデザイン済みデータはおすすめしません。ムダにお金がかかりますし、のちのちめんどうになります。
こちらをつかうと消したい箇所が消せなかったり変更がかんたんにできないので
ググりながらデザインするほうがキレイにデザインできますよ!