affinger5のデザイン済データについて画像付きで詳しく解説！おしゃれなサイトを作ろう

最近知った耳で聞ける読書アプリ。780円聴き放題。これは革命。自転車や電車やどこでも聞ける。これで1日1冊、年間100冊の本のハードル下がった。読書が本なしで楽しめる！荷物にならへんし、いいですよ！ - audiobook.jp 無料期間あるので是非お試しを。世界変わります＾＾。

皆さんこんにちは！

有料テーマの中でも、様々なブロガ―がオススメしているのが、affinger5です。

今日はそんなaffinger5の

について書いていきます。

最後まで読んでいただければ、affinger5のデザインについて詳しくなって、いざ導入するときの不安もなくなる他、自分の理想がふんだんに詰まって、なおかつおしゃれなブログサイトができますので、ぜひ参考にしてくださいね。

そもそもaffinger5って何？について知りたい方はこちらの記事をどうぞ

affinger5って何?稼ぎやすいって本当？メリット、デメリット、機能を分かりやすく解説！

affinger5のデザイン選択肢

まずaffinger5のデザインは、主に2種類の選択肢があります。

一つ目は豊富なデザインから、自分で理想のサイトをカスタマイズする方法。

みこみこ

完全に自分の好みで作れるけど、センスは問われるよね

そして二つ目は、デザイン済データから選ぶ方法です。

こちらはカスタマイズと違って、既にデザインがしてあるものなので、プログラミングの知識がなくても、大丈夫なほか、使うだけで誰でも簡単にブログのデザインが完成するので、デザインやセンスに自信がない方でも、ブログや自分の理想のサイトを作成することができます。

みこみこ

特に初心者の人が、おしゃれなサイトを作るなら断然デザイン済データがオススメ！

今回は、カスタマイズは置いておいて、デザイン済データをもっと詳しくみていきましょう！

デザイン済データのメリット

先ほど挙げた

プログラミングの知識がなくてOK

簡単にブログのデザインが完成する以外にも

• そもそもデザイン設定の時間を記事更新に使える
• サイトに統一感が生まれ、読まれやすくなる

などのメリットがあります。

みこみこ

おススメは最初は、デザイン済データを使って、ブログに慣れてきたら自分でカスタマイズするのもありですね。

まずは記事更新しないことには始まりませんから。

デザイン済データのデメリット

メリットだらけに感じますが、もちろんデメリットもあります。

画像などは自分で用意する必要があるので、サンプル通りにはならない

サンプルは、画像も踏まえて、おしゃれな統一感を持っていますから、画像が、あまりにもあっていないと、せっかくのおしゃれなサイトが、崩れるかも。

それでもカスタマイズするよりは、簡単ですけどね！

affinger5通常版デザイン済データ

そんなデザイン済データですが、

affinger5には、通常版の方に7種類。

有料版であるEXにすると3種類増えますので、二つ足すと全部で10種類もあります。

まずは通常版の7種類を紹介しますね！

Tidy

まず一つ目は、Tidyというデザイン済データです。

めちゃくちゃ見やすさを意識してあって、なおかつ、割とシンプルなんで、どんなサイトでも使えるんじゃないかなという印象です。

かなり個人的な意見ですが、Tidy自体に、明るいイメージがあるので、サイトイメージが明るい方には特にオススメです。

トップが大きくなっているので、一番いい記事をトップに置いておくといいですね。

NOTE.2020

こちらはめちゃくちゃスタイリッシュですので、特にビジネス系サイトやブログに、おススメです。

みこみこ

このデザインを使うだけでかなり洗練された都会のイメージを与えますね

謎の説得力が生まれるサイトだな～と個人的に思いますので、迷ったらこれにしとけば、間違いはない気がします！

PINKY

写真でアピールしたい方におススメのデザインですね！

旅行関係や、グルメなどの、特に写真が大切になるようなジャンルの方は、うまく活用するといいですね！

みこみこ

視覚情報はかなり大切ですしね

HappyDiary 2020

こちらはビジネスよりかは、日記よりの方におススメです。

雑記ブログを書いている方には、親近感を与えるデザインでもありますので、記事内容とマッチすれば、さらに良いサイトになること間違いなしですね！

成長過程なども、見やすくていいと思います！

Lupine 2020

こちらも、NOTEと同じく、とてもシンプルで一番使いやすいタイプだと思います。

私自身もそうだったんですが、最初のころって、自分のイメージを、ふんだんに入れれば、入れるほど、まとまりなくなって、「なんだこのごちゃごちゃしたサイトは！」ってなりやすいんです。

だからシンプルなデザインで、記事なども入れて、イメージが沸いたうえで、カスタマイズすると失敗が少なくて済みます。経験者は語る。

YouTube

これはタイトル通りですが、ユーチューブしてる方におススメです！

トップに目立つように、おけるので、特に自分のチャンネルを伝えたい方におススメですね。

一番お気に入りの動画などを設置して、ほかの動画も見てくれるような導線作りをしても面白いと思います！

YouTube2

こちらは、一つが目立つというより、全体的なバランスが取れていますので、

様々な動画を見てほしい人や、事務所などの複数のチャンネルをトップにおける方がいい人に向いているデザイン済データだと思います。

みこみこ

大切なのは、自分のサイトの、イメージがはっきりしていることと、それをきちんと伝えられるようなデザインを選ぶことだよね！

affinger5　EX版デザイン済データ

次に、有料版3つを紹介していきます！

通常版より多機能なので、その分、レベルの高いデザインにすることができます。

MOCHA

記事一覧がカードタイプになっているので、サイト内の他の記事を見てもらえる機会が増えます。

いい記事を書いているのに読んでもらえないってことはかなり損になりますからね！

また、色合いも落ち着いていて、優しい雰囲気を放っていますので、使いやすくいいサイトだと思います。

INAZUMA

同じくカードタイプですが、よりシンプルになっています。

ですが、きちんと黄色の差し色で、メリハリもついていますので、シンプルでありながら、強調もできる優秀なデザインです！

START UP

企業のサイトにありそうなデザインになっています！

会社のホームページなどに使うと、かなりこれだけで、こなれた雰囲気も出せるので、おススメです！

みこみこ

それぞれ特徴がしっかりあるので、自分のサイト記事とマッチしたものができるとかなり良いものができますよ

デザイン済テーマ設定の手順

ここまでで、自分が導入したいデザイン済データについて理解できたことと思いますので、

実際に、設定していきましょう！

簡単に言うとこの手順になります。

みこみこ

用語が難しいから、難しそうに見えますが、簡単にいうとダウンロード&インストール→インポートだけです。(笑)

まずはインストール&ダウンロード

affinger5をインストールして子テーマに設定する

これは外観を選択後、テーマにある新規追加で、インストールできます！

インストールしたら、子テーマである「WING-AFFINGER5 Child」を有効化したら、完了です！

デザイン済テンプレートをダウンロード

先ほどのデザイン済データの中から、自分の理想に合うのがあれば、承諾事項を了承の上、ダウンロードする　というボタンを押します。

デザインデータをダウンロードしたら「sample4-（自分が選んだサイト名）.zip」というファイルが、フォルダに入ります。

このファイルを開けると、4つのファイルがあります。

• ウィジェット用　Customizer Export/Import
• カスタマイザー用 　Widget Importer & Exporter
• テーマ管理用　  データ引継ぎプラグイン
• ご利用前に必ずお読み下さい.txt

4つあることが確認出来たら、まずこれで、デザイン済みデータのダウンロードが完了となります！

必要なプラグインをインストール

先ほど選択したデザインデータを、自分のWordPressへ取り込むにあたって、プラグインが必要になるので、次は必要なプラグインをダウンロードします！

この二つは無料で導入可能です！

手順

プラグインを押して、新規追加を選択。

右上にあるキーワードのところに、プラグイン名を入力すれば、表示されますので、今すぐインストールを押して完了です！

この手順で

• Customizer Export/Import

もインストールしましょう！※有効化も忘れずに。

これでダウンロード&インストール→インポートの、ダウンロード&インストール部分も終了です！

続いてインポートしよう

続いてインポート手順を説明します！

実際にデザインを設定するために必要な工程です！

Widget Importer & Exporterのウイジェットインポート

まずは、ウィジェットのデータ適用をします。

Widget Importer & Exporterというプラグインを利用します。

手順

ツールから、Widget Importer & Exporterを選ぶと、Widget Importer & Exporterページが開きますので、そこのファイルを選択ボタンを押しましょう。

このフォルダの中に「wing-wp.com-〇〇-widgets.wie」というファイルがあるので、開いてください！

ファイルを開いたら、ウィジェットをインポートを押せば、これでインポートは終了です。

Customizer Export/Importの設定をインポート

次に、カスタマイザーのデータを適用します。

これにはCustomizer Export/Importのプラグインを利用します。

手順

WordPressのダッシュボードから、外観を選択後、カスタマイズを押します。

先ほどと同じくフォルダの中にaffinger5-child-export.datというファイルを選択します。

このファイルをインポートボタンからインポートできたら完了です！

みこみこ

文字の説明だと、難しいと思いますが、実際の画面を見ながら、この通りやってもらえれば、きちんと設定できますので、ご安心を！

有料のデータ引継ぎプラグインは必要ですか？

結論から言うと、無理にはいりません！

データ引継ぎプラグインは、テーマ管理用データをインポートするための専用プラグインです。

しかし、お金払ってまで、必要かといわれると。って感じです。

実際に、ウィジェット用データとカスタマイザーデータの2つだけでも、サイトとしては、十分に成り立ちました。

データ引継ぎプラグインがないとカスタマイズする部分は多少増えますが、購入する必要はないかなと感じます！

まとめ

ということで、

についてまとめました。

affinger5だからこその便利な機能、デザイン済みデータです。

みこみこ

私も早く導入したいなという思いが募るばかりです

理想のサイト作りに、力を貸してくれますので、ぜひ利用してみてはいかがでしょうか

affinger5公式サイト

—————————————————————————————————————————

「ラーメン二郎」でおなじみのみこみこです！

つーか君は誰なん？みこみこってなんや！
超ちょっとだけ自己紹介いたします。

僕は、システムエンジニアでした。いわゆるプログラマーみたいな仕事でした
ブログで300万ＰＶ達成＆最高月収350万した過去があります

ブログで月１００万以上稼ぐことに成功して

SE辞めました。

資格は運転免許しかない

高校受験も大学受験も失敗しつづけ、就職は東証１部企業だったものの

なんとかIT企業に就職するも、鬱病で退職。

仕事もできない、鬱病になるような人でした。

正直、やったら誰でもできると思います。

トレンドブログで会社辞めた方法教えます。

僕がどうやって仕事を辞めて月収１００万
稼げるようになったか、下記の記事で公開しています。
「月１００万稼ぐまでの物語」はこちら
—————————————————————————————————————————

メルマガもやっております。ポケットモンスターでいうなら、ブログ博士並みに、ブログの話しまくっていますｗ