AFFINGER5

【動画付き】アフィンガー5デザイン済みデータの設定について。

アフィンガー5の「デザイン済みデータの設定が上手く出来ない」というご質問をよく頂きます。

そこで、初心者の方でも分かりやすいようにデザイン済みデータの設定方法を動画で撮影しました。

 

動画を見れば、どういう流れでデザインが反映されるのか理解できると思います。

hiro
1分ほどの動画です。

デザイン済みデータを反映させたとしても、いきなりサンプルサイトのようにはなりません

ヘッダー画像や背景などは自分で用意する必要があります。

 

デザイン済みデータの反映にはプラグインも必要です。

この記事で、デザインを反映させるために必要なプラグインも載せました。

hiro
上手く設定出来ることを祈ります。。

 

デザイン済みデータをダウンロード

AFFINGER5デザイン済みデータ配布ページ

まずは公式サイトでデータをダウンロード。

hiro
サイトに反映させたいデザインを選んでください。

 

 

ダウンロードしたファイルの中身を開く

デザイン済みデータが入ったファイルは「zip」形式で保存されます。

ファイルを開くとデザインを反映させるために必要なデータが入っています。

hiro
画像は「NOTE」のデータです。

 

zipファイルの中身↓↓

  • ウィジェット用
  • カスタマイザー用
  • データ管理用
  • ご利用前に必ずお読みください

※デザインによってウィジェット用ファイルがない場合あり

 

デザインを反映させるために使用するファイルは2つ。

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

まずはこのファイルを開き、中身を確認してください。

 

ファイルを開くとデータが保存されています↓↓

  • affinger5-export.dat(カスタマイザー用ファイルの中)
  • wing-wp.com-sample21-widgets.wie(ウィジェット用ファイルの中)

この2つのデータをワードプレスにインポートしていきます。

 

インポートに必要なプラグインを追加

 

 

インポートに必要なプラグインは上の2つ。

各プラグインをダウンロードし、ワードプレスに追加して下さい。

hiro
有効化もお忘れなく。

 

デザイン済みデータをインポートする

ワードプレスにデザイン済みデータをインポートしていきます。

hiro
インポート手順を解説↓↓

 

カスタマイザー用ファイルをインポート

カスタマイザー用ファイルの中に入っている「affinger5-export.dat」をインポートします。

インポートは「カスタマイズ」>「エクスポート/インポートから。

 

 

ファイル選択をクリックし、「affinger5-export.dat」を選んでインポートをクリック。

問題なくファイルがインポート出来れば、デザイン済みデータのカラーが反映されます。

 

ウィジェット用ファイルをインポート

 

ウィジェット用ファイルに入っている「wing-wp.com-sample21-widgets.wie」をインポートします。

インポートは管理画面「ツール」>「Widget Importer & Exporter」から。

 

 

ファイル選択をクリックし、「wing-wp.com-sample21-widgets.wie」を選んでインポートをクリック。

デザイン済みデータのウィジェットが追加されます。

 

尚、ウィジェットが重複している場合もあるので、不要なウェジットは削除してください。

 

デザイン済みデータが反映されない時の対処法

データが反映されない場合は、カスタマイザーをリセットしてください。

リセットは「カスタマイズ」>「全体カラー設定」で可能です。

 

「AFFINGER5管理」>「デザイン」でもリセット出来ます。

カラーパターン、デザインパターンをリセットにチェックを入れ保存。

 

それでも反映されない場合は、公式マニュアルを再度読み直しましょう。

カスタマイザーが反映されない時にチェックしたいポイント

 

何をしても無理だと思ったら、サイト作り直した方が早いです。

hiro
時間もったいないので。

 

ヘッダー画像作成に使えるおすすめツール

Canva

無料で使えるデザインツール「Canva」。

初心者でも使いやすく、デザインの加工も簡単に出来ます。

 

関連記事【動画付き】Canva(キャンバ)を使ったヘッダー画像の作り方

関連記事AFFINGER5ヘッダー画像の設定方法|初心者でも簡単!

人気記事一番乗り?WING CLOSETにデザインデータを公開した話。

-AFFINGER5
-

© 2020 アフィ基地