AFFINGER収益化

【AFFINGER】初心者のための初期設定マニュアル、カスタマイズ16項目まとめ【絶対に役立つ】

2020年6月27日

 

ムロ
このブログは、AFFINGERのテーマを買ったけど使い方がわからない!?そんな初心者さんに、記事作成ツールの使い方や、AFFINGERでSEOを効率よくするための記事を書いているブログです( ^ω^ ) 私も、AFFINGERのテーマを購入したときはかなり苦戦しました。そんな経験を元に使い方を記事で紹介していきます。

 

 

ムロ
ども、AFFINGERを使い出してから収益が上がってきました。収益出したいなら(WING (AFFINGER5)を申し込んでおけばOKです。

 

悩む男性
AFFINGERの設定方法が難しいよ

 

そんな方に簡単にAFFINGERの設定方法を説明していきます。

 

ムロ
今回、初心者でも使えるようにマニュアルを作りました。この記事を読んでもらえればAFFINGER5の使い方がよくわかります。【最新版2022年】AFFINGER5の使い方とインストール方法、補足マニュアルと不具合の修正を紹介本ブログの人気記事です。

 

この記事の信頼性

 

 

この記事では、ブログ初心者でAFFINGERの基本的な初期設定と、記事作成時やテーマのカスタマイズを紹介したまとめ記事になります。

 

 

こんな方におすすめ

 

  • これはダミーのテキストですAFFINGERテーマの初期設定がわからない人
  • テーマのカスタマイズ方法を知りたい人
  • テーマのデザインに凝りたい人

 

 

 

 

もくじだよ

AFFINGERを初心者が使えるようにする設定

 

結論から言うと、AFFINGERは公式のマニュアルがあります。

 

ということで、当記事ではAFFINGER6のマニュアル確認方法と初心者でもわかる初期設定について、詳しく丁寧にご紹介します。

 

AFFINGERは初心者にとっては設定が難しいと言われているWordPressテーマ。
設定などでお困りの方は、当記事を参考に何よりも正確な情報が乗っている公式マニュアルを見つけて参考にしましょう。

 

AFFINGERを購入するとマニュアルがありますので、それに沿って説明しますね。

#f44336

まずはマニュアルの確認をしましょう

 

AFFINGERマニュアルの確認方法

参考

  1. WordPress管理画面へログインする
  2. 「AFFINGER管理」→「はじめに」をクリック
  3. 「公式マニュアル」のボタンをクリック

 

 

 

 

 

この手順で『AFFINGERの公式マニュアル』にいきましょう

 

こちらから(WING (AFFINGER5)を申し込みできます!!

 

step
1
AFFINGERをインストールする

 

とりあえず、AFFINGERを購入したらファイルでインストールできましたよね?

 

そのファイルをWordPressにインストールするっていうやり方です

 

>ジップファイルの解凍の仕方

 

>インストールから有効化まで

 

step
2
初期設定をする

 

インストールできたら、使えるようにします

 

>まずは使えるようにするために初期設定をします

 

動画でめちゃくちゃわかりやすく説明してますので、10分ほど

 

step
3
メニューを設定する  

 

記事などをかくにあたりの初歩の初歩を設定します

 

>メニュー設定

 

step
4
ヘッダー設定    

 

トップに画像を入れたりできます

 

>ヘッダー画像の設定

 

step
5
『全体カラー設定』とかんたんな設定方法

 

メインカラーやサブカラーなど好きな色でサイトイメージが変わります

 

>カラーの設定方法

 

step
6
サイドバーの設定

 

ここはけっこう大事なので何回も見て学習しましょう

 

>ウィジェットとは?

>サイドバーを作る

 

これぐらいが初期設定で使えるようになりました。

 

完全まとめ版
AFFINGER5
【記事作成マニュアル完全版】AFFINGER 記事作成に役立つの機能をまとめ

続きを見る

 

 

AFFINGERで初心者が、よく間違えるカスタマイズまとめを詳しく紹介

 

AFFINGERカスタマイズ15項目まとめ

 

 

 

カスタマイズ①:ブログカードの『参考』と『CHECK』をカスタマイズするやり方

 

AFFINGERブログカードはここが新しくなった!!『参考』と『CHECK』が追加になりました。

 

ブログカードは内部リンクで読者に回遊してもらう時には必ずいる機能ですので、見栄えの良いカードを使って読者にわかりやすい!!

ブログカードは、見やすいということでクリック率も上がります。

こんな仕上がりです。そして、こちらで作り方を説明しています。

参考【AFFINGER】ブログカードの『参考』と『CHECK』をカスタマイズするやり方

続きを見る

こちらもCHECK

【AFFINGER】ブログカードの『参考』と『CHECK』をカスタマイズするやり方

続きを見る

 

 

カスタマイズ②  タブ(切り替えボタン)でトップページをカスタマイズする方法、レイアウトがすっきりするやり方

タブを押すと切り替えができるようになり、「切り替えタブ機能」を使って、トップページにカテゴリ別の記事一覧を設置していきます。

 

この記事を読むと、簡単にタブ切り替えが作れるようになります。

 

このタブを作ってからは、カテゴリー分けが見やすく新着記事にスムーズに回遊してくれるようになりPVも上がりましたね。

 

AFFINGERトップページに、流れるインフォメーションバーの作成方法

続きを見る

 

 

カスタマイズ③『ボタンA』『ボタンB』を横並びに表示するやり方、アフィリエイトボタンを自然に押したくなる配置

ランキング機能などで、ボタンを横並びにして『公式ページ』と『商品ページ』にリンクするのに役立つAFFINGERボタン機能です。

 

このボタンを使うことで、商品ページと公式ページの紹介が簡単で見やすく作ることができますので、クリックされる確率が上がります

 

横並びにするとデザイン的にも良いですね。

 

AFFINGER5
【AFFINGER】『ボタンA』『ボタンB』を横並びに表示するやり方、アフィリエイトボタンを自然に押したくなる配置

続きを見る

 

カスタマイズ④ 記事スライドショーでブログトップページにカスタマイズする方法!

テーマを使っている人は必ず使っている機能の一つに記事スライドショーという機能があります。

 

こちらが記事スライドショーと呼ばれるもので、画像をクリックするとその記事に飛ぶようになっています。

 

2022/3/28

AFFINGERトップページに、流れるインフォメーションバーの作成方法

おしゃれに見える「インフォメーションバー」です。   ブロガーさんなら設定している方が多いのではないでしょうか?     固定されたインフォメーションバーを設定するよりも動きがあるので、読者の目線がに止まるように設定したいと思ってる方も多いですよね。   そこで、今回は動いているインフォメーションバーの設定方法について解説していきます。   本記事の信頼性   今回は下記の画像のようにインフォメーションバーを流れるように設定する方法を画像を使って ...

ReadMore

2022/3/28

AFFINGERのハンバーガーメニューのテキストは表示させる

AFFINGER5のハンバーガーメニューは、テキストを表示させた方がクリック率が高まるので、メニューを見てもらいたいなら表示することをおすすめします。   もくじだよ1 ハンバーガーメニューとは?2 テキストを表示させるべき?3 テキストが表示できない対処法 ハンバーガーメニューとは? ハンバーガーメニューとは、三本の横棒が縦に並んだアイコンのことで、アイコンをクリックすることでメニューが表示されます。 AFFINGER5では、「AFFINGER5管理」でデザインの変更や「テキスト(MENU)」 ...

ReadMore

2022/3/28

AFFINGER、『この記事タイトルとURLをコピー』ボタンの設置の方法と、設置することでのメリットは?

  『この記事タイトルとURLをコピー』   AFFINGERで「この記事タイトルとURLをコピーする」ボタンを表示する方法の紹介です。   本記事の信頼性 記事下のSNSボタンの上に表示されるようになります。   \当サイト限定特典付き/AFFINGER申し込む※AFFINGERで稼ぐ   もくじだよ1 AFFINGER記事下に「この記事タイトルとURLをコピーする」ボタンを表示するメリット2 『この記事タイトルとURLをコピーする』ボタンとSNSボタン ...

ReadMore

AFFINGER SNS イラスト 消えた 解決法

2022/2/12

【解決】AFFINGERで、SNSボタンのイラストが表示しない?追加CSSでコピペで解決

ムロSNSボタンのアイコンイラストが消えた!!!!   そんな人がけっこういます、原因としてはプラグインを入れたりしていると、何らかの原因で急にきえつことがわかりましたが、   実際には、どのプラグインが原因なのかは不明です。   とりあえず、やることは追加CSSでコードを入れ公開をすると解決したので紹介します。   本記事の信頼性 \当サイト限定特典付き/AFFINGER申し込む※AFFINGERで稼ぐ   もくじだよ1 AFFINGERのSNSアイコン ...

ReadMore

AFFINGER 投稿日 更新日 

2022/1/16

AFFINGER「投稿日」と「更新日」を表示・非表示する方法は?メリットとデメリットはある?

ブログで新規記事を更新すrと、アイキャッチの下に投稿日が出たりします。そして、記事の上には、更新日と、投稿日も表示されたりしている記事もありますよね。   ムロこれって必要あるの?   今回は、AFFINGERで記事の更新日と投稿日についてです。私のブログ記事には投稿日も、更新日も表示していますがどちらも表示していない記事や、どちらか一つを表示しているものもありバラバラです。   どちらがいいとか、AFFINGERではどうやって表示するのかを、非表示するのかのやり方を紹介しま ...

ReadMore

サイトを見に来てくれたお客さんが、気になる記事画像をクリックし、より多くの記事を見てくれます。

 

サイト滞在時間が長い=良いサイトと判断され

Googleからの評価も高くなり、ドメインパワーが強くなったりすることがわかりました。

 

AFFINGERトップページに、流れるインフォメーションバーの作成方法

続きを見る

カスタマイズ⑤  フッターカスタマイズ、2列、3列で表示する方法を図解で解説

 

AFFINGERでフッターに3列でメニューを追加するカスタマイズをします。

 

現在MURO BLOGは3列フッターになっています。こちらのブログの下を見てもらえればわかると思います。

 

そして、メリットとしてはいろいろな情報やアフィリエイトを埋め込めること

 

ムロ
フッターにアフィリエイト広告を表示してから、クリック率は高くなりました。

 

 

フッターエリアを有効に使ったりしたい人におすすめの記事です。

 

 

AFFINGER5
【AFFINGER】フッターカスタマイズ、2列、3列で表示する方法を図解で解説【ここで差別化しよう】

続きを見る

 

 

カスタマイズ⑥ 『新しいタブで開く』方法のやり方を解説

「新しいタブで開く」という設定にしなければ、「今のページ」を更新して「新しいページ」が開かれます。

 

つまり「現在のタブの上書き」ということになるわけです。

知りたい情報を得ていたのに今のページで更新されちゃうと、読んでたページがなくなっちゃう?

「新しいタブで開く」形にしていれば、ユーザビリティの向上に繋がり、結果として「離脱率」を下げることが出来るということなんです。

 

AFFINGER5
【AFFINGER】『新しいタブで開く』方法のやり方を解説

続きを見る

 

 

カスタマイズ⑦ トップページ記事カード型の作り方は?子テーマJETなしで無料で作るやり方

 

子テーマの『JET』を使わずにカード型のトップページを作ることができます。

 

本来は、JETの子テーマがないとできないカード型のトップページを無料でカッコ良いものを作ることができます。

 

カード型トップページにするだけで、12%以上もブログ回遊率が上がりました。

 

AFFINGER5
【AFFINGER】トップページ記事カード型の作り方は?子テーマJETなしで無料で作るやり方を紹介!

続きを見る

 

 

カスタマイズ⑧ 【AFFINGER】サイドバーに【おすすめ記事一覧】を表示させる方法

おすすめ記事一覧"を表示させる方法についての解説です。

 

本記事を参考にすることで、おすすめ記事一覧が追従するようになり、記事のアピール力が向上します。

 

おすすめ記事一覧で設定する項目

  1. おすすめ記事一覧に表示する文字
  2. 自分のおすすめの人気記事を指定
  3. サイドのスクロールに表示する

 

この3つを設定しておいたらOKです。

 

『おすすめ記事一覧に表示する文字』は、ボックスのタイトル部分。『任意の人気記事を指定』の部分では、表示させたい記事となります。

 

 

AFFINGER5
【AFFINGER】サイドバーに【おすすめ記事一覧】を表示させる方法

続きを見る

 

 

カスタマイズ⑨ ブログのトップページにカテゴリーで『おすすめ記事を表示』『新着記事を表示』するカスタマイズするやり方

 

トップページのカスタマイズ『新着記事』と『おすすめ記事』

 

このブログのトップページは基本的に『新着記事』と『おすすめ記事一覧』で構成されています。

 

おすすめ記事はカテゴリーと記事でまとめてあり、各カテゴリーのサイトに内部リンクでいけるようにしてあります。

 

AFFINGER5
【AFFINGER】ブログのトップページにカテゴリーで『おすすめ記事を表示』『新着記事を表示』するカスタマイズするやり方

続きを見る

 

カスタマイズ⑩ ボックスを破線にするカスタマイズする方法、【AddQuickTag】にタグ登録で簡単に!

自作で「しかくボックス」を作ることができます。

 

しかも、追加CSSを使わなくてもプラグイン で簡単に作ることができます。

 

こんなのをボタン一つで出力できます!!

やり方はこの下から

AFFINGER5
【AFFINGER】ボックスを破線にするカスタマイズする方法、【AddQuickTag】にタグ登録で簡単に!

続きを見る

 

カスタマイズ⑪ プロフィールカードでおしゃれなブログにする【誰でもできちゃう】

見た目からもわかるよう『プロフィールカード』表示させたほうが見栄えも良いです。

 

私の、プロフィールカードを見てください!

 

そんな、プロフィールカードの設置方法は3ステップで完了します。

 

 

アイコン画像は必要ですが、設定はめちゃくちゃ簡単

 

 

AFFINGER5
【AFFINGER】プロフィールカードでおしゃれなブログにする【誰でもできちゃう】

続きを見る

 

カスタマイズ⑫ サイドバー プロフィールの文章テキストや画像が表示されない場合の対処方法

親テーマを少し、変更すると解決します。

 

AFFINGER5
【AFFINGER】サイドバー プロフィールの文章テキストや画像が表示されない場合の対処方法

続きを見る

 

カスタマイズ⑬ アフィリエイトにMCボタンを使い成約率UP【使い方レクチャーあり】

 

効率的な使い方から、作成方法までを解説していきますね。

 

 

今回のAFFINGERツール紹介と使い方は【MCボタン】これを作ります。

 

商品サイトに飛ばしたいときに使うボタンですね。

 

アフィリエイトでは必須アイテムになるくらい重要でAFFINGERではデザイン性の高いボタンになっています。

 

 

AFFINGER5
【AFFINGER】アフィリエイトにMCボタンを使い成約率UP【使い方レクチャーあり】

続きを見る

 

カスタマイズ⑭【AFFINGER】ヘッダーカードの作成方法の紹介!読者にわかりやすいブログにカスタマイズ

ヘッダーカードを設置してから、カードにおいた記事のPVが上がりました。

 

ヘッダーカードのおすすめポイントを紹介します。

 

ポイント

  • 最大4枚まで設置できる
  • もちろん、カード内に任意のタイトルも指定できる
  • 画像の表示パターンや、PC・スマホにおける表示・非表示の指定
  • 個別記事ページのヘッダーにも表示させるかどうかの指定

 

 

見せたいコンテンツやユーザーが求めている記事へのリンクを画像背景付きテキストで簡単に設定できます。

 

 

 

このヘッダーカードですがAFFINGERでは簡単にこの設定ができますので使わない手はないでしょう

 

カスタマイズ⑮【AFFINGER】ブログカード の作り、カスタマイズする方法【内部リンクでSEO対策】

 

AFFINGERで、ヘッダーカードを作るには?

 

AFFINGER管理>おすすめ記事一覧>おすすめヘッダーカード

 

 

AFFINGERではデフォルトで使うことができます。

 

AFFINGER5
【AFFINGER】ヘッダーカードの作成方法の紹介!読者にわかりやすいブログにカスタマイズ

続きを見る

 

 

AFFINGER でブログカードを作る方法の紹介です (=゚ω゚)ノ

 

 

こんな感じでブログカードを使うと、ブログ内部へのリンクをカード型でかっこよく表示できます ( ・ㅂ・)و ̑̑

⬇️

AFFINGER5
【AFFINGER】スライドボックスを作り、枠で囲む作り方を紹介

続きを見る

 

 

記事と記事を繋いだり、補足した記事など、読者にとって潜在意識にある記事になるかもしれませんので内部リンクとしてブログカードを使うことは有効です!!

 

ラベルをつけることもできます。『おすすめ』などのラベル

おすすめ
AFFINGER5
【AFFINGER】ブログカード の作り、カスタマイズする方法【内部リンクでSEO対策】

続きを見る

 

カスタマイズ⑯ AFFINGER記事内のアドセンス広告を横並びに表示するやり方を紹介【PC用とスマホ用】

AFFINGERで作成した記事に「アドセンス広告を横並びに表示する方法」について紹介しています。

 

ムロ
PCとスマホでやり方が違うので、2つやり方を紹介しますね

 

PCとスマホでも広告を2つを横並びにでき、記事下にいれることができます。

 

AFFINGER記事内のアドセンス広告を横並びに表示するやり方を紹介【PC用とスマホ用】

続きを見る

 

 

 

 

まとめ

 

これでやっと記事が書けるようになりました。

 

細かい設定は随時、こちらで更新記事を書いていきますので( ´ ▽ ` )

 

 

『AFFINGER5』公式サイトです

最強のブログテーマAFFINGER5

>>WPテーマ 「WING(AFFINGER5)」多くのブロガーに愛されているテーマ

  • 「もっと美しく、簡単に。」基本デザインパターンも48種!

無駄な時間はとことん省く、通常なら知識が必要な時間かかるカスタマイズもAFFINGERならクリック1つ

記事がサクサク書ける!豊富で自由度の高いデザインパーツ

記事作成に欠かせない様々な装飾をクリック1つで設定できる

 

 コチラも読まれています

>>【AFFINGER】ブログのトップページをカスタマイズするやり方

>>【AFFINGER】スライドボックスを作り、枠で囲む作り方

>>【AFFINGER】バナーリンクの作り方、ブログはオシャレになる【バナーリンク】

 

 

広告1

広告2

-AFFINGER収益化
-, , , ,

© 2022 MURO BLOG Powered by AFFINGER5