10分で分かる！「アフィンガー6」デザインテンプレートの設定方法［簡易編］

当サイトでは実施に購入した商品・サービスのみレビューしています。

ACTIONシリーズのAFFINGER6（アフィンガー6）を導入した後は、手っ取り早くデザインテンプレート（無料デザイン済みデータ）でプロっぽいサイトにしましょう！

右も左も分からない初心者がAFFINGER6（アフィンガー6）を設定して感じる事は、さすがプロも使用するだけあって、あまりにも出来る事が多くて（自由度が高い）何をどうすればいいのかさっぱり分からんという事。

そんな時は公式サイトが用意している「無料デザイン済みデータ」（※ACTIONシリーズを商品を購入した方限定です。）を導入して、プロ仕様デザインに。

今回の記事はサクッと10分編（簡易版）です。

（※「デザイン済みデータ」がダウンロードできるのは、ACTIONシリーズ（もしくは前バージョンのWING商品）購入者限定です。）

ACTIONシリーズ（AFFINGER6用）のデザイン済みデータをダウンロード

まずは、公式サイトのデザイン済みデータ配布ページへ→ デザイン済みデータ配布ページ（β）

 

ACTIONシリーズのデザイン済みデータをダウンロードします。

ACTIONシリーズは、AFFINGER6、EX（AFFINGER6のグレートをあげた仕様）。

 

WINGシリーズは、AFFINGER5（前バージョン・販売終了）、WINGシリーズ「EX」（AFFINGER5のグレートをあげた仕様/前バージョン・販売終了）、STING PRO2（販売終了）です。

↓↓↓ここからは「デザイン済みデータ」テンプレート説明です↓↓↓

 

AFFINGER6（アフィンガー6）で使用できるデザインテンプレートは、最初に掲載されている5タイプです。↓

SIMPLE START、Tidy2、MUKU、cloud、Study Bear

SIMPLE START［アフィンガー6デザインテンプレート］

シンプルタイプです。

シンプルで使いやすいデザインが特徴のテンプレートです。見やすさを重視したい方におすすめです。

 

Tidy2［アフィンガー6デザインテンプレート］

優しいイメージです。

色合いなど、女性が好みそうな雰囲気です。「わ〜っ素敵」となるようなイメージですね。

（ちなみに、タイトルなどのフォントが可愛いですが、こちらは簡単に変更できます。）

 

MUKU［アフィンガー6デザインテンプレート］

シンプルで落ち着いた雰囲気のデザインが特徴のテンプレートです。

新聞のように整理整頓ができてシンプル格好いいテンプレートなので、大人っぽい印象を与えたい方におすすめです。

記事数をTOPページの最初の画面に沢山表示ができるので、記事数が多い方にピッタリです。

 

cloud［アフィンガー6デザインテンプレート］

白ベースでレイアウトはMUKU版と同じようにシンプル格好いいタイプ。

白ベースも素敵です。

 

Study Bear［アフィンガー6デザインテンプレート］

可愛いタイプです。

自分ピンクはあまり...。なんて思って、何となくレイアウトを採用してみたら、意外にこれがシックリくるんです。

大人可愛いレイアウトです。

（※こちらのレイアウトのみ、ウィジェットがどこにあるのか分かるようになっています。）

 

AFFINGER6のデザイン済みデータを見る↓
デザイン済みデータ配布ページ（β）

 

 

たぶん皆さん、AFFINGER6でEX版限定のデザインテンプレートを使うとどうなるか、気になるかと思いましたので、試してみました！

 

 

気をとりなおして、さっそくアフィンガー6のデザイン済みデータ（テンプレート）の導入をしていきます↓

利用規約を読んでダウンロード

公式サイトのデザイン済みデータ配布ページ→ デザイン済みデータ配布ページ（β）

 

step
1利用規約を読んで、3ヶ所にチェックをつける

「ダウンロードの方法 及び ご利用規約」で利用規約を読んで、3ヶ所にチェックをつけます。

step
2お好みのテンプレートをダウンロードする

利用規約を読んで、3ヶ所チェックをつけると、各デザイン済みデータ（テンプレート）がダウンロードできるようになります。

お好みのテンプレートをダウンロード。

 

デザイン済みデータ導入に必要なプラグインをインストール

ちなみに、デザイン済みデータを反映されるには、「テーマ管理」「カスタマイザー」「ウィジェット」の3箇所の反映が必要です。

3箇所の反映をするために必要なプラグインは3個あります。まずそれぞれをインストールしましょう。

