AFFINGER5／すぐに使える！サイトデザインを紹介

WING/AFFINGER5（アフィンガー5）をこれから購入しようか迷っている方、導入したけどデザインが苦手な方。

AFFINGER5には手間のかかるサイトデザインを無料ですぐに利用できるデザインのテンプレートが用意されています。

今回は無料で使えるデザインテンプレートを全て紹介します。

気に入ったデザインがきっと見つかりますよ

今回の記事では

がわかります。

デザイン済みデータの特徴

デザイン済みデータには公式デザインとユーザーが作成したデザインの2種類あります。

また、EX版やSTINGER PRO2専用のデザインもあるので注意してください。

ねこキチ

僕のAFFINGER5／WINGでつかえるデザインはどれかなぁ

デザイン済みデータの種類

それではデザインを順番に紹介していきます

デザイン済みデータの紹介

トップページは固定ページでカテゴリーを４つに分割して大きく表示できるので、カテゴリー別にイチオシの記事を表示できることができます。

また、ページの下側にはスライドショーで新着記事を表示することができます。

オッドアイ

インパクトと動きのある素敵なデザインですね

プレビュー

記事のページをヘッダー画像としてスライドショーできるので、記事のアイキャッチ画像でインパクトをだしているサイトに向いています。

ヘッダー画像のスライドショーは10記事まで設定できてループするので、記事のアピール力と、スライドショーの動きで読者を魅了します。

プレビュー

ヘッダー画像が大きくインパクトのあるトップページが作れます。

ヘッダー画像のすぐ下にはスライドショーも表示されていて、記事と画像をアピールできるデザインです。

プレビュー

パソコンで見たときにはヘッダーに複数のコンテンツ表示させ、最大８つのコンテンツをスライドショーとして設定できます。

また、サイドバーでもスライドイショー表示されるので動きのある楽しいデザインになります。

プレビュー

ねこキチ

全体的に淡い色で可愛らしいイメージのサイトになるね

サイドバーを表示させない、１カラムで読者を引き込み、そのまま記事を読むことに集中できるデザインです。

LP（ランディングページ）に適しているのでECサイトやアフィリエイトサイトに向いています

カズロー

プレビュー

YouTubeをブログで効果的に伝えることを目的としたデザインです。

ヘッダーからYouTube動画を埋め込み、その直下にも動画のスライドショーが並びます。

プレビュー

こちらもYouTube向けで、大きなヘッダー画像の上にYouTube動画のスライドショーを重ねたデザインです。

プレビュー

パソコンやタブレットで見ると背景には前面にYouTube動画が流れ、音声も流すことができるかっこいいデザインです。

プレビュー

SWICHの名前のとおりスイッチ機能がついたデザインです。

カテゴリーのボタンを押すと、そのカテゴリーのコンテンツが表示される楽しいサイトをつくることができます。

プレビュー

可愛いデザインと色づかい、そして大きなヘッダー画像はスライドショーなのでお好みの画像をアピールできます。

サイトの下側にはコンテンツのスライドショーも。

プレビュー

サムネイル画像はフルサイズで表示。トップページのサイドバーは、プロフィールとおすすめ記事、アーカイブのみのシンプルなデザインです。

プレビュー

フリーランサーのichikaraさんがつくったデザインです。

トップにブログカードを掲載した、記事をアピールできるサイトをつくることができます。

プレビュー

ブロガーのしょうりんさんが運営しているブログのデザインをベースにカスタマイズした、ブログに適したデザインです。

メインカテゴリーとおすすめ記事が目立つようなデザインになっています。

プレビュー

AFFINGER5EX専用

カフェっぽい色づかいがおしゃれな女性向けのデザインになります。

プレビュー

AFFINGER5EX専用

黒をベースに黄色をアクセントとしたまさにイナズマをイメージした渋いデザインです

サイトの下側に記事のスライドショーがあり動きをつけています。

プレビュー

AFFINGER5EX・STINGER PRO2EX専用。

「とりあえず、会社のホームページが欲しい」「シンプルでオシャレなホームページを作りたい」という方におすすめのデザインです。

プレビュー

デザインテンプレートのつかい方

AFFINGER5は主に「カスタマイザー」「ウィジェット」「テーマ管理」の3つの設定から成り立っています。
それぞれ以下のプラグインを使用することでデータをエクスポートしたり、インポートすることができます。

・Customizer Export/Import（カスタマイザー）
・Widget Importer & Exporter（ウィジェット）
・データ引継ぎプラグイン（LITE）（テーマ管理）

「データ引継ぎプラグイン（LITE）」は有料の「データ引継ぎプラグイン」からコードの出力設定やGoogleアナリティクス設定など複数の設定を除外したものです。

自サイトのバックアップやデータ移行には適していませんが、第三者の配布データをエクスポート及びインポートするにはセキュリティ上、適しています。

「データ引継ぎプラグイン（LITE）」の無料配布は予告なく終了する場合があると公式サイトに記載されています。

オッドアイ

早めに利用したほうがよさそうですね

まとめ

デザイン済みデータはEX版も含めるとすでに16種類も用意されていて、ユーザーからの投稿も受け付けているので今後もいろいろなデザインが増えそうです。

オッドアイ

できるだけ早い時期に変更すると移行の手間も少ないですよ

デザイン済みテーマの設定方法は下記の記事をご参考ください。

AFFINGER5の購入を考えている方は下記の記事をご参考ください。