この記事では「AFFINGER6（アフィンガー６）」に、デザイン済みデータを反映させるための手順を詳しく解説しています。
デザイン済みデータは、初心者でも容易に美しいデザインを反映できるアフィンガー専用データです。
このデータ設定は慣れれば簡単ですが、初回は操作に戸惑うことがあります。
そこで今回は、初心者向けにデザイン済みデータの適用手順を詳しく解説していきます。
AFFINGER6 のデザイン済みデータは全部で11種類
通常のAFFINGER6用
AFFINGER6 EX用
今回は、シンプルなデザインでどんなサイトでも合いそうな「Separate」を反映させたいと思います。
デザイン済みデータの準備
デザイン済みデータをダウンロードする
１．まずは、下記URLから「デザイン済みデータ配布ページ（β）」へ行きます。
⇒https://on-store.net/design-sample-affinger5/
２．利用規約のチェックボックス3つにチャックを入れます。
※ここにチェックを入れると、デザイン済みデータのダウンロードボタンが有効になります。
３．反映したいデザイン済みデータの［ダウンロード］ボタンをクリック。
４．任意の場所にダウンロードします。
５．ファイルは圧縮されているので、フォルダ内で解凍してください。
※ZIPファイルの解凍方法については割愛します。わからない方は「ZIPファイル 解凍方法」でググってください。
ダウンロードしたzipファイルを解凍すると、以下のデータが含まれています。インストールする際は、拡張子を間違えないようにしてください。
| データ | ファイルの拡張子 |
|---|---|
| カスタマイザー 用 | .dat |
| ウィジェット 用 | .wie |
| テーマ管理 用 | .json |
データインポート用プラグインのインストール
デザイン済みデータをインポートするために必要なプラグインは以下の３つです。
- 「カスタマイザー」：Customizer Export/Import（無料）
- 「ウィジェット」：Widget Importer & Exporter（無料）
- 「テーマ管理」：データ引継ぎプラグイン（有料）
「Customizer Export/Import」と 「2Widget Importer & Exporter」は、事前にダウンロードする必要はありません（※WordPress内から簡単にインストールできます）。
「データ引継ぎプラグイン」は、アフィンガー専用の有料プラグインです（購入、ダウンロードが必要です）。
プラグインのインストール手順
１・左メニューの、①「プラグイン」⇒ ②「新規プラグインを追加」をクリック
２．右上の検索窓に、プラグイン名を入力する。
３．①「Customizer Export/Import」と入力すると、プラグインが表示されるので、②［今すぐインストール］をクリック。
４．インストールが完了したら「有効化」をクリックし、プラグインを有効化する。
５．「Widget Importer & Exporter」も同じ手順で、「インストール」～「有効化」まで完了させます。
データ引継ぎプラグインについて
データ引継ぎプラグインのみ有料（2,980 円）です。
データ引継ぎプラグインは「STINGER STORE」から購入できます。
データ引継ぎプラグイン購入ページはこちら
データ引継ぎプラグインのインストール手順
左メニューの「プラグイン」を開き、「新規プラグインを追加」をクリック。
①「ファイルを選択」をクリックし、データ引継ぎプラグインのZIPファイル（st-migrator.zip）を選択。
②「今すぐインストール」をクリックする。
「プラグインを有効化」をすればインストール完了です。
デザイン済みデータのインポート手順
カスタマイザー用データをインポートする
外観をカスタマイズする設定のデータをインポートします。
「カスタマイズ」は、ヘッダー、フッター、サイドバー、カテゴリー、見出しデザインなどのカスタマイズが可能です 。
１．左メニューの「①外観」⇒ 「②カスタマイズ」をクリック。
２．左メニューの一番下にある「エクスポート / インポート」を開く。
３．「インポート」の下にある「ファイルを選択」をクリックし、デザイン済みデータを保存した場所を開く。
ここでインポートするファイルの拡張子は.datです。
４．「.dat」ファイルを選択。
５．「画像ファイルをダウンロードしてインポートしますか？」 にチェックを入れ、「インポート」をクリックすれば完了です。
※間違えて違うデータをインポートしてしまったとき
デザイン済みデータを複数ダウンロードしていた場合、違うデザインのデータを間違ってインストールしてしまうことがあります。
そんなときは、以下の手順で引き継いだカスタマイザーのデータをリセットしましょう。
１．左メニューの「全体カラー設定」を開く。
一番下にある「リセット」をクリックすると、インポートに失敗したデザインデータがクリアされます。
ウィジェット用データをインポートする
ウィジェットの設定データをインポートします。
検索、管理者紹介、サイドバーメニュー、カテゴリー……など
１．左メニューの「ツール」⇒「Widget Importer & Exporter」をクリック。
２．［ファイルを選択］をクリックし、ウィジェット用のwieファイルを選択。
３．ファイルを選択したら次に［ウィジェットをインポート］をクリック。
４．インポート結果が表示されればインポート完了です。
テーマ管理の設定をインポート
１．左メニューの「AFFINGER 管理」⇒「データの引継ぎ」をクリック。
※データ引継ぎプラグインをインストール ⇒ 有効化すると、「AFFINGER 管理」に「データの引継ぎ」が追加されています。
２．「ファイルを選択」をクリックし、保存しているテーマ管理用データファイル「theme.json」を選択。
３．「インポート」をクリックすれば完了です。
まとめ
僕は普段から、既にデザインされたテンプレートを使って、自分の好みに合わせてアレンジを加えています。
こうすることで、キレイにカスタマイズできるだけでなく、時間も大幅に節約できるんです。
もちろん、一からデザインをカスタマイズするのも楽しいのですが、細部にこだわり過ぎると、なんだか途方に暮れてしまうことがあります。
僕が目指すのは、複雑な操作をすることなく、初めから美しいデザインを手軽に使うこと。
AFFINGER6のデザイン済みデータは、そんな僕のニーズを満たしてくれています。
ぜひこのツールを使ってみて、あなたのウェブサイトも素敵にデコレーションしてみてくださいね。
当サイトにもオリジナルデザイン済みデータがあるよ。
当サイト限定デザイン済みデータをチェック！
