AFFINGER6にデザイン済みデータを設定する方法

アフィンガー5をテーマにしたんですが、デザインのカスタマイズの仕方が分かりません。簡単にデザインを設定することはできませんか？

といった悩みにお答えします。

 本記事の内容

アフィンガー5のデザイン済みデータを設定することにより、面倒なデザインをすぐに終わらせる事ができます。

とはいえ、「アフィンガー5のデザイン済みデータって何があるの？」「アフィンガー5にデザイン済みデータを設定する方法を知りたい！」と思っている方は多いのではないでしょうか？

今回は、アフィンガー5にデザイン済みデータを設定する方法を初心者向けに解説していきます。

デザインカスタマイズに悩んでいる方は本記事を参考にしてみてください。

当ブログで使用しているWordPressテーマ「AFFINGER5」については以下で詳しく解説しています。

アフィンガー5にデザイン済みデータを導入すべき理由【作業効率UP】

まずは、アフィンガーにデザイン済みデータを導入すべき3つの理由を解説していきます。

自分でデザインする必要がないので、時間短縮になります。

アフィンガーは痒い所に手が届くデザイン性に優れたWordPressテーマですが、初心者からしたら、逆に機能が多すぎてどうカスタマイズしたらいいのか迷ってしまいます。

でもアフィンガーにテンプレートを設定すれば、そんな手間や時間をかけずに、ブログのデザイン設定が完了してしまいます。

しかも、たったの5分でできるので設定は超簡単です。

僕自身、初めは全く使い方が分からなかったのでデザインだけでも1日以上はかかってしまいました。

りょーた

アフィンガー5のデザイン済みデータ一覧

まずはアフィンガー5のデザイン済みデータを紹介します。

2021年1月時点で10種類あります。

AFFINGER5の方は7種類、AFFINGER5 EXの方は10種類のデザインプレートを使うことができます。

りょーた

その①：Tidy

1つ目のデザイン済みデータは、「Tidy」です。

その②：NOTE.2020

2つ目のデザイン済みデータは、「NOTE.2020」です。

スタイリッシュなデザインなので、個人だけでなく企業サイトにもおすすめです。

ヘッダー画像がスライドショーになっているので、目を引く仕様になっています。

その③：PINKY

3つ目のデザイン済みデータは、「PINKY」です。

ヘッダー画像にボタンを配置することにより、クリック率（CTR）が向上します。

その④：HappyDiary 2020

4つ目のデザイン済みデータは、「HappyDiary 2020」です。

その⑤：Lupine 2020

5つ目のデザイン済みデータは、「Lupine 2020」です。

その⑥：YouTube

6つ目のデザイン済みデータは、「YouTube」です。

Youtubeとブログを両立させたい方におすすめです。

特に動画を優先して見せるブログに最適となっています。

その⑦：YouTube2

7つ目のデザイン済みデータは、「YouTube2」です。

その⑧：MOCHA（モカ）

8つ目のデザイン済みデータは、「MOCHA（モカ）」です。

その⑨：INAZUMA

9つ目のデザイン済みデータは、「INAZUMA」です。

その➉：START UP

10個目のデザイン済みデータは、「START UP」です。

早速アフィンガー5にデザイン済みデータを設定していきましょう！

りょーた

アフィンガー5にデザイン済みデータを設定する3つの手順

アフィンガー5にデザイン済みデータを設定する手順は以下の通り。

1つずつ解説していきます。

設定自体はとても簡単なので、見ながらゆっくりやっていきましょう！

りょーた

手順①：デザイン済みデータをダウンロード

まずはデザイン済みデータ配布ページでお好きなデザインをダウンロードしていきます。

少し分かりにくいのですが、スクロールすると、「利用規約及びご承諾事項・使い方と注意事項に同意します」という文言の左側にチェックボックスがあるので、必ずチェックを入れてください。

チェックを入れ終わったら、気に入ったデザイン済みデータの「※承諾事項を了承の上、ダウンロードする」をクリックしましょう。

本記事では「NOTE.2020」をダウンロードして解説していきます！やり方は何も変わらないので、自分がダウンロードしたテーマに置き換えて進めていきましょう！

りょーた

手順②：プラグインのインストール

アフィンガーにデザイン済みテンプレートを設定する際には、以下のプラグインが必要となります。

早速、プラグインをインストールしていきましょう。

1つ目は、Customizer Export/Importです。

WordPress管理画面より、「プラグイン」→「新規追加」で右上の検索ボックスで「Customizer Export/Import」と入力して、「今すぐインストール」をクリックしましょう。

