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

当サイトおすすめ有料テーマ!【5大特典付き!】


\\//
✔徹底的に表示速度にこだわった完璧なSEO対策のテーマ!

高機能にもかかわらず初めてブログを作る人でもカスタマイズがしやすいテーマ。ブログ作成の欲しい機能がギュッと詰まった今一番人気のテンプレートです。
今なら5大特典「たった30記事で15万円稼いだ方法」やオリジナルデザインマニュアルその他豪華特典付き!

 

詳しい内容は下記のボタンでご確認ください!

【たった5工程で作る!】AFFINGER5(アフィンガー5)のブログサイト作成手順!

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

AFFINGER5(アフィンガー5)のカスタマイズは3つの管理する画面があり実際にブログを作るのに手間どる方もおられると思います。

実際、いろんなテーマを見てきた私も最初は手がとまることがありました。

そこで、AFFINGER5(アフィンガー5)をWordpressにインストールしてひとつのブログにするまでの工程の流れをここでご説明していきたいと思います。

 

速報!
AFFINGER5の特典として芸大卒のなつが作ったオリジナルトップページの作り方の記事閲覧パスワードが追加されました!


⇒ 詳しくはこの記事をご覧ください。

ブロガーが欲しい機能が満載のワードプレステーマ「WING」

※今なら、4大購入特典をお付けしています!

【AFFINGER5(アフィンガー5)のテーマ評判】実際に使ってみた感想と口コミ。【WordPressテンプレート】

AFFINGER5(アフィンガー5)を使ったブログ(サイト)の完成図

まずは、AFFINGER5(アフィンガー5)を使ったブログの完成図をご覧ください。1つは用意されたデザイン済データを使い、もうひとつは基本のカラーパターンで仕上げています。

  • デザイン済データ
  • 基本形のカラーパターン

 

もし、デザイン等が好みに合わない時にはその他の部分を少しづつ調整していけば手間が省けると思います。

デザイン済データ導入デザイン完成図

キュートでポップな「HappyDiary 2020」は、色合いも絶妙で女性用でも男性用でも子供用でも使いやすいデザインです。

 

基本のカラーパターン完成図

カラーパターンとデザインパターンを駆使すれば多くのデザインが完成します。ファイルのインストールなど難しい場合には

 

ブロガーが欲しい機能が満載のワードプレステーマ「WING」

※今なら、4大購入特典をお付けしています!

AFFINGER5(アフィンガー5)の購入特典!見る人に刺さるテンプレート!【WordPressテーマ】

 

 

AFFINGER5(アフィンガー5)のブログ(サイト)作成 工程一覧

手順を追って説明をしていきますが、もしわかっていることがあればその部分は飛ばして読んでいただけるように工程一覧を作ってあります。

もし、作り方に自信がない方やつまづきそうな方は全体に目を通していただいた方が良いと思います。

↓ カスタマイズの項目別に知りたい方は以下の記事が役にたちます。

AFFINGER5(アフィンガー5)カスタマイズまとめ!

 

(すでにWordpressを導入できている状態からのスタート)

  1. AFFINGER5(アフィンガー5)のインストール
  2. 初期設定
  3. プラグインインストール
  4. デザイン済データ導入
  5. カラーパターン変更

 

1~3は共通項目、4番と5番はデザインの部分となりますので完成図を見て好きな方どちらかを選んでください。

↓ 購入からダウンロードまでを確認するなら以下の記事が役にたちます。

AFFINGER5(アフィンガー5)のインストール方法!購入からの流れを含めて詳しく説明!

AFFINGER5(アフィンガー5)のブログ作成 工程 1. 「インストール」

まずは、ダウンロードしたAFFINGER5(アフィンガー5)のファイルをWordpressに導入します。Wordpressにログインしてください。

手順

  1. 新規追加でZIPファイルを指定
  2. テーマのアップロードと有効化

 

新規追加でZIPファイルを指定

WordPressにログインをしてダッシュボードの管理画面からテーマのダウンロードする場所に移動します。

