WordPress無料人気テーマ「Affinger」インストールから有効化までの設定方法(初心者でも簡単・図解)

今日は無料SEO対策済みのテーマ「Affnger」のインストールから有効化までの流れを図解にて分かり易くご説明致します。

最初のバージョンが2015.6.29に提供開始となり、同年10.21には一部修正バージョンが出たようです。

何しろ謳い文句が

「お金を稼ぐに特化したブログテーマ」

ということなので、これを使わない手は無いでしょう!

何を隠そう、このサイトのテーマも「Affinger」を利用しております!

実際に利用してみた感想ですが、AffingerのSEO効果は絶大でして、サイト立ち上げから想定以上のアクセス数を頂いている状況です。

先の記事でもお伝えしましたが、サイト立ち上げから15日目にして「ブログ村」の「アフィリエイト」ランキングで2位!(OUTポイント)まで上昇するなど、このテーマを採用したおかげで上々の滑り出しとなっております。

 

(図解)Affinger(アフィンガー)のインストールと有効化の方法

さて、インストール方法は簡単です。先ずは、

かの有名な製作者「Enji」さんの公式サイト
http://the-money.net/stinger/dl/

よりデータをダウンロードします。

stinger.インストール1jpg

先ずはWordPressのダッシュボードで「外観」の小項目である「テーマ」をクリックします。

 

stinger.インストール2jpg

「テーマ」の画面が表示されるので、上部にある「新規追加(青字)」をクリックします。

 

stinger.インストール3jpg「テーマを追加」の画面になるので、上部の「テーマのアップロード」をクリックします。

 

stinger.インストール4jpg

「テーマを追加」のファイル選択画面になるので、中央の「ファイルを選択」をクリックします。

 

affingerインストール4

Windowsエクスプローラーの窓が開くので、先にダウンロードした「Affinger」のファイルをダブルクリックして選択します。(このPCでは「owner」フォルダの「ダウンロード」フォルダにダウンロードされています。)

 

affingerインストール5

ファイルを選択すると、「ファイルを選択」の右に選択したファイル名が表示されますので、その直ぐ下の「今すぐインストール」をクリックするとインストールが開始されます。

 

affingerインストール6

「テーマのインストールが完了しました。」のコメントが表示されるので、その直ぐ下の「有効化」をクリックします。

 

affingerインストール7

「有効化」をクリックすると、上のテーマ画面に切り替わり「Affinger」が表示されます。これで有効化されたことが確認できます。そのまま「カスタマイズ」(青)に進むとカスタマイズの画面が表示されて、ヘッダー画像などが設定できます。



affingerインストール8
カスタマイズ画面です。このテストサイトでは「Stinger5」から「Affinger」に鞍替えしたのですが、ヘッダー画像が消えてしまいました。従って、左に表示されている設定メニューの「ヘッダー画像」をクリックして設定します。

 

affingerインストール9

[現在のヘッダー]右下の「新規画像を追加」をクリックします。

 

affingerインストール10

[画像の選択]画面が表示されるので、画像を指定し、右下の「選択して切り抜く」をクリックします。

 

affingerインストール11
[画像の切り抜き]画面に切り替わるので範囲を指定し、右下の「画像の切り抜き」をクリックします。尚、このテストサイトの場合は、元のStingerの時に指定の大きさの画像を作成していたので「切り抜かない」をクリックしてそのままのサイズで使用しています。(テーマで設定されている指定の画像サイズがあるので、この切り抜き作業にて画像のサイズを調整する作業が必要になります)

 

affingerインストール12
前の作業で指定した画像が反映されますので、上の「保存して公開」をクリックして確定して下さい。尚、ヘッダー画像左下の「テストページ」という表示が余計ですよね。これを消すと同時にグローバルナビゲーションメニューを設定しますので「カスタマイズ中ヘッダー画像」左横の「<」をクリックして前の画面に戻って「メニュー」をクリックして下さい。

 

affingerインストール14

[グローバルナビゲーション]の設定をします。左上部に「カテゴリーA」~「テストページ」と6つの項目が表示されています。この内、下の3つは不要なので削除します。先ずは一番下のテストページを消してみます。「テストページ」をクリックして下さい。

 

 

affingerインストール15

「テストページ」の下にドロップダウン項目が表示されるので「削除」をクリックして削除します。同様に「サンプルページ」2つも削除します。

 

affingerインストール16

「テストページ」と「サンプルページ」2つを削除すると上のようになります。また、下の「メニューの位置」の「ナビゲーションバー~」にチェックを入れると、ヘッダー画像の下に「グローバルナビゲーションメニュー」が追加されます。

 

affingerインストール17

サイトを表示すると、このようになります。ここまでくると「お~!」となりますよね。ホームページらしくなり、これからの夢が広がってきます。

後は記事を更新しながら、気がついた部分は各種プラグインを有効に活用して、自分好みのサイトを作り上げて下さい。本当にAffingerはお薦めのテーマです。

他、余談です。エックスサーバーでサーバーをレンタルしてサイトを運営していますが、すこぶる好調です。この記事ように図を多用して作成しているものは、画像を挿入して文章を書いてプレビューして、また画像を挿入して文章を書いてプレビューしてと、繰り返し繰り返しで確認を行う必要がありますが、都度プレビューする際もタイムラグがなくストレスが溜まりません。先達の方々の評価を確認した上でエックスサーバーを選びましたが、本当に良い選択ができたものだと感じています。ありがたや~ありがたや~(笑)

にほんブログ村 アフィリエイト
人気ブログランキングへ
FC2 Blog Ranking

コメント

タイトルとURLをコピーしました