インストールできたら、「有効化」すれば完了です。

2つ目は、Widget Importer & Exporterです。

Customizer Export/Importと同様に、「プラグイン」→「新規追加」で右上の検索ボックスで「Widget Importer & Exporter」と入力して、「今すぐインストール」をクリックしましょう。

インストールできたら、「有効化」すれば完了です。

手順③：デザイン済みデータをインポート

最後に、一番最初にダウンロードしたデザイン済みデータをブログにアップロードしていきます。

• ウィジェット用
• カスタマイザー用
• テーマ管理用

まずはウィジェット用からインポートしていきます。

「ツール」→「Widget Importer & Exporter」→「ファイルを選択」をクリックしてください。

note_20200122.zipの中にある「ウィジェット用」のフォルダを開いて、「wing-wp.com-sample21-widgets.wie」を選択しましょう。

選択できたら、「ウィジェットをインポート」をクリックすればOKです。

インポートができない場合

上記のように、

You must upload a .wie file generated by this plugin

と表示され、「ウィジェット用」がインポートできない場合があります。

その場合には、以下を行えば解決することができます。

1. プラグイン「Disable Real MIME Check」をインストール
2. 有効化

プラグイン「Disable Real MIME Check」を有効化するだけでOKなので、面倒な設定はありません。

終わったら、プラグインは「無効化」→「削除」を忘れないように！

りょーた

次に、カスタマイザー用をインポートしていきます。

WordPress管理画面より、「外観」→「カスタマイズ」で画面が移動するので、「エクスポート/インポート」をクリックします。

上記のように切り替わったら、「ファイルを選択」をクリックしてください。

note_20200122.zipの中にある「カスタマイザー用」のフォルダを開いて、「affinger5-export.dat」を選択しましょう。

選択できたら、「インポート」をクリックすればOKです。

カスタマイザーのリセット方法

デザイン済みデータを複数ダウンロードした場合、別のデザインデータを間違ってインストールしてしまったなんてこともあります。

そんなときには以下の手順でリセットすることができます。

「全体カラー設定」をクリックしましょう。

下にスクロールして「リセット」をクリックして、

「OK」をクリックすればリセット完了です。

終わったら、プラグインは「無効化」→「削除」を忘れないように！

りょーた

これでアフィンガーにデザイン済みテンプレートの設定が完了となります。

お疲れ様でした！最後に、インストールしたプラグインは必要ないので、忘れずに「無効化」→「削除」しておきましょう！

りょーた

デザイン済みデータでよくある質問：疑問を解決

アフィンガーのデザイン済みデータに関するよくある質問をまとめています。

1つずつ解決していきます。

質問①：デザイン済みデータの画像はついてきますか？

いいえ、ついてきません。

デザイン済みデータはあくまで、デザインの枠組みのみとなるので画像は自分で用意する必要があります。

商用利用可能なフリー素材については【厳選】アフィリエイトで使えるフリー画像サイト8選+2で紹介しています。

質問②：AFFINGER5EX版専用テンプレートをAFFINGER5で使用することはできますか？

いいえ、できません。

アフィンガー5で使用できるデザイン済みデータは7つのみになります。

AFFINGER5EX版の専用テンプレートを利用したい方は、別途AFFINGER 5EXの購入が必要となります。

質問③：デザイン済みデータを設定したのですが、後から自分好みにカスタマイズすることはできますか？

はい、できます。

「AFFINGER5 管理」「カスタマイズ」にて設定を変更すれば、デザイン済みデータを設定したとしても、自分好みのデザインに変更は可能となっています。

あくまで、デザイン済みテンプレートの設定が反映されるだけなので、アフィンガーの使い方が分かってきたら、自分だけのオリジナルデザインに変更してみるといいかもしれません。

当ブログのデザインを公開しているので、カスタマイズしたい方は以下を参考にしてみてください。

りょーた

まとめ：アフィンガー5のデザイン済みデータで時間短縮！

今回はアフィンガーでデザイン済みテンプレートを設定する方法を解説しました。

アフィンガーのデザインみデータを導入することにより、

といったメリットがあります。

デザインを最速で設定してしまえば、ブログで一番大事な記事制作にすぐ取り掛かることができます。

もちろん後からいくらでもデザイン変更することができるので、まずはデザイン済みデータを導入してブログ運営を開始しましょう。

ある程度記事が書けて余裕が出てきたら、以下の記事を参考にカスタマイズしてみてください！

りょーた