元サラリーマンブロガーなつのプロフィール

【新デザイン】AFFINGER6のデザイン済データーの種類と導入。

ブログ運営半年で月20万超の元サラリーマンブロガーなつです。

AFFINGER5からAFFINGER6に変更してからデザイン済データーが少しリニューアルされました。先日、新しく整理されていましたので現時点でわかっているデザイン、その使い方などをお伝えしていきます。

AFFINGER6のデザイン済データー(着せ替え)のインストールと導入方法をお伝えしていきます。

 


ブロガーが欲しい機能が満載のワードプレステーマ「AFFINGER6/ACTION」
AFFINGER6(アフィンガー6)の公式ページを確認する。
※今なら、5大購入特典をお付けしています!


※ AFFINGER6(ACTION)は AFFINGER5(WING)の後継版です。
⇒ 違いについてはコチラの記事でどうぞ。

AFFINGER6のデザイン済データ(着せ替え)の種類

AFFINGER6へ切り替わったころには、はっきりと出てきている新しい着せ替えデザインは少なかったのですが、今回新たなデザインが公開されていました。

前回のAFFINGER5でもデザインが追加されていたので、今後増えるかもしれませんが、現時点でわかっているものをお伝えします。

 

SIMPLE START

超シンプルで基礎の項目だけのデザインです。まずは導入してしまってそこから小さな部分を調整するのに適しています。色はブルーですが、変更できますので、色だけ後で変更すれば自分なりのデザインにもなります。

出典:AFFINGER6

デザインの特徴
  • スライダーのサムネイルの角が丸い
  • タブボックスを配置
  • プロフィールが配置
  • SNSボタンが丸い

速報!
芸大卒のなつが作ったデザインのマニュアルも特典に追加しました。

⇒ 詳しくはコチラをご覧ください。

※ヘッダーの画像は、イラストACのイラストレーターさん方の作品です。特典内でURLをお伝えしています

Tidy2

ピンクと水色のグラデーションが美しい「Tidy2」は、AFFINGER5の時もほぼ同じものがありました。今回AFFINGER6では、テキストが違っていたり、使いやすそうなギャラリーやGutenbergで使える見出しやボックスなど機能性も高いです。

 

出典:AFFINGER6

デザインの特徴
  • かわいいテキスト
  • サムネイル画像がポラロイド写真調
  • ヘッダーのグラデーション
  • タブボックスを配置
  • ヘッダー画像がスライダー
  • プロフィール配置
  • サイドバーメニューもグラデーション
  • SNSボタンが単色で丸い

Tidy2はとにかく色合いがきれいです。女性をターゲットにしたブログサイトなどにも良いと思いますが、もし男性にもアピールする場合には色変更でイメージが変わります。

 


ブロガーが欲しい機能が満載のワードプレステーマ「AFFINGER6/ACTION」
AFFINGER6(アフィンガー)の公式ページを確認する
※今なら、5大購入特典をお付けしています!


※ AFFINGER6(ACTION)は AFFINGER5(WING)の後継版です。
⇒ 違いについてはコチラの記事でどうぞ。

MUKU

基本形のデザインをピンポイントで色などをシックな雰囲気に変更させているデザインです。一番の特徴はスライドショーの背景に黒にしてシックなイメージとなっています。

出典:AFFINGER6

デザインの特徴
  • スライドショーの角が丸い
  • スライドショーの背景に黒でシックに
  • サムネイルが正方形
  • SNSボタンが丸い
  • プロフィールがある
  • タブボックスがある

【EX版】AFFINGER6のデザイン済データ(着せ替え)の種類

ACTION(AFFINGER6)にも上位版でEX版があります。前回は、カラフルなデザインがありましたが、今回は通常版の機能拡張のような内容になっているようです。

 

WIDE/EX

基本的にはシンプルに見えますが、内容がとてもユニークな機能が配置されています。EXの機能自体がシークレットのものもあるので通常版とはまた違った面白さもあります。

 

出典:AFFINGER6

デザインの特徴
  • カウント機能付きボタン
  • 差し込み動画

よくアフィリエイトで、あと〇分〇秒までで締め切りのようなカウントして誘導するボタンが付いています。

 

Tidy EX

通常版のTydy2の基本にEXの特徴を追加してあります。大きく違っているのはトップページの記事配置。「もっと読む」のボタンを押すと多くの記事のサムネイルが表示されます。

出典:AFFINGER6

デザインの特徴
  • トップページのサムネイルの配置増

MUKU/EX

MUKU/EXも通常版の基本にEXの特徴を追加したデザインとなっています。トップページにタブで切り替えできるようになっていて多くの記事をきれいな配置で見せることができます。

出典:AFFINGER6

デザインの特徴
  • トップページのサムネイルの配置増

訪問者に刺さるワードプレステーマ「AFFINGER6/ACTION」
AFFINGER6(アフィンガー6)の公式ページを確認する。
※今なら、5大購入特典をお付けしています!

※ AFFINGER6(ACTION)は AFFINGER5(WING)の後継版です。
⇒ 違いについてはコチラの記事でどうぞ。

AFFINGER6着せ替えとカラーレイアウト変更は別物

AFFINGERを使っていると着せ替えとカラーレイアウト変更がごっちゃになってしまいがちなんですが、このデザイン調整方法の2種類は別物です。デザイン済データ(着せ替え)は、すでに公式で完成させたデザインをダウンロードしてからブログに乗っけるものです。

カラー/レイアウト変更は、ブログの色とレイアウトの型のいくつかの選択肢を組み合わせて自分で設定するものです。

 

  • デザイン済データ・・・公式が作ったデザインをそのままダウンロードして導入
  • カラー/レイアウト変更・・・色とレイアウトをユーザーが選んで組み合わせるデザイン
 

どちらも、導入後の変更は可能なので難しく考えず導入しても問題ありません。デザインに自信のない方などは、公式の作ったデザインをそのまんま導入してしまえば細かい調整なしですぐにブログ作成にかかれますので便利です。

 

デザイン済データ「Tidy2」の色違いを作ってみた。

前の章でお伝えした通りTidy2はとてもセンスのよい美しい着せ替えですが、若干女性向けなのかなと感じます。そこで、男性向けや、もう少し違うイメージにしてみますのでよかったら参考にしてみてください。

なつ
色番号や作り方も記載していますので活用できますよ!

 

【基本】Tidy2の導入

まず、デザイン済データ(着せ替え)では、準備が必要ですので、導入前の操作と導入を説明していきます。Tidy2に限らず、ブラウザなどの違いにより全く同じものが出てこない場合もありますのでその都度調整が必要になる場合があります。

必要なプラグイン

  • Customizer Export/Import
  • Widget Importer & Exporter
まずは上記のプラグインを導入し、有効化しておいてください。

ざっくりと説明すると、上の「Customizer Export/Import」は全体のデザインの導入のため、下の「Widget Importer & Exporter」はウィジェット操作のために必要になります。

 

Tidy2ファイルをダウンロード

まずは公式のデザイン済データーのページからファイルをダウンロードします。

⇒ AFFINGER6「デザイン済データ」ページ

 

 

ダウンロードしたらファイルを開き、DATファイルと、WIEファイルをPCのわかるところに保存しておきます。

 

  • affinger-export.dat・・・デザイン部分
  • action-sample.com-skin4-widgets.wie・・・ウィジェット部分

 

 

Tidy2ファイルをインストール(デザイン)

Tidy2のインストールを行います。

▼ 外観 ⇒ カスタマイズ ⇒ エクスポート/インポート

 

affinger-export.datのファイルを選んで、インポートボタンをクリックします。

 

ウィジェットのインストール

プラグイン「Widget Importer & Exporter」の欄の下に「インポート/エクスポート」と記載されている部分をクリックします。ファイルをインストールできる部分がでてきます。

 

上記ができたら色変更していましょう。

なつ
インストールしたら、ヘッダー画像がなかったのとテキスト等が変更されてなかったので調整しています

 


訪問者に刺さるワードプレステーマ「AFFINGER6/ACTION」
AFFINGER6(アフィンガー6)の公式ページを確認する。
※今なら、5大購入特典をお付けしています!

※ AFFINGER6(ACTION)は AFFINGER5(WING)の後継版です。
⇒ 違いについてはコチラの記事でどうぞ。

Tidy2のモノクロっぽくする

このデザインに黒を追加してシックにしていみましょう。黒だけでも良いのですが単調になるので緑を足してみます。

ヘッダー上部の色変更

▼ 外観 ⇒ カスタマイズ ⇒ 基本エリア設定 ⇒ ヘッダーエリア

 

  • 背景色・・・#2b2b2b
  • 背景色(グラデーション)・・・#00a497

 

ヘッダーメニューの色変更

▼ 外観 ⇒ カスタマイズ ⇒ 各メニュー設定 ⇒ PCヘッダーメニュー

 

  • 背景色・・・#00a497
  • 背景色(グラデーション)・・・#333333

 

スマホ画面の色変更をする場合には「▼ 外観 ⇒ カスタマイズ ⇒ 各メニュー設定 ⇒ スマホメニュー(スマホヘッダー)」で同じく変更をしていきます。

 

初心者だからこそWordpress有料テーマ を使うべき理由

無料テーマを使うことで時間の無駄遣いをしていませんか?

  • 思い通りのデザインにできない
  • なかなか稼げない
  • アクセス数が増えない

こんな悩みを抱えていませんか?

 

稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。

 

Wordpressの有料テーマができる5つのこと

  1. 検索上位を目指せる
  2. 見た目が綺麗でおしゃれになる
  3. 機能が豊富で出来ることが多い
  4. マニュアルなどのサポート
  5. 有名ブロガーも有料テーマを使っている

これまでにあげた5つの有料テーマの特徴を説明していきます。

1. 検索上位を目指せる

ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO(SearchEngine Optimizationの略)です。

 

  • 情報の信頼性
  • ユーザーへの役立つ情報であるか?
  • スマホ・PCなどでストレスなく使える

 

などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。

 

2. 見た目が無料テーマ以上に綺麗になる

シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。

有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。

 


出典:AFFINGER5(アフィンガー5)
 

3. 機能が豊富でできることが多い

今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。

4. マニュアルなどのサポート

なにかわからないことがあった場合、詳しく記載しているものがあるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。

5. 有名ブロガーも多数使用

稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。

 

もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。

カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。

おすすめ!WordPressテーマ
「ACTION(AFFINGER6)」

 

  • 高機能の最新テーマで大人気
  • デザイン変更でいろんな用途に使える
  • マニュアル完備
  • 各パーツがプロに作ってもらったみたいにアレンジ可能
  • バナーや囲い枠スライダーなど特殊なものが簡単に作れる。

※ AFFINGER6(ACTION)は AFFINGER5(WING)の後継版です。
⇒ 違いについてはコチラの記事でどうぞ。

シェアしてね!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUT US

なつ
とある芸術大学(デザイン専攻)を卒業後、大手企業に就職。業界の大改変で人件費削減の中、残業100時間が越えた時、「社会人」を卒業しました。 独学でブログを作った時に何度も挫折した経験から、難しい表現をせず超初心者でも理解できるようなWordpressテーマの使い方説明や、カッコいいデザインの作り方もお伝えしています。