Twenty Seventeenをアフィリエイト向けにカスタマイズする方法
フィリエイト向けにカスタマイズする方法
WordPressの標準テーマであるTwenty Seventeenをアフィリエイトサイト向けにカスタマイズするには、いくつかのポイントを押さえる必要があります。デザイン面と機能面の両方から、効果的なカスタマイズ方法を解説します。
1. デザインのカスタマイズ
アフィリエイトサイトでは、訪問者の視線誘導と情報へのアクセスしやすさが重要です。Twenty Seventeenのシンプルなデザインを活かしつつ、視覚的に訴えかけるカスタマイズを施しましょう。
- ヒーロー画像・動画の活用: Twenty Seventeenのトップページは大きなヒーロー画像や動画を設定できます。アフィリエイト商材のイメージに合った魅力的なビジュアルを用いることで、訪問者の興味を引きつけ、離脱率を下げる効果が期待できます。商品やサービスをイメージしやすい動画も効果的です。
- カラースキームの変更: テーマカスタマイザーから、サイト全体のキーカラーを変更できます。取り扱う商材のイメージやターゲット層に合わせ、読みやすく信頼感のある配色を選びましょう。
- フォントの調整: 可読性の高いフォントを選び、文章がスムーズに読めるように調整しましょう。特にアフィリエイトでは長文になりがちなので、行間や文字サイズも意識して設定してください。
- Call To Action (CTA) ボタンの目立たせ方: アフィリエイトリンクへの誘導は最重要です。CTAボタンは、色やサイズ、配置を工夫して目立つようにしましょう。訪問者の目に留まりやすい色(例:サイトのメインカラーとは異なる補色など)や、適切な余白を設定することが重要です。
2. レイアウトの調整
Twenty Seventeenはブログ形式のレイアウトが基本ですが、アフィリエイトサイトとして最適化するために調整が必要です。
- トップページの構成:
- 新着記事: 定期的に更新する記事を表示し、サイトの鮮度をアピールします。
- おすすめ記事・カテゴリー: 収益性の高いアフィリエイト記事や、サイトの主要カテゴリーへのリンクを分かりやすく配置します。
- ランキング形式の表示: 特定のジャンルの商品比較記事などを、ランキング形式で分かりやすく提示すると、訪問者の購買意欲を高めることができます。
- 特化型コンテンツへの誘導: 特定の商材やテーマに特化したコンテンツへの導線を強化しましょう。
- サイドバーの活用: サイドバーには、人気記事、カテゴリー、アフィリエイトバナー、プロフィールなどを配置し、サイト内回遊率の向上と収益化に貢献させましょう。ただし、情報過多にならないよう、本当に必要なものだけを厳選することが重要です。
- フッターの充実: プライバシーポリシー、特定商取引法に基づく表記、お問い合わせフォームなど、信頼性を高める情報を記載しましょう。関連性の高いアフィリエイトリンクを設置するのも有効です。
3. 機能の追加(プラグインの活用)
Twenty Seventeen単体では不足する機能を、WordPressプラグインで補いましょう。アフィリエイトサイトで特に役立つプラグインをいくつかご紹介します。
- SEO最適化:
- Yoast SEO や All in One SEO Pack: 検索エンジンでの表示順位を上げるための基本的なSEO対策をサポートします。メタディスクリプションやタイトルタグの設定、XMLサイトマップの生成など、必須の機能が揃っています。
- アフィリエイトリンク管理:
- Pretty Links や ThirstyAffiliates: アフィリエイトリンクをきれいにクローク(URLを短縮・隠蔽)し、クリック数の計測や一元管理を可能にします。これにより、リンクの管理がしやすくなり、万が一リンク切れが発生した際にも迅速に対応できます。
- サイト高速化:
- WP Super Cache や LiteSpeed Cache: サイトの表示速度はSEOにも影響し、ユーザー体験を向上させます。キャッシュ機能によりサイトを高速化し、訪問者の離脱を防ぎます。
- お問い合わせフォーム:
- Contact Form 7: 訪問者からの問い合わせを受け付けるためのフォームを簡単に作成できます。広告掲載の依頼や商品に関する質問など、様々な用途で活用できます。
- セキュリティ対策:
- Wordfence Security や SiteGuard WP Plugin: サイトのセキュリティを強化し、不正アクセスやマルウェアから保護します。アフィリエイトサイトは収益源となるため、セキュリティ対策は非常に重要です。
- 解析ツール連携:
- Google Site Kit: GoogleアナリティクスやSearch ConsoleといったGoogleの各種ツールとの連携を容易にします。これにより、サイトのアクセス状況や検索パフォーマンスを詳細に分析し、改善に役立てることができます。
4. コンテンツの最適化
いくらデザインや機能が優れていても、コンテンツが魅力的でなければアフィリエイト収益にはつながりません。
- ターゲットを明確にする: どのような読者に、どのような情報を提供したいのかを明確にし、読者の悩みを解決するような質の高い記事を書きましょう。
- キーワードリサーチ: 読者が検索する可能性のあるキーワードをリサーチし、それらのキーワードを記事内に適切に盛り込みましょう。
- 読みやすい文章構成: 見出し、箇条書き、画像などを効果的に使い、視覚的にも読みやすい文章を心がけましょう。
- レビュー記事の質を高める: アフィリエイトのメインとなる商品レビュー記事は、実際に使った感想やメリット・デメリットを具体的に記載し、読者が購入を検討する上で役立つ情報を提供しましょう。
- 定期的な更新: サイトの鮮度を保ち、検索エンジンからの評価を高めるためにも、定期的な記事の更新を心がけましょう。
Twenty Seventeenは非常にシンプルなテーマですが、これらのカスタマイズとコンテンツの充実を図ることで、アフィリエイトで成果を出すための強力なプラットフォームとして活用できます。
Twenty Seventeenのカスタマイザー
WordPressテーマ「Twenty Seventeen」のカスタマイザーは、WordPressの「外観」メニューからアクセスできる「カスタマイズ」機能を通じて利用できます。このカスタマイザーは、リアルタイムでサイトのデザイン変更を確認しながら、様々な設定を行うためのツールです。
Twenty Seventeenテーマのカスタマイザーで設定できる主な項目は以下の通りです。
- サイト基本情報 (Site Identity):
- サイトのタイトルとキャッチフレーズの設定。
- サイトロゴやサイトアイコン(ファビコン)のアップロードと設定。
- ヘッダーメディア (Header Media):
- フロントページに表示される大きなヘッダー画像や動画の設定。複数の画像をアップロードしてランダム表示にしたり、YouTubeのURLを指定して動画を埋め込むことも可能です。
- 色 (Colors):
- テーマの全体的な配色(ライト、ダークなどのプリセット、またはカスタムカラー)の設定。
- ヘッダーテキストの色の変更。
- テーマオプション (Theme Options):
- ページのレイアウト設定(1カラムまたは2カラム)。これはサイト全体に適用されるグローバル設定です。
- フロントページセクションの設定。Twenty Seventeenは、固定ページの内容をフロントページにセクションとして表示する機能があります。最大4つまでセクションを追加できます。各セクションには、対応する固定ページのアイキャッチ画像が背景として表示され、パララックス効果も設定可能です。
- メニュー (Menus):
- グローバルメニューやフッターメニューなどの設定。
- ウィジェット (Widgets):
- サイドバーやフッターのウィジェットエリアに、表示したいウィジェットを追加、整理、削除できます。
- ホームページ設定 (Homepage Settings):
- サイトのトップページを「最新の投稿」にするか、特定の「固定ページ」にするかの設定。
- 固定ページをトップページにした場合、ブログ投稿ページとして使用する固定ページも設定できます。
- 追加CSS (Additional CSS):
- テーマのCSSを直接編集したい場合に、カスタムCSSコードを追加できるエリアです。これにより、カスタマイザーで提供されていない細かいデザイン調整が可能です。
Twenty Seventeenのカスタマイザーのポイント:
- フルスクリーンヘッダー: フロントページでの魅力的なフルスクリーンヘッダー(画像または動画)が特徴です。
- フロントページセクション: 固定ページを使って簡単にフロントページを構築できるのが大きな利点です。各セクションの背景にアイキャッチ画像を設定することで、視覚的に豊かなページを作成できます。
- リアルタイムプレビュー: 変更をすぐにプレビューで確認できるため、試行錯誤しながらデザインを調整できます。
より詳細なカスタマイズを行いたい場合は、CSS Heroのようなプラグインを利用したり、「Options for Twenty Seventeen」といったTwenty Seventeenテーマ専用の追加機能を提供するプラグインを導入することも検討できます。これらのプラグインは、カスタマイザーでは設定できないさらに細かい部分(フォント、背景、フッターのスタイル、各種要素の表示/非表示など)を視覚的に、または追加オプションとして提供してくれる場合があります。
Twenty Seventeenのデメリット
WordPressのTwenty Seventeenテーマは、デフォルトで提供される公式テーマの一つであり、シンプルで使いやすいという利点がある一方で、いくつかのデメリットも存在します。以下に主なデメリットを挙げます。
カスタマイズ性の低さ:
- 限られたカスタマイズオプション: 多くの無料テーマと同様に、Twenty Seventeenはカスタマイズオプションが限られています。サイドバーの位置変更や、より複雑なレイアウトの調整などは、追加のCSSやプラグインが必要になる場合があります。
- ページテンプレートの不足: ランディングページやセールスページなど、特定の目的のためのページテンプレートが用意されていないため、ビジネス用途で使う場合には物足りないかもしれません。
- 配色の制限: リンクの色を変更できる程度で、全体的な配色オプションはあまりありません。サイト全体に色を加えたい場合は、CSSで変更する必要があります。
デザインとレイアウトの制約:
- ホワイトスペースの多さ: デザインによっては、ホワイトスペースが多すぎると感じる人もいます。
- ヘッダー動画の制限: ホームページのみでヘッダー動画がサポートされており、音声は再生されません。また、高品質な動画でないと見栄えが悪くなることがあります。
- アイキャッチ画像の表示: 記事のアイキャッチ画像がトップメニューの下、記事の上に表示されますが、画像が十分な幅でないと、背景に薄いグレーが表示されてしまい、見栄えが良くない場合があります。
- 投稿ページのサイドバー固定: 投稿ページでは右サイドバーのレイアウトが固定されており、位置を変更することはできません。また、ページにはサイドバーがないため、投稿ページとページで見た目の一貫性が失われると感じる人もいます。
- ブログページの表示設定: ブログページで記事の全文と抜粋のどちらを表示するかをカスタマイザーで選択するオプションがありません。
機能面の不足:
- デフォルトでメニューが表示されない: メニューは「外観 > メニュー」またはカスタマイザーで作成する必要があります。
- 機能追加にはプラグインが必須: フォーム、ギャラリー、EC機能など、基本的な機能以外を追加するには、別途プラグインを導入する必要があります。これにより、管理の手間が増えたり、サイトのパフォーマンスに影響を与える可能性があります。
その他の考慮事項:
- 古いテーマであること: Twenty Seventeenは数年前のテーマであり、最新のWordPressの機能(特にブロックエディタによるフルサイト編集)に完全には対応していません。Twenty Nineteen以降のテーマがブロックベースではないものの、Gutenbergとの連携を意識して作られているのに対し、Twenty SeventeenはCustomizerに依存しています。
- サポート体制: 無料テーマであるため、問題が発生した場合の公式サポートは期待できません。WordPressのフォーラムなどを利用することになります。
もし、より高度なカスタマイズ性や豊富な機能、あるいは最新のブロックエディタに完全に最適化されたテーマを求めるのであれば、Twenty Seventeenは物足りないかもしれません。シンプルなブログや、あまり複雑な機能が必要ないサイトであれば、そのシンプルさが利点となる場合もあります。
※カスタマイズをノーコードで本格的なWebサイトを構築できるテーマ
WordPressテーマ「ストークSE」
は、特にこれからブログを始める方や、現在のテーマに物足りなさを感じている方にとって、非常に魅力的な選択肢となるでしょう。高速表示、SEO対策、美しいデザイン、そして収益化支援機能がバランス良く備わっている点が、多くの方におすすめできるポイントです。
WordPressテーマ「ストークSE」のカスタマイズ機能は、ノーコードで本格的なWebサイトを構築できるように設計されています。主に以下の3つの要素で構成されています。
テーマカスタマイザー
サイト全体のデザインや設定を視覚的に変更できます。
- サイトカラー:テーマカラーやアクセントカラーなどを簡単に設定できます。
- ヘッダーデザイン:いくつかのパターンから好みのヘッダーデザインを選べます。
- トップページ設定:記事一覧の表示方法や、ピックアップコンテンツの配置などを調整できます。
ブロックエディタの機能拡張
WordPress標準のブロックエディタを、より便利に使えるように機能が拡張されています。
- カスタムブロック:吹き出し、アコーディオン、Q&Aなど、コンテンツを豊かにする専用ブロックが多数用意されています。
- ブロックオプション:標準ブロックに機能拡張オプションが追加され、カラムブロックの機能拡張や、カバーブロックの背景に斜めの区切り線を入れるなど、細かな装飾が可能です。
- ツールバー拡張:フォントサイズやマーカーなど、テキスト装飾機能が追加され、より詳細なテキストの装飾が可能です。
その他の便利な機能
コンテンツ作成やサイト運営をサポートする機能も充実しています。
- プリセットパターン:初心者でも簡単に本格的なページコンテンツを作成できる、あらかじめデザインされたパターンが用意されています。
- マイパターン:作成したコンテンツをパターンとして保存し、再利用できます。
- ウィジェットエリア:広告やバナー、人気記事リストなどをサイドバーやフッターなど最適な場所に配置できます。
- タグ・コード設定:アフィリエイトタグなどのコードを管理画面に貼り付けるだけで、簡単にサイトに反映できます。
これらの機能により、HTMLやCSSの専門知識がなくても、オリジナリティのあるサイトを簡単に作成できるのが大きな特徴です。