ボクのアフィリエイト日記

ボクアフィ

AFFINGER5(WING)のカスタマイズまとめ

AFFINGER5

WordPressテーマ「AFFINGER5(WING)」の使い方やカスタマイズ方法、Google AdSenseの設定に関してまとめました。

テーマの基本的な設定・使い方は「WINGマニュアル」にすべて記載されているので、まずはそちらを熟読してください。ココでは、公式マニュアルには書いていないような情報を記載しています。

「AFFINGER5(WING)」とは?

AFFINGER5(WING)とは?

AFFINGER5(WING)

AFFINGER5(アフィンガーファイブ)は、国産のWordPressテーマです。別名は「WING」。このブログでも使用しています。

テーマの開発者はブログ「ENJILOG」の運営者でもあるENJIさん。自身もアフィリエイター(ブロガー)であり、アフィリエイター目線で「WordPressテーマにこんな機能があったら良いな」をすべてAFFINGER5に詰め込んでいます。

AFFINGER5を使ったレビューについては、以下の記事をご参考にしてください。

AFFINGER5
【AFFINGER5(WING)の評価】メリット・デメリットも徹底レビュー

WordPressテーマ「AFFINGER5(WING)」を使って感じたメリット・デメリットを徹底解説します。

続きを見る

AFFINGER5とプラグイン

WordPressの「プラグイン」とは?

WordPressプラグイン

プラグインとは?

プラグインは、WordPressの機能を拡張させるツールです。さまざまなプラグインが存在しており、ほとんどが無料で提供されています。

AFFINGER5はテーマ単体でも十分に機能しますが、プラグインを併用すると、より魅力的なサイトを作れます。

AFFINGER5には不要なプラグイン

以下のプラグインは、AFFINGER5の標準機能としてあらかじめ実装されているため、インストールする必要はありません。

  1. All in One SEO Pack
  2. Lazy Load
  3. Rich Text Tags
  4. WP-CopyProtect
  5. Speech Bubble
  6. AMP for WordPress

プラグインの詳細は、以下の記事を参考にしてください。

コレは不要!AFFINGER5と機能がダブってるプラグインまとめ
コレは不要!AFFINGER5と機能がダブってるプラグインまとめ

わざわざインストールしなくても、WordPressテーマ「AFFINGER5」の機能としてあらかじめ実装されているプラグインをご紹介します。

続きを見る

また、次の3つのプラグインは人気ですが、他のツールで代用できたり、違うプラグインの方が使えるので不要です。

  1. Contact Form 7
  2. Table of Contents Plus
  3. WordPress Popular Posts
人気だけど意外と不要なWordPress名プラグイン3選
人気だけど意外と不要なWordPress名プラグイン3選

WordPressで利用頻度が高い人気のプラグインだけど、実は不要なプラグインを3つご紹介します。

続きを見る

AFFINGER5におすすめのプラグイン

AFFINGER5におすすめの外部プラグインは次の通り。

  1. Broken Link Checker
  2. Classic Editor
  3. Easy FancyBox
  4. EWWW Image Optimizer
  5. Google XML Sitemaps
  6. Invisible reCaptcha
  7. PS Auto Sitemap
  8. SiteGuard WP Plugin
  9. TinyMCE Advanced
  10. Udinra All Image Sitemap
  11. WebSub/PubSubHubbub
  12. キャッシュ系プラグイン(3種)
  13. WP Multibyte Patch
  14. リビジョンコントロール
  15. Super Progressive Web Apps

プラグインの詳細は、以下の記事を参考にしてください。

AFFINGER5におすすめの無料外部プラグイン15選
AFFINGER5におすすめの無料外部プラグイン15選

「AFFINGER5(WING)」でサイト・ブログを運営している人におすすめの、無料の外部プラグインをご紹介します。

続きを見る

AFFINGER5の通常ページカスタマイズ

AdSenseのレイアウトが崩れたときの解決策

「WINGマニュアル」に掲載されていないような、AFFINGER5の独自のカスタマイズの一例をご紹介します。カスタマイズ詳細は、次の各記事を参考にしてください。

カスタマイズ関連記事

AFFINGER5(WING)のスクロールナビのデザイン例とコード
AFFINGER5(WING)のスクロールナビのデザイン例とコード

2019/3/5  

WordPressテーマ「AFFINGER5(WING)」のver20190304βから追加された新機能「スクロールナビ」のデザイン例を5つご紹介します。

AFFINGER5でAdSenseをランダム表示してABテストする方法

2019/2/25  

WordPressテーマ「AFFINGER5(WING)」で、AdSenseの広告ユニットをランダム表示させて、ABテストする方法をご紹介します。 目次 ランダム表示させる準備 コードを貼り付ける方法 ...

AFFINGER5の検索フォーム内のテキストを変更する方法
AFFINGER5の検索フォーム内のテキストを変更する方法

2019/2/14  

WordPressテーマ「AFFINGER5(WING)」の検索フォーム(ブログ内検索)のカスタマイズ方法をメモしておきます。 ファイルの場所 編集するファイルは「検索フォーム (searchform ...

AFFINGER5の投稿ページ下のSNSボタンの表示位置を変える方法

2019/1/16  

AFFINGER5のSNSボタンを好きな位置に表示する方法をご紹介します。

AFFINGER5でスマホのみサイドバーウィジェットを非表示にする方法

2019/2/12  

AFFINGER5でスマホページのみ、サイドバーのウィジェットを一括で非表示にする方法をご紹介します。

AFFINGER5の関連記事のファイルの中身
AFFINGER5の関連記事一覧の並び順を変えるカスタマイズ方法

2018/12/25  

WordPressテーマ「AFFINGER5(WING)」の投稿記事の下に表示される関連記事一覧の並び順を変える方法をご紹介します。 関連記事一覧のデフォルトの並び順 AFFINGER5のデフォルトの ...

AFFINGER5で使える「順序づけパラメータ(orderby)」の種類
AFFINGER5で使える「順序づけパラメータ(orderby)」の種類

2018/12/25  

AFFINGER5(WING)の「カテゴリー一覧」「タグ一覧」のショートコードで使用する「順序づけパラメータ(orderby)」の種類について解説します。

AFFINGER5の「おすすめ記事一覧」とは
AFFINGER5でカテゴリ別に「おすすめ記事一覧」を表示する方法

2018/11/25  

WordPressテーマ「AFFINGER5(WING)」の標準機能である「おすすめ記事一覧」を、カテゴリ別に違う記事を表示させるカスタマイズ方法をご紹介します。

AFFINGER5でスマホフッターにバナー広告を固定表示させる方法
AFFINGER5でスマホフッターにバナー広告を固定表示させる方法

2018/6/16  

AFFINGER5(WING)で、スマートフォンのフッターにAdSense以外のバナー広告を固定表示(モバイルアンカー広告)させる方法をご紹介します。

AFFINGER5でスマホフッターに「光るボタン」を固定表示させる方法
AFFINGER5でスマホフッターに「光るボタン」を固定表示させる方法

2018/6/16  

AFFINGER5(WING)で、スマートフォンのフッターに「キラリと光るボタン」を固定表示させる方法をご紹介します。

AFFINGER5の「ボタンA」「ボタンB」をPC画面で横並びにする方法
AFFINGER5の「ボタンA」「ボタンB」をPC画面で横並びにする方法

2018/6/13  

PC画面で見たときに、AFFINGER5の「ボタンA」と「ボタンB」を横並びにする方法をご紹介します。

AFFINGER5のAMPページカスタマイズ

AFFINGER5のAMPページに表示させた「記事内広告」の横幅をレスポンシブに変更する方法

AFFINGER5では、ボタン1つでAMP対応できます。ですが、デフォルトのAMPページではいろいろ制限があるため、独自のカスタマイズでレイアウトなどを変更できます。カスタマイズ詳細は、次の各記事を参考にしてください。

カスタマイズ関連記事

AFFINGER5(WING)のAMPページカスタマイズまとめ

2019/3/17  

WordPressテーマ「AFFINGER5(WING)」のAMPページのカスタマイズ例をまとめました。AMPは機能に制限がありますが、カスタマイズをすれば少しはマシになります。 紹介カスタマイズ 見 ...

AFFINGER5のAMPページの見出しに好きな色を付ける方法

2019/4/3  

WordPressテーマ「AFFINGER5(WING)」のAMPページのhタグ(見出し)に色を付ける方法を解説。

AFFINGER5サイトのURL末尾に/を付けてAMP対応させる手順

2019/3/6  

AFFINGER5(WING)で作ったサイトのURL末尾に/(トレイリングスラッシュ)を後から付け足し、AMP対応させる手順を解説。

AFFINGER5のAMPページにAdSenseの自動広告を配信する方法
AFFINGER5のAMPページにAdSenseの自動広告を配信する方法

2019/2/13  

「AFFINGER5(WING)」のAMPページに、Google AdSenseの「AMP 自動広告」を配信する方法をご紹介します。

AFFINGER5のAMPページにランキングを表示させる方法
AFFINGER5のAMPページにランキングを表示させる方法

2019/2/9  

AFFINGER5のAMPページの記事下に、アフィリエイト向けのランキングを表示する方法をご紹介します。

AFFINGER5のAMPページに表示させた「記事内広告」の横幅をレスポンシブに変更する方法
AFFINGER5のAMPページに表示させた「記事内広告」の横幅をレスポンシブに変更する方法

2018/11/18  

AFFNIGER5のAMPページに「記事内広告」を表示させ、さらに横幅をレスポンシブに変更する方法をご紹介します。

AFFINGER5のAMPページに全幅のAdSenseを表示する方法

2018/7/12  

AFFINGER5のAMPページに、全幅のAdSenseレスポンシブ広告を表示する方法をご紹介します。

AFFNIGER5のAMPページに「記事内広告」を表示させるカスタマイズ
AFFNIGER5のAMPページに「記事内広告」を表示させるカスタマイズ

2018/6/14  

AFFINGER5で生成したAMPページに、AdSenseの「記事内広告」を記事内の好きな場所に、好きな数だけ設置する方法をご紹介します。

AFFINGER5のAMPページにネイティブ広告「関連コンテンツ」を表示させる方法
AFFINGER5のAMPページにネイティブ広告「関連コンテンツ」を表示させる方法

2018/6/29  

AFFINGER5(WING)のAMPページの記事下に、AdSense「関連コンテンツ」を表示させる方法を解説します。

AFFINGER5のAMPページに「リンクユニット」を表示させる方法
AFFINGER5のAMPページにAdSense「リンクユニット」を表示させる方法

2018/6/29  

AFFINGER5(WING)のAMPページに、収益性の高いAdSense広告ユニット「リンクユニット」を表示させる方法を解説します。

AFFINGER5でAdSenseの収益を上げるには?

【初心者向け】AdSense基本の3つの設置場所

Google AdSense

収益を伸ばす15のテクニック

AdSenseはアクセス数に左右されることが多いため、「コレを変えたから収益がグッと伸びる」などの施策はほとんどありません。

ですが、以下のテクニックを駆使すればジワジワと収益が伸び、長いスパンで見ると大幅な増収が見込めます。

「AFFINGER5を使っているけど、なかなか収益が出ない」と悩んでいる方で、まだ実践していないテクニックがあったら、ぜひ実践してみてください。

各改善策の詳細は、以下の記事もご参考にしてください。

AdSenseの収益性をジワジワ伸ばす15のテクニック
AdSenseの収益性をジワジワ伸ばす15のテクニック

AdSenseのクリック率やクリック単価を向上し、収益を伸ばす15のテクニックをご紹介します。

続きを見る

クリック率が低いときの改善点

AdSenseのクリック率は、0.1%以下なら要改善、1.0%以上なら好成績です。

クリック率が低いときは、

  1. 配置を見直す
  2. 視認率を上げる
  3. 広告ユニットを変更する
  4. 広告サイズを変更する
  5. テキスト広告のスタイルを変える

の5つの改善を試みてください。

改善策の詳細は、次の記事を参考にしてください。

AdSenseのクリック率が低いときの5つの改善策
AdSenseのクリック率が低いときの5つの改善策

AdSenseのクリック率0.1%以下と低いときに効果的な5つの改善策をご紹介します。

続きを見る

AdSenseのおすすめ配置

AdSenseは、ユーザの閲覧環境によって適した配置や広告ユニットが異なります。AFFINGER5の場合は、「PC」「スマホ」「AMP」別に、それぞれAdSenseの配置を変えてみましょう。

PCの通常ページ

AFFINGER5のPCの通常ページでは、

  • SUGOIMOKUJIのクリック数が多いコンテンツの下
  • 記事下
  • 記事下のAdSenseの下に関連コンテンツ
  • サイドバー右上

の4カ所が効果的でした。

AFFINGER5パソコン閲覧時のAdSense配置の基本
AFFINGER5パソコン閲覧時のAdSenseおすすめ配置

AFFINGER5(WING)でサイトやブログを作っている初心者向けに、パソコン閲覧時のAdSenseおすすめ配置をご紹介します。

続きを見る

スマホ通常ページ

AFFINGER5のスマホ通常ページでは、

  • ミドルメニューの下
  • SUGOIMOKUJIのクリック数が多いコンテンツの下
  • 記事下
  • 記事下のAdSenseの下に関連コンテンツ

の4カ所でした。

スマホ・タブレット閲覧時のAdSenseの配置
AFFINGER5スマホ・タブレット閲覧時のAdSenseおすすめ配置

WordPressテーマ「AFFINGER5(WING)」でサイトやブログを作っている初心者向けに、スマホ・タブレット閲覧時のAdSenseおすすめ配置をご紹介します。

続きを見る

AMPページ

AFFINGER5のAMPページでは、記事下以外に

  • 記事上に「リンクユニット」
  • 記事途中に「記事内広告」
  • 記事下のSNSボタンの下に「関連コンテンツ」

の3つの広告を配置すると効果的でした。

AFFINGER5のAMPページに3種類のAdSense広告ユニットを表示させる方法
AFFINGER5のAMPページに3種類のAdSense広告ユニットを表示させる方法

AFFINGER5のAMPページに、AdSense「リンクユニット」「記事内広告」「関連コンテンツ」の3種類の広告ユニットを表示させる方法をご紹介します。

続きを見る

その他関連記事

おすすめヘッダーカードのキャッチコピーの表示例

AFFINGER5

2019/8/9

AFFINGE5おすすめヘッダーカードのキャッチコピー表示方法

AFFINGER5(WING)のver20190801βより、おすすめヘッダーカードにキャッチコピーを表示できるようになりました。キャッチコピーはどうすれば表示されるのか?設定方法を解説します。

AFFINGER5

2019/8/9

AFFINGER5ヘッダー用メニュー(横列)のタイトル属性の設定法

AFFINGER5(WING)のver20190801βより、ヘッダー用メニュー(横列)が設定できるようになりました。ヘッダー用メニュー(横列)では、タイトル属性でサブテキストも表示できますが、このタイトル属性が表示されないことがあります。対処法を解説します。

AFFINGER5

2019/5/17

AFFINGER5に「この記事は約何分で読めます」を表示する方法

WordPressテーマ「AFFINGER5(WING)」の記事上に、自動的に「この記事は約何分で読めます」と表示させるカスタマイズをご紹介します。

AFFINGER5のAMPにスティッキー広告(追尾広告)を表示させる方法

AFFINGER5 AMP

2019/3/17

AFFINGER5のAMPにスティッキー広告(追尾広告)を表示させる方法

WordPressテーマ「AFFINGER5(WING)」のAMPページにスティッキー広告を表示させる方法を解説。

AFFINGER5

2019/3/14

AFFINGER5の404ページのカスタマイズ方法とサンプル

WordPressテーマ「AFFINGER5(WING)」では、ウィジェットから404ページをカスタマイズ可能です。

AFFINGER5 AMP

2019/3/17

AFFINGER5(WING)のAMPページカスタマイズまとめ

WordPressテーマ「AFFINGER5(WING)」のAMPページのカスタマイズ例をまとめました。AMPは機能に制限がありますが、カスタマイズをすれば少しはマシになります。 紹介カスタマイズ 見出しに色を付ける AMP自動広告を入れる リンクユニットを表示 関連コンテンツを表示 スティッキー広告を表示 ランキングを表示 記事上にSNSボタンを表示 AMPとは? AMP(Accelerated Mobile Pages)とはGoogleとTwitterで共同開発されている、モバイル端末でウェブページを ...

AFFINGER5 AMP

2019/4/3

AFFINGER5のAMPページの見出しに好きな色を付ける方法

WordPressテーマ「AFFINGER5(WING)」のAMPページのhタグ(見出し)に色を付ける方法を解説。

AFFINGER5 AMP

2019/3/6

AFFINGER5サイトのURL末尾に/を付けてAMP対応させる手順

AFFINGER5(WING)で作ったサイトのURL末尾に/(トレイリングスラッシュ)を後から付け足し、AMP対応させる手順を解説。

AFFINGER5(WING)のスクロールナビのデザイン例とコード

AFFINGER5

2019/3/5

AFFINGER5(WING)のスクロールナビのデザイン例とコード

WordPressテーマ「AFFINGER5(WING)」のver20190304βから追加された新機能「スクロールナビ」のデザイン例を5つご紹介します。

AdSense AFFINGER5

2019/2/25

AFFINGER5でAdSenseをランダム表示してABテストする方法

WordPressテーマ「AFFINGER5(WING)」で、AdSenseの広告ユニットをランダム表示させて、ABテストする方法をご紹介します。 目次 ランダム表示させる準備 コードを貼り付ける方法 ABテストする方法 ランダム表示させる準備 ランダム表示させるコード AdSenseをランダム表示させるコードは次の通り。 <?php $ads= array( '広告1', '広告2', '広告3', ); $count = count($ads); $random = rand(0, $count ...

AFFINGER5の検索フォーム内のテキストを変更する方法

AFFINGER5

2019/2/14

AFFINGER5の検索フォーム内のテキストを変更する方法

WordPressテーマ「AFFINGER5(WING)」の検索フォーム(ブログ内検索)のカスタマイズ方法をメモしておきます。 ファイルの場所 編集するファイルは「検索フォーム (searchform.php)」です。 WordPress管理画面>外観>テーマの編集>検索フォーム (searchform.php)で探してください。 カスタマイズ 今回は、検索フォームのテキストを変更するのと、検索フォームの上にタイトルを付けてみます。 テキストを変更 AFFINGER5の検索フォームは、デフォルトで「検索す ...

AFFINGER5のAMPページにAdSenseの自動広告を配信する方法

AdSense AFFINGER5 AMP

2019/2/13

AFFINGER5のAMPページにAdSenseの自動広告を配信する方法

「AFFINGER5(WING)」のAMPページに、Google AdSenseの「AMP 自動広告」を配信する方法をご紹介します。

AFFINGER5 レンタルサーバー

2019/3/4

AFFINGER5におすすめのサーバーは?人気3社を使い比べた結果

WordPressテーマ「AFFINGER5(WING)」におすすめのレンタルサーバーはどれ?

AFFINGER5

AFFINGER5

2019/3/4

【AFFINGER5(WING)の評価】メリット・デメリットも徹底レビュー

WordPressテーマ「AFFINGER5(WING)」を使って感じたメリット・デメリットを徹底解説します。

AFFINGER5のメリット

AFFINGER5

2019/2/9

WordPressテーマにAFFINGER5を選ぶ4つのメリット

WordPressテーマ「AFFINGER5(WING)」をこのブログでも使用していますが、使っていて SEOに強い ユーザーが多く、情報が豊富 収益性に優れている 文字装飾が豊富 といった点に魅力を感じています。 メリット1SEOに強い AFFINGER5はSEOに強いテーマです。 「SEOに強い」と言っても、テーマが影響する力は微力だと思います(コンテンツの方が大事)が、 AMP対応 モバイルフレンドリー レスポンシブデザイン 基本的な構造化データの実装 メタディスクリプションの記入 など、基本的なS ...

AFFINGER5のデメリット

AFFINGER5

2019/2/9

AFFINGER5を使って痛感した3つのデメリット

WordPressテーマ「AFFINGER5(WING)」を発売当初(たしか2018年初頭ごろ)から愛用していますが、使っていて アップデートが頻繁にある 使える機能がありすぎる 販売サイトが分かりにくい が欠点であると感じています。 AFFINGER5のデメリット アップデートが頻繁にある AFFINGER5のテーマアップデート AFFINGER5は、機能追加や不具合修正のために頻繁にアップデートがされます。ペースとしては月に3度か、それ以上でしょうか。 頻繁な手動アップデートが手間 アップデートで新し ...

AFFINGER5

2019/1/16

AFFINGER5の投稿ページ下のSNSボタンの表示位置を変える方法

AFFINGER5のSNSボタンを好きな位置に表示する方法をご紹介します。

AFFINGER5

2019/2/12

AFFINGER5でスマホのみサイドバーウィジェットを非表示にする方法

AFFINGER5でスマホページのみ、サイドバーのウィジェットを一括で非表示にする方法をご紹介します。

構造化データの確認方法3

AFFINGER5 プラグイン

2018/12/26

AFFINGER5「Lasy Load SEO」の構造化データ確認方法

WordPressテーマ「AFFINGER5(WING)」の専用プラグイン「Lasy Load SEO」が、バーション20181225より、自動で画像の構造化データを作成してくれるようになりました。 その確認方法を解説します。 目次 「構造化データ」とは? 「Lasy Load SEO」の構造化データへの対応とは? 構造化データの確認方法 「構造化データ」とは? 構造化データとは、検索エンジンやクローラーに、そのページ(投稿記事など)の内容が何を意味するか?を理解させるのに手助けをするものです。 それだけ ...

AFFINGER5の関連記事のファイルの中身

AFFINGER5

2018/12/25

AFFINGER5の関連記事一覧の並び順を変えるカスタマイズ方法

WordPressテーマ「AFFINGER5(WING)」の投稿記事の下に表示される関連記事一覧の並び順を変える方法をご紹介します。 関連記事一覧のデフォルトの並び順 AFFINGER5のデフォルトの設定では、関連記事一覧の並び順はランダム表示となっています。投稿記事のカテゴリーと同じカテゴリーの過去の記事を、ランダムで選定・表示しています。 ランダム表示だと、過去のどうでも良い記事が表示されてしまうことがあるため、カスタマイズでランダム以外の並び順にします。 関連記事一覧の並び順を変える方法 関連記事一 ...

AFFINGER5のAdSense配置

AdSense AFFINGER5

2018/12/21

AFFINGER5のAdSense配置~最小限で最大の効果を発揮!

WordPressテーマ「AFFINGER5(WING)」の効果的なAdSense配置を、PC・スマホ・AMP別に解説します。

スマホ・タブレット閲覧時のAdSenseの配置

AdSense AFFINGER5

2018/12/25

AFFINGER5スマホ・タブレット閲覧時のAdSenseおすすめ配置

WordPressテーマ「AFFINGER5(WING)」でサイトやブログを作っている初心者向けに、スマホ・タブレット閲覧時のAdSenseおすすめ配置をご紹介します。

AFFINGER5パソコン閲覧時のAdSense配置の基本

AdSense AFFINGER5

2018/12/21

AFFINGER5パソコン閲覧時のAdSenseおすすめ配置

AFFINGER5(WING)でサイトやブログを作っている初心者向けに、パソコン閲覧時のAdSenseおすすめ配置をご紹介します。

AFFINGER5で使える「順序づけパラメータ(orderby)」の種類

AFFINGER5

2018/12/25

AFFINGER5で使える「順序づけパラメータ(orderby)」の種類

AFFINGER5(WING)の「カテゴリー一覧」「タグ一覧」のショートコードで使用する「順序づけパラメータ(orderby)」の種類について解説します。

Copyright© ボクアフィ , 2019 All Rights Reserved.