アフィリエイトに最適! ザ・トール「デモサイト09」を設定する方法

アフィリエイトに最適! ザ・トール「デモサイト09」を設定する方法

WordPressの有料テーマ『THE THOR』。デザイン着せ替え機能を使えば、デモサイトのようなデザインを簡単に取り込むことができます。

THORの着せ替え機能デザイン
『THE THOR』デモサイト一覧イメージ

『THE THOR』公式サイトはこちらから!

しかし!

ただ着せ替えただけでは、思っていたとおりのイメージにはなりません。なぜなら、ウィジェットの配置は自分でやらなくてはいけないからです。

着せ替え機能でやってくれるのは、あくまでも、デモサイトのデザイン設定のみ。カスタマイザーで設定した内容をインポートしているだけなので、すでに配置されているウィジェットなどの位置は変更になりません。また、デモ用に設定されている『THE THOR』のURLや説明文なども同時にインポートされるので、こちらの修正なども必要になります。

『THE THOR』【デザイン着せ替え機能】の使い方と注意点

 

さて、今回はデモサイト09について、どのような設定がなされているのかを紐解いていきたいと思います。「デモサイト09」は、「08」同様にアフィリエイト向きのサイトになっています。『THE THOR』の機能を使い倒せば、このようなサイトを作ることができるのです!!

demo09
『THE THOR』デモサイト09

 

では、デモサイト09について解説していきまーす!!

『THE THOR(ザ・トール)』デザイン着せ替え機能の設定方法まとめ

スポンサーリンク

デモサイト09の特徴

『THE THOR』デモサイト09

「デモサイト09」は、アフィリエイトを意識したサイト構成になっています。見ての通り脱毛器具を紹介するデモサイトです。

「デモサイト08」との大きな違いは、TOPページにメインビジュアルが設定されていることと、サイドカラムが左がに設置されていることです。

では、上から順に見ていきます。

ヘッダーエリア

サイトロゴ、メニュー、メインビジュアルという配置。

サイトロゴ

サイトロゴには、586×100px(.png)が使用されています。

ロゴの変更は、基本設定[THE] > サイトロゴの設定 > ロゴ画像の設定 です。

 

メニュー

メニューの作成は、WordPressの基本機能を使用します。 外観 > メニュー から作成します。メニュー作成後、【メニュー設定】内にあるメニューの位置「ヘッダーエリア」にチェックを入れれば、表示設定完了です。

WordPressメニュー設定
WordPressメニュー編集画面

メインビジュアル

メインビジュアルには、静止画像が設定されています。サイズは1600×500px(.jpg)です。

画像の設定・変更は、TOPページ設定[THE] > メインビジュアル設定 > 静止画時の設定 > 画像を登録 で行います。

 

サイドバーエリア

サイドバーは、右に配置されています。構成はウィジェットの配置のみで、【[THE]スタイルテキスト】【検索】【最近の投稿】が使用されています。

ウィジェットの共通設定

着せ替え直後は、ウィジェットフレームの設定は「無し」になっています。デモサイトのようなデザインにするのであれば変更が必要です。

デモサイト09のウィジェットフレーム

ウィジェットフレームの変更は、【共通エリア設定[THE]】 > サイドカラムエリア設定 > 各ウィジェットフレーム設定 で行います。

デモサイトの設定では、「シャドウフレーム」が設定されています。

 

バナー広告の配置

バナー広告の配置には、【[THE]スタイルテキスト】ウィジェットが使用されています。

 

検索

WordPress標準の【検索】ウィジェットが使用されています。

 

最新の商品情報

WordPress標準の【最近の投稿】ウィジェットが使用されています。

設定は、タイトル「最新の商品情報」、投稿日の表示「チェックなし」です。

スポンサーリンク

メインエリア

TOPページのメインページには、固定ページが表示されています。そして全体の背景画像も設定されています。

固定ページへの変更

着せ替え直後は、最新記事が表示されるようになったままなので、固定ページ表示に変更する必要があります。

変更は、【ホームページ設定】 > ホームページの表示 からです。「固定ページ」を選択すると、【ホームページ】という項目が現れるので、TOPページに表示したいページを選択します。

作成していない場合は、「+新規固定ページを追加」で仮のページを作ることも可能です。(クリックすると、新規固定ページタイトル欄が現れ、入力し追加ボタンを押すとページが追加され設定されます)

 

背景画像の変更

ピンクのストライプ模様が優しい雰囲気を出しているデモサイト09。

背景画像の変更は、【基本設定[THE]】 > 基本スタイル設定 > ■全体の背景画像を登録 で行います。

 

固定ページの作成

トップページに表示される固定ページは、【タグ管理】と【タグランキング】が使用されているので、前もって広告を登録しておく必要があります。

どちらの機能もダッシュボードにあります。

手順

1.【タグ管理】を新規追加

・タグ管理フォーマットに必要事項を入力。(広告タグの貼り付けや商品説明など)

・プリセットパーツ(スコアボックス、口コミボックス)を使用して詳細を入力。

2.【タグランキング】を新規追加

タグランキングビルダーでランキングしたい広告を選択。

3.【固定ページ】の編集

・「脱毛器具ランキング(例)」と入力し、見出し2を選択。

・タグランキングで発行されたタグIDを貼り付ける。

 

これで、トップページに表示されるランキングページが完成!

 

商品詳細ページ

商品の詳細ページは、投稿ページで作成されています。

【タグ管理】で作成したタグIDを投稿ページに貼り付ければ、スコアや口コミが自動的に表示されるようになります。楽ちん、簡単!

デモサイトの構成は、タグID見出し2(商品詳細)です。

 

こはる的まとめ

以上で、デモサイト09の設定解説は終わりです。

テーマ購入直後は、何から手をつけていいのやら、どこをどう触っていいのやら、あちゃらこちゃらを漂っていました。どんな機能が使われているのかさえわかれば、後は自分なりにアレンジするだけです。

【タグ管理】で、アフィリエイトする広告の情報をしっかりと作り込んでおけば、あとはタグの貼り付け、選択でページが完成します。フォーマットを考えなくてもいいので、コンテンツ制作に時間が注げます。

サイト作成の参考にしてくださいね。


『THE THOR』のこと気になったわ~って方は、公式ページをのぞいてくださいね。

 
公式サイトはこちら

THE THOR(ザ・トール)

プラグインなしでSEOにも対応したWordPressのテーマです。初めての方でもサポート付きなので安心です。
デザイン着せ替え機能」を使えば、気に入ったデモサイトのスタイルを、あなたのサイトにワンクリックでコピーできますよ。

お気に入りのスタイルをダウンロードして、「THE THOR ザ・トール」を始めてみませんか?

当サイトからご購入の方には特典付き!

詳しくはこちら

スポンサーリンク