▼ 外観 ⇒ テーマ ⇒ 新規追加 ⇒ テーマのアップロード

 

「ファイルを選択」をクリックし、ダウンロードしたAFFINGER5(アフィンガー5)のZIPファイル(affinger5.zip)を選びます。

 

テーマのアップロードと有効化

ボタンの右側にaffinger5.zipと出てきますので、「今すぐインストール」をクリックします。

インストールできたら「有効化」をクリックします。

affinger5.zipと同じやり方で子テーマのaffinger5-child.zipを導入します。

 

訪問者に刺さるワードプレステーマ「WING」

※今なら、4大購入特典をお付けしています!

AFFINGER5(アフィンガー5)のブログ作成 工程 2. 「初期設定」

ここからはAFFINGER5(アフィンガー5)の初期設定をしていきます。特に難しくはありませんのでサクっと設定を済ませておいてください。

 

  1. マニュアルの確認と初期化
  2. 一般設定
  3. 表示設定
  4. パーマリンク設定

 

1. マニュアルの確認と初期化

AFFINGER5(アフィンガー5)がインストールできたらマニュアルが配布されます。マニュアルは「AFFINGER5管理画面」の「はじめに」というボタン部分から入れます。

ページの真ん中に青いボタン「保存」とありますので初めに1回クリックします。このことをすることによって初期化されます。

  • マニュアルの「保存」ボタンを押す

 

2. 一般設定

一般設定は、他のテーマでも基本的にやることです。

▼ 設定 ⇒ 一般

 

サイトタイトルとキャッチフレーズを設定して「変更を保存」をクリック。

 

3. 表示設定

表示設定も基本的にやっておく設定です。

▼ 設定 ⇒ 表示設定

 

1ページに表示する最大投稿数と「抜粋のみを表示(AFFINGER5推奨)」をチェックして「変更を保存」をクリック。

 

4. パーマリンク設定

AFFINGER5ではパーマリンクは投稿名が推奨です。

▼ 設定 ⇒ パーマリンク設定

 

投稿名の部分にチェックを入れ「変更を保存」とクリック。

 

↓ AFFINGER5の便利な使い方の設定やGoogleアナリティクス・サーチコンソール設定については以下の記事を参考にしてください。

AFFINGER5(アフィンガー5)の初期設定のやり方!ブログ記事を書き始めるまでの最短ルート!

訪問者に刺さるワードプレステーマ「WING」

※今なら、4大購入特典をお付けしています!

AFFINGER5(アフィンガー5)のブログ作成 工程 3. 「プラグインインストール」

AFFINGER5(アフィンガー5)の公式で推奨されているのが「Classic Editor(プラグイン)」です。その他、デザイン済みデータを導入するために「Customizer Export/Import」などが必要となります。

 

推奨プラグイン

  • Classic Editor・・・旧エディターに戻すもの
  • EWWW Image Optimizer・・・画像を自動で圧縮するもの
  • TinyMCE Advanced・・・エディタを拡張するもの
  • DuplicatePost・・・投稿や固定記事を複製できる
  • Google XML Sitemaps・・・Googleのクローラー用サイトマップを作成

公式からはその他キャッシュ系のプラグインなども推奨されていますので必要に応じて追加していってください。

 

デザイン済みデータを導入する場合に必要になるプラグイン

  • Customizer Export/Import・・・DATファイルを導入する
  • Widget Importer & Exporter・・・ウィジェットファイルを導入する

 

プラグインのインストール方法(共通)

プラグインのインストールは共通です。

▼ 外観 ⇒ プラグイン ⇒ 新規追加

 

右上の検索窓に該当のプラグインの名前を入力するとプラグインのインストール画面が出てきます。

 

今すぐインストールを押すと画面が変わります。「有効化」という文字があるのでそちらをクリックするとインストール完了です。

 

訪問者に刺さるワードプレステーマ「WING」

※今なら、4大購入特典をお付けしています!

AFFINGER5(アフィンガー5)のブログ作成 工程 4. 「デザイン済データ導入」

デザイン済データを導入するためには、前の章のプラグイン「Customizer Export/Import」「Widget Importer & Exporter」の2つのインストールが必要です。

デザイン済データではなく基本系で色の変更のみで使いたい場合には次の章をご覧ください。

 

AFFINGER5(アフィンガー5)のデザイン済データ

AFFINGER5(アフィンガー5)のスタンダード版では、今現在7種類のデザイン済データが用意されています。

  • 一般ブログ向けポップなデザイン・・・Tidy、PINKY、HappyDiary 2020
  • ビジネス向けデザイン・・・NOTE.2020
  • アフィリエイト用・・・Lupine 2020
  • Youtuber用・・・YouTube、YouTube2

出典:AFFINGER5「Tidy」

出典:AFFINGER5「PINKY」

出典:AFFINGER5「HappyDiary 2020

出典:AFFINGER5「NOTE.2020

 

デザイン済データの導入方法

好きなデザインが決まったらダウンロードしていきます。

出典:AFFINGER5

ZIPファイルがダウンロードできますので、展開していきます。(このままではインストールできませんのでご注意ください)

 

ZIPファイルを開く

ダウンロードしたファイルを開きます。(ファイルの上でダブルクリックをします。)

 

4項目出てきますので、「ウィジェット用」と「カスタマイザー用」という部分をクリックして開いてください。

  • ウィジェット用・・・WIEファイル
  • カスタマイザー用・・・DATファイル

上記2つのファイルが出てきますので、わかるところにコピペで保存しておいてください。

 

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

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

 

「ファイル選択」をクリックし、カスタマイザー用のファイルを選びます。

「インポート」をクリックするとデザインがブログに反映します。

 

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

次に、ウィジェット用のファイルをインストールします。

▼ ダッシュボード ⇒ ツール ⇒ Widget Importer & Exporter 

 

「ファイルを選択」をクリックし保存したWIEファイルを選びます。

「ウィジェットをインポート」をクリックします。

 

↓ このブログから人気のAFFINGER5(WING)を購入くださった方に特典をプレゼントしています。

AFFINGER5(アフィンガー5)の購入特典!見る人に刺さるテンプレート!【WordPressテーマ】

 

AFFINGER5(アフィンガー5)のブログ作成 工程 5. 「カラーパターン変更」

デザイン済データの工程をせずにデフォルトのデザインの色変更のみでも立派なブログになります。もしカスタマイズに自信がなければ、最初はカラーパターンとデザインパターンのみ変更して使いだすと良いでしょう。

 

AFFINGER5(アフィンガー5)をインストール直後のデザイン

(以下の画像は、「ヘッダー画像」と「プロフィール」のみ設定はしてあります。)

 

トップのヘッダー部分はデフォルトではグレーとなっています。

▼ AFFINGER5管理画面 ⇒ デザイン

 

変更パターン(色)
赤(エレガント) 青(ビジネス) 緑(ナチュラル) オレンジ(元気) ピンク(可愛い) グレー(ダーク) 赤(やさしい) 青(やさしい) 緑(やさしい) オレンジ(やさしい) ピンク(やさしい) グレー(やさしい)
デザインパターン
デフォルト(グラデーション横) ビジネス(グラデーション縦) フラット(シンプル) キューティー(ストライプ) ブログ(初心者おすすめ)

双方、リセットボタンもありますので安心して試してみてください。

デザイン例

  • 色・・・緑(やさしい)
  • デザイン・・・ブログ(初心者)

 

 

 

↓ このブログから人気のAFFINGER5(WING)を購入くださった方に特典をプレゼントしています。

AFFINGER5(アフィンガー5)の購入特典!見る人に刺さるテンプレート!【WordPressテーマ】

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

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

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

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

 

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

 

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

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

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

1. 検索上位を目指せる

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

 

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

 

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

 

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

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

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

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

 

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

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

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

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

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

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

 

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

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

おすすめ!WordPressテーマ

WordPressテーマ「AFFINGER5(アフィンガー5)

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

 

 

コメントを残す

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

9 + 8 =