1. 「テーマ管理」反映プラグイン→　データ引継ぎプラグイン（有料：公式サイトデータ引継ぎプラグインより）
2. 「カスタマイザー」反映プラグイン→　Customizer Export/Import（無料）
3. 「ウィジェット」反映プラグイン→　Widget Importer & Exporter（無料）

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

「デザイン済みデータ」を導入するのには、インポート用プラグインが必要になります。

テーマ管理をインストールするのには公式プラグイン「データ引継ぎプラグイン」を購入（2980円）します。

 

買うの！っと思われますよね。。（自分も思いました。）

でもよくよく考えると「データ引継ぎプラグイン」一つあるだけで、無料のデザイン済みデータを色々変えられる、かなり便利アイテム。なんだかんだ言ってコスパ高いプラグインです。

 

step
1「データ引継ぎプラグイン」を購入

公式ページへ→データ引継ぎプラグイン

「データ引継ぎプラグイン」をカートに入れる。
「データ引継ぎプラグイン」を購入する。

 

step
2「データ引継ぎプラグイン」をダウンロード

購入後「商品ダウンロードの御案内」メールが届くので、メール内のリンクをクリックしてダウンロード。

 

step
3「データ引継ぎプラグイン」を反映

「プラグイン」タグの「新規追加」をクリック。

 

step
4プラグインのアップロードする

「プラグインを追加」ページの「プラグインのアップロード」をクリック。

ダウンロードした「データ引継ぎプラグイン」ファイルを選択する。ファイルを選択後「今すぐインストール」クリック。

 

step
5プラグインを「有効化」する

「有効化」が完了すれば、データ引継ぎプラグインの反映はできました。

 

では次に、無料プラグイン2個をインストールします。

 

「カスタマイザー」「ウィジェット」反映用無料プラグインを2個インストール

1. 「カスタマイザー」反映プラグイン→　Customizer Export/Import（無料）
2. 「ウィジェット」反映プラグイン→　Widget Importer & Exporter（無料）

step
1Customizer Export/Importをインストール

「プラグイン」タグの「新規追加」をクリック。

プラグイン追加ページの上にある「検索窓」にCustomizer Export/Importといれる。

Customizer Export/Import枠内の「今すぐインストール」ボタンをクリック。

プラグインを「有効化」する。

「有効化」が完了すれば、Customizer Export/Importの反映はできました。

 

step
2同様にWidget Importer Exporterもインストールする

プラグイン追加ページの上にある「検索窓」にWidget Importer & Exporterといれる。

Widget Importer Exporter枠内の「今すぐインストール」ボタンをクリック。

プラグインを「有効化」する。

「有効化」が完了すれば、Widget Importer & Exporterの反映はできました。

 

先ほど入れたプラグインを使って、デザイン済みデータを反映させる

テーマ管理の反映

「AFFINGER管理」タグの「データの引き継ぎ」ページの「インポート」の「ファイルを選択」をクリックし、ダウンロードした「無料デザイン済みデータ」の中の（圧縮を解凍後）「テーマ管理用」フォルダの中の「theme.json」を選択。

 デザイン済みデータの「テーマ管理」の反映はできました。

 

「カスタマイザー」の反映

ワードプレス左メニューの「外観」→カスタマイズページの左メニューの一番下の「エクスポート／インポート」ボタンをクリック。

「エクスポート／インポート」ページの「インポート」部分の「ファイルを選択」→ダウンロードした「デザイン済みデータ」フォルダ内の「カスタマイザー用」フォルダ内の「○○○○.dat」ファイルを選択。

○○○○.dat」ファイルがインストールでれば、デザイン済みデータの「カスタマイザー」の反映はできました。

 

「ウィジェット」の反映

「ツール」→「Widget Importer & Exporter」→Widget Importer & Exporterページの「ウィジェットのインポート」項目の「ファイルを選択」。

ダウンロードした「デザイン済みデータ」フォルダ内の「ウィジェット用」フォルダ内の「○○○○○.wie」ファイルを選択し、「ウィジェットをインポート」ボタンをクリックしてインストールする。

「○○○○○.wie」ファイルがインストールできれば、デザイン済みデータの「ウィジェット」の反映はできました。

 

ウィジェットがうまくインストールできなかった場合はコチラ↓

デザイン済みデータのウィジェットが上手くインストールできない時の対処法［AFFINGER6］

続きを見る

 

AFFINGER6デザイン済みデータの反映を確認

「テーマ管理」「カスタマイザー」「ウィジェット」の3箇所の反映が完了できれば、デザイン済みデータの移行も完成です！

レイアウトが完成できたか、確認してみましょう！これで、デザイン済みデータの導入は完成です。

サクッと説明させていただきました。

 

---

AFFINGER6デザイン済みデータ（テンプレート）でのブログデザイン改善法

AFFINGER6デザイン済みデータ（テンプレート）を利用することで、初心者でも簡単にブログのデザインを改善することができます。

以下に、AAFFINGER6デザイン済みデータ（テンプレート）でのブログデザイン改善法をご紹介します。

 

レイアウトの変更

AFFINGER6デザイン済みデータ（テンプレート）では、レイアウトを選ぶことができます。

自分のブログに合ったレイアウトを選ぶことで、読みやすさや見た目の美しさを向上させることができます。

またオリジナル変更として、サイドバーの位置を変えることや、投稿の表示形式を変更することができます。

 

ブログ全体の色を変えてイメージを変える

AFFINGER6テンプレートでは、カラーを簡単に変更することができます。

自分のブログのイメージに合ったカラーを選ぶことで、ブログ全体の雰囲気を一新することができます。

また、文字色や背景色の調整も可能です。

 

フォントの変更

AFFINGER6テンプレートでは、フォントを自由に変更することができます。

自分のブログに合ったフォントを選ぶことで、読みやすさやブランドイメージを向上させることができます。

また、見出しや本文のフォントを変更することで、デザインの統一感を出すこともできます。

 

ヘッダーのカスタマイズ

AFFINGER6テンプレートでは、ヘッダーのカスタマイズも可能です。

自分のブログのロゴやバナーを設定することで、ブランドイメージを強化することができます。

また、ヘッダーにはメニューや検索バーを追加することもできます。

AFFINGER6テンプレートを利用することで、初心者でも簡単にブログのデザインを改善することができます。

レイアウトの変更やカラースキームの変更、フォントの変更、ヘッダーのカスタマイズなど、様々な方法があります。

自分のブログのイメージに合わせて、デザインをカスタマイズしてみてください。

 

 

最初のうちは、レイアウト・色・カスタマイズに悩んで時間をとられてしまいます。

初期設定に時間をとられて悩んでしまうのはもったいない！

そこで、のんどりデザインでは特典として、3記事から様になるレイアウト（色パターン4種）を用意しました。まだAFFINGER6を購入していない方は、サックとこちらで設定してしまうと楽に初期設定が終わります。

 

↓↓↓詳細はコチラ↓↓↓

 

AFFINGER6（アフィンガー6）の購入を検討中の方は、限定特典を使うのもあり

のんどりデザイン限定フォーマット（AFFINGER6（アフィンガー6）仕様）Firsty-4種を無料でプレゼント。

AFFINGER6（アフィンガー6）版「のんどりデザイン簡易カード済デザインフォーマット」、「Firsty　シリーズ（4種類）」のデザインフォーマットを特典としてお渡ししています。

「Firstyシリーズ（4種類）」は、TOPページとカテゴリーページの記事一覧を「簡易カード化」済み。

・Firstly-Blue　・Firstly-Chocolate　・Firstly-Water　・ Firstly-Mint

（※Firsty-4種類は「デザイン済みデータ」設定での導入になります。）

簡単にできるレイアウトフォーマットでAFFINGER6（アフィンガー6）のデザイン幅をぜひ広げてください。

（※色は男性でも女性でも使いやすい色使いで設定済みです。※画像は含みません。）

 

また最初は、なかなか記事が書けないのに、記事が6記事以上ないとアフィリエイト会員登録ができなくて歯がゆい思いをした自身の経験から、人気6カテゴリー（975記事）のスターターベース記事もお渡ししています。

最初は記事がうまく書けないのに、ASP（アフィリエイト提供会社）にも登録できないイライラを軽減！

また、スターターベース記事の使い方もブロックエディター・クラシックエディターそれぞれの詳しい説明もつけました。今後ブログ記事を書く練習としても使用していただけます。

 

のんどりデザインでは、何も分からないところからはじめた自分の経験より特典をつけています。

＼のんどりデザイン限定特典付き／
AFFINGER6［ACTION］> >

詳しくは↓

「アフィンガー6はできることがおおい？」3年間使った感想のまとめ［特典付き］

続きを見る

 

関連記事

AFFINGER6は初心者には難しいといわれるが本当か？

続きを見る

AFFINGER6記事作成パーツ一覧まとめ［クラシックエディタ（ブロック）バージョン］

続きを見る

アフィリエイトブログって何を書けばいい？-NGジャンルはできれば避ける-

続きを見る

TOPページに戻る