Twenty Twenty-Oneをアフィリエイト仕様に！初心者でもできる簡単カスタマイズ術
本ページはプロモーションが含まれています。
目次
WordPress標準テーマ「Twenty Twenty-One」を使ったアフィリエイトサイトのカスタマイズ方法を解説。初心者でも迷わず収益化の準備ができるよう、基本設定から広告の貼り方、デザインの整え方までステップバイステップで紹介します。あなたのブログをプロ仕様にアップグレードしましょう。
Twenty Twenty-Oneのアフィリエイト
WordPressの公式テーマである Twenty Twenty-One を使ってアフィリエイトを行うことは可能です。Twenty Twenty-One はシンプルで汎用性の高いテーマなので、アフィリエイトサイトの構築にも適しています。
アフィリエイトを始めるための基本
Twenty Twenty-One でアフィリエイトを始めるための基本的なステップは以下の通りです。
- ASP（アフィリエイト・サービス・プロバイダー）への登録: まずは、A8.net、もしもアフィリエイト、ValueCommerce など、利用したいASPに登録しましょう。登録にはブログやウェブサイトが必要となる場合が多いです。
- アフィリエイト広告の取得: ASPで提携したいプログラムを探し、アフィリエイト広告のコードを取得します。
- WordPressへの広告の設置: 取得した広告コードをWordPressのサイトに設置します。主に以下の方法があります。
- 投稿や固定ページ: 記事のコンテンツ内に直接広告コードを貼り付けます。
- ウィジェット: サイドバーやフッターなど、ウィジェットエリアにテキストウィジェットを追加し、そこに広告コードを貼り付けます。
- カスタムHTMLブロック: WordPressのブロックエディタ（Gutenberg）を使用している場合、カスタムHTMLブロックを利用して広告コードを挿入できます。
Twenty Twenty-One でのアフィリエイトにおけるポイント
Twenty Twenty-One はカスタマイズ性が比較的高いテーマなので、アフィリエイトサイトとして活用する上でいくつかのポイントがあります。
- ブロックエディタの活用: Twenty Twenty-One はブロックエディタ（Gutenberg）との相性が良いため、コンテンツの作成や広告の配置が直感的に行えます。画像やボタン、カスタムHTMLブロックなどを活用して、ユーザーにとって見やすく、クリックしやすい配置を心がけましょう。
- サイトの高速化: アフィリエイトサイトにおいて、ページの表示速度は非常に重要です。Twenty Twenty-One は比較的軽量なテーマですが、画像サイズの最適化、キャッシュプラグインの導入、不要なプラグインの削除などで、さらに高速化を図ることができます。
- SEO対策: 検索エンジンからのアクセスを増やすために、適切なキーワード選定、高品質なコンテンツ作成、内部リンクの最適化など、基本的なSEO対策を行いましょう。Twenty Twenty-One はSEOに特化した機能は持ちませんが、SEOに強いプラグイン（例: Yoast SEO, Rank Math）と組み合わせることで効果を高められます。
- 読者体験の向上: 広告の配置だけでなく、記事自体の質を高め、読者が求める情報を提供することが重要です。見出しの活用、適切な改行、読みやすいフォントサイズなど、読者にとって快適なサイト作りを心がけましょう。
Twenty Twenty-One はシンプルだからこそ、コンテンツの質やマーケティング戦略に注力しやすいテーマです。ぜひご自身の工夫を凝らして、効果的なアフィリエイトサイトを構築してくださいね。
Twenty Twenty-Oneとは
Twenty Twenty-Oneは、WordPress 5.6でデフォルトテーマとして採用されたWordPressの公式無料テーマです。
これは、ユーザーのアイデアを実現するための「真っ白なキャンバス」のようにデザインされており、ブロックエディター (Gutenberg)を最大限に活用することに重点を置いています。
主な特徴は以下の通りです。
主な特徴
1. ブロックエディターとの連携
- ブロックパターン：あらかじめデザインされた美しいレイアウトを簡単に挿入できるブロックパターンが多数用意されており、素早くページを構築できます。
- シンプルなデザイン：ミニマルで洗練されたデザインは、ブロックエディターで作成するコンテンツを際立たせるように設計されています。
2. アクセシビリティとデザイン
- 柔らかな配色：テーマ全体が柔らかな色合いで構成されており、モダンで時代を超えたデザインを提供します。
- ダークモード対応：設定により、ハイコントラストモードやダークモードに対応しており、視認性にも配慮されています。
- アクセシビリティ対応：セマンティックなHTML、キーボードナビゲーション対応など、アクセシビリティ機能が充実しています。
3. カスタマイズ性
- 背景色の変更：背景色の変更が容易で、濃い色を選択すると、それに合わせて自動で文字色も反転する機能があります。
- 用途の多様性：ポートフォリオ、ビジネスサイト、個人ブログなど、幅広い用途に対応できる汎用性の高いテーマです。
このテーマは、最新のWordPressの機能、特にブロックエディターの進化に合わせて設計されており、開発者よりもコンテンツ作成者に焦点を当てた作りになっています。
利用数
WordPressテーマ Twenty Twenty-One の利用数について、いくつかの情報源から異なる指標が確認されています。
主なデータとしては以下の通りです。
- 有効インストール数（WordPress.org 公式情報）：
- 30万件以上 (300,000+) とされています。これは現在このテーマを有効にして使用しているサイトの数を示します。
- ウェブサイト全体での使用統計（特定の調査機関による）：
- ある調査では、ライブサイトの総計が188,275サイトと報告されています。
- 別の調査では、100万件以上のインストール数（Twenty Twenty-Twoなど他のデフォルトテーマと同様）が報告されています。これは、WordPressのデフォルトテーマとして非常に人気が高いためと考えられます。
- 世界シェア（特定の調査機関による）：
- 過去のデータでは、世界のWordPressテーマシェアで4.93%という順位が報告されています（2022年時点）。
Twenty Twenty-OneはWordPressの2021年の公式デフォルトテーマであり、多くの新規WordPressサイトで初期設定として使われるため、非常に多くのインストール数と利用数を誇ります。
注意点：テーマの利用数に関する統計は、調査機関や集計方法（ダウンロード数、有効インストール数、特定期間の使用サイト数など）によって数値が変動するため、あくまで目安として捉えてください。
利用料
WordPressの公式デフォルトテーマである「Twenty Twenty-One」は、（無料）で利用できます。
Twenty Twenty-Oneは、WordPressをインストールした際に標準で含まれているテーマの一つであり、WordPress.orgから無料でダウンロードして利用できます。
Twenty Twenty-Oneの利用料について
- 無料テーマ:
- Twenty Twenty-Oneは、WordPressを開発しているAutomattic社によって作成された公式のデフォルトテーマであり、完全に無料で提供されています。
- WordPressの公式ディレクトリに登録されているテーマは、基本的にすべて無料で利用できます。
- 注意点:
- テーマ自体の利用料は無料ですが、WordPressでウェブサイトを運営するためには、レンタルサーバー代や独自ドメイン代といった維持費が別途必要になります。
- これらの費用は、利用するサービスやプランによって異なりますが、年間数千円〜数万円程度が一般的です。
アフィリエイト広告を掲載
もちろん、WordPressテーマ「Twenty Twenty-One」にアフィリエイト広告を掲載する方法についてご説明します。
アフィリエイト広告を掲載する基本的な流れ
Twenty Twenty-Oneは非常にシンプルでカスタマイズしやすいテーマなので、いくつか方法があります。
- ウィジェットエリアを利用する: Twenty Twenty-Oneには、フッターやサイドバー（設定によっては表示されない場合もあります）にウィジェットエリアがあります。ここにカスタムHTMLウィジェットを追加し、アフィリエイト広告のコードを貼り付けるのが最も簡単な方法です。
- 投稿や固定ページに直接貼り付ける: 特定の記事内や固定ページに広告を表示したい場合は、エディタで直接広告コードを貼り付けます。
- テーマファイルを編集する（推奨しません）: テーマファイルを直接編集して広告を埋め込むことも可能ですが、これはテーマのアップデート時に変更が失われたり、サイトが壊れる原因になったりするため、あまり推奨されません。もし行う場合は、必ず子テーマを作成してから作業してください。
今回は、最も手軽で安全な「ウィジェットエリアを利用する方法」と「投稿や固定ページに直接貼り付ける方法」を中心に解説します。
ウィジェットエリアに広告を掲載する方法
- アフィリエイト広告コードの取得: まず、利用しているアフィリエイトサービスプロバイダー（ASP）から、掲載したい広告のHTMLコードを取得します。
- WordPress管理画面にログイン: WordPressの管理画面にログインします。
- 「外観」→「ウィジェット」へ移動: 左側のメニューから「外観」にカーソルを合わせ、「ウィジェット」をクリックします。
- ウィジェットの追加:
- 利用できるウィジェットの中から「カスタムHTML」を探し、クリックします。
- 追加したいウィジェットエリア（例: 「フッター」など）を選択し、「ウィジェットを追加」ボタンをクリックします。
- すると、選択したウィジェットエリアに「カスタムHTML」ウィジェットが追加されます。
- 広告コードの貼り付け:
- 追加された「カスタムHTML」ウィジェットを開きます（タイトルを入力する必要はありませんが、わかりやすいように「アフィリエイト広告」などと入力しても構いません）。
- 「内容」の欄に、取得したアフィリエイト広告のHTMLコードを貼り付けます。
- 「保存」ボタンをクリックします。
これで、設定したウィジェットエリアにアフィリエイト広告が表示されるようになります。サイトの表示を確認してみてください。
投稿や固定ページに直接広告を掲載する方法
特定の記事やページ内に広告を埋め込みたい場合は、以下の手順で行います。
- アフィリエイト広告コードの取得: ASPから広告コードを取得します。
- WordPress管理画面にログイン: WordPressの管理画面にログインします。
- 投稿または固定ページの編集画面へ移動:
- 既存の投稿や固定ページを編集する場合は、左側のメニューから「投稿」または「固定ページ」を選び、該当のページを「編集」します。
- 新しく作成する場合は、「新規追加」をクリックします。
- 広告コードの貼り付け:
- ブロックエディタ（Gutenberg）を使用している場合:
- 広告を挿入したい場所で「+」アイコンをクリックし、ブロックの選択肢から「カスタムHTML」ブロックを選択します。
- カスタムHTMLブロック内に、取得したアフィリエイト広告のHTMLコードを貼り付けます。
- クラシックエディタを使用している場合:
- エディタの右上の「テキスト」タブ（または「HTML」タブ）に切り替えます。
- 広告を挿入したい場所に、取得したアフィリエイト広告のHTMLコードを貼り付けます。
- ブロックエディタ（Gutenberg）を使用している場合:
- 更新または公開: 変更を保存するには「更新」ボタン（既存のページの場合）または「公開」ボタン（新規作成の場合）をクリックします。
これで、記事やページ内にアフィリエイト広告が表示されます。
注意点
- 広告の表示位置とデザイン: Twenty Twenty-Oneは非常にシンプルなデザインなので、広告の表示位置やサイズによってはサイトのデザインと馴染まない場合があります。CSSを少し調整したり、広告の種類を工夫したりすることで、より自然に見せることができます。
- 子テーマの利用（上級者向け）: もし、Twenty Twenty-Oneのテーマファイルを直接編集して広告を埋め込みたい場合は、必ず子テーマを作成してから作業してください。子テーマを作成することで、テーマのアップデート時に行ったカスタマイズが失われるのを防ぎます。
- レスポンシブデザイン: 多くのASPの広告コードはレスポンシブに対応していますが、念のためスマートフォンやタブレットでの表示も確認しましょう。
- 広告の過剰な掲載は避ける: ユーザーエクスペリエンスを損なわないよう、広告の数を増やしすぎたり、邪魔になる場所に配置したりしないようにしましょう。
Twenty Twenty-Oneのアフィリエイトの注意点
Twenty Twenty-Oneはシンプルでブロックエディターに最適化されたテーマですが、アフィリエイトに特化した機能は持ち合わせていません。そのため、以下の点に注意して運用する必要があります。
1. デザインと配置の最適化
- アフィリエイトリンクの視認性: Twenty Twenty-Oneはシンプルなデザインのため、アフィリエイトリンクが埋もれてしまわないよう、色やボタンなどで目立たせる工夫が必要です。
- 配置場所の検討: 記事内だけでなく、サイドバー（ウィジェットエリア）やフッターなど、様々な場所にアフィリエイトリンクやバナーを配置することを検討しましょう。Twenty Twenty-Oneのウィジェットエリアは限られているため、追加のプラグインでカスタマイズすることも視野に入れると良いでしょう。
- CTA（Call To Action）の明確化: 「購入はこちら」「詳細を見る」など、読者に次にとるべき行動を明確に示すCTAを設置しましょう。
2. 表示速度の維持
- 画像の最適化: アフィリエイトで利用するバナー画像などは、必ず圧縮してファイルサイズを小さくしましょう。画像サイズが大きいとページの読み込み速度が低下し、ユーザー体験を損ねるだけでなく、SEOにも悪影響を与えます。
- 不必要なプラグインの削減: Twenty Twenty-Oneは軽量なテーマですが、アフィリエイトのために多くのプラグインを導入すると、表示速度が低下する可能性があります。必要なプラグインのみに厳選し、定期的に不要なものを削除しましょう。
- キャッシュプラグインの導入: 表示速度向上には、キャッシュプラグインの導入が有効です。
3. SEO対策の実施
- キーワードリサーチ: アフィリエイト商材に関連するキーワードをしっかりリサーチし、記事タイトルや見出し、本文に適切に盛り込みましょう。
- 質の高いコンテンツ作成: 読者の疑問や悩みを解決する、価値のあるコンテンツを提供することが最も重要です。アフィリエイトリンクを貼るだけでなく、商品のレビュー、使い方、比較記事など、読者にとって役立つ情報を提供しましょう。
- 内部リンク・外部リンクの最適化: 記事同士の内部リンクや、信頼性の高い情報源への外部リンクを適切に設置することで、SEO効果を高めます。
- モバイルフレンドリー: Twenty Twenty-Oneはレスポンシブデザインに対応していますが、モバイルでの表示崩れがないか、アフィリエイトリンクがタップしやすいかなどを確認しましょう。
4. アフィリエイト規約の遵守
- 各ASPの規約確認: 利用するアフィリエイトサービスプロバイダ（ASP）ごとに、広告掲載の規約や禁止事項が定められています。これらを必ず確認し、遵守しましょう。特に、特定の商品名やブランド名の使用制限、薬機法や景品表示法に関する規定には注意が必要です。
- プライバシーポリシーの明記: アフィリエイトを行うサイトでは、個人情報の取り扱いに関するプライバシーポリシーの設置が必須です。
- 免責事項の記載: アフィリエイトで紹介する商品やサービスに関する最終的な判断は、読者自身に委ねられることを明確にする免責事項を記載しましょう。
5. 測定と改善
- アクセス解析ツールの導入: Google Analyticsなどのアクセス解析ツールを導入し、どの記事が読まれているか、どこからアクセスがあるかなどを把握しましょう。
- アフィリエイト成果の追跡: ASPの管理画面で、クリック数や発生報酬などを定期的に確認し、効果測定を行いましょう。
- ABテストの実施: 異なるバナーやCTAを試したり、リンクの配置場所を変えたりして、より効果的な方法を見つけるためにABテストを行うことも有効です。
Twenty Twenty-Oneはシンプルなテーマだからこそ、上記の点を意識して、コンテンツとアフィリエイトの戦略をしっかり立てて運用していくことが成功の鍵となります。必要に応じて、機能を追加するプラグインや、CSSカスタマイズなども検討してみてください。
