道の駅に行こう!子育て絵本の紹介しまじろう記念フォトブック2020年1月30日より、サイトURLを「kohamama.com」から「mammaridea.net」へ変更しました。THOR(ザ・トール)』にはデザイン着せ替え機能という初心者にも優しいサービスが提供されています。この機能を使えば、デモサイトのようなデザイン構成のサイトを、一瞬で設定することができるのです。!着せ替えただけでは、まだ公開はできません。THOR』の公式サイトになっていたりするので、オリジナルサイトとして公開するには厳しいのです。押して、はい終わりではないのです。THOR』【デザイン着せ替え機能】の使い方と注意点せっかくの便利な機能が提供されているので、初心者の方がここで挫折してしまわないように、デモサイトについて調査してみました。今回は、アフィリエイターの方や、これから副業を始めようと思われている方が気になっているであろうデモサイト08について、解説していきたいと思います。商品詳細ページデモサイト08の特徴デモサイト08は、例として、ウォーターサーバーのランキングサイトに設定されています。デモサイトだとわかっていても、ウォーターサーバーのことが気になったのは私だけでしょうか?(笑)私の話はさておき、このサイトの特徴は、ほとんどウィジェットの配置だけ!で構成されている。いうことは、ウィジェットの設定をしないとこのようなサイトデザインにはなりません。着せ替え直後のデモサイト08着せ替え直後はこんな感じ。思っていたのとは全然違いますよね。クリックすると大きくなります。どのような設定になっているのか、見ていきましょう。ヘッダーヘッダーには、【サイトロゴ】と【注目ボタン】が設定されています。png画像が使用されています。注目ボタン注目ボタンには「当サイトイチオシのウォーターサーバーは?」というテキスト表示されています。■注目ボタンのテキスト入力で行います。サイドカラムエリアサイドバーには、まずバナー広告が3つ設置されています。様々な角度から検索できるようなウィジェットの配置になっています。ウィジェットの見出し設定デフォルトでは「角丸」に設定されているので、ボーダーラインの見出しにしたい場合は変更が必要です。見出しデザインで「ボトムボーダー」を選択すると同じデザインになります。THOR』オリジナルの【[THE]スタイルテキスト】(投稿ページと同じスタイルが利用できるテキスト)ウィジェットが使われています。投稿ページと同じスタイルとは、ビジュアルエディタに設定されているスタイルを利用できるということです。投稿ページのスタイルただ、ウィジェット編集時に投稿ページのようなビジュアルエディタは使用できないので、自分でタグを記述する必要があります。専門知識がない初心者の方には少々ハードルが高めかな。デモサイトで指定されていたのは、スタイルボックス、センタリング、背景の色でした。検索窓は、WordPress標準装備の検索ウィジェットが使用されています。宅配エリアから探すここは、【カテゴリー】ウィジェットが使用されています。ウォーターサーバーの会社が、宅配エリアによりカテゴリー分けされているということですね。・タイトル:宅配エリアから探す・投稿数を表示:チェックするこだわりの条件から探すここでは、【タグクラウド】ウィジェットが使用されています。・タイトル:こだわりの条件から探す・タグの数を表示:チェックするメインカラムエリアメインカラムエリアの構成は、サイトイメージ画像、検索、ランキングとなっています。他のサイトと大きく異なるのは、トップページに固定ページが設定されていることです。トップページに固定ページを表示する設定は、カスタマイザーからでも行うことができます。・「ホームーページの表示」で固定ページを選択。・「ホームページ」で表示する固定ページを選択する。(表示する固定ページを作成していない場合は、プルダウン下の「+新規固定ページを追加」で空のページを作成しておきます。)では、表示順に解説していきますね。サイトイメージ画像デモサイト08では、このメイン画像が使用されていますね。この画像は、固定ページで設定されているのではなく、さきほどサイドカラムにバナー広告を設置した【[THE]スタイルテキスト】が使われています。検索メイン画像下の検索エリア。こちらは、【[THE]絞込検索】ウィジェットが使用されています。ウィジェットの設定は、タイトルに「ウォーターサーバー絞り込み検索」と入れるだけ。THOR』に搭載されている【タグ管理】【タグランキング】機能を使って作られています。【タグ管理】機能とは、その名のとおり、アフィリエイト広告用のタグを管理する機能です。タグを登録するとショートコードが発行されるので、投稿ページや固定ページにそのコードを貼り付けるだけで、広告を表示することができるのです。手順は、1.【タグ管理】で広告の詳細情報を登録2.【タグランキング】でランキングを作成3.固定ページにショートコードを貼り付けるです。商品詳細ページ商品の詳細ページは、投稿ページで作成されています。THOR』にはレビューボックスや、口コミボックスが搭載されているので、一からフォーマットを作る必要もなし。ビジュアルエディタの【プリセットパーツ】から選び、テキストを入力するのみ。以上が、デモサイト08の設定内容です。あとは、必要な情報を集め、記事を書いていけば、ちゃんとしたランキングサイトになりそうですね。THOR(ザ・トール)プラグインなしでSEOにも対応したWordPressのテーマです。方でもサポート付きなので安心です。「デザイン着せ替え機能」を使えば、気に入ったデモサイトのスタイルを、あなたのサイトにワンクリックでコピーできますよ。THOR』へ変更する場合の注意点をまとめてみました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。管理人Koharu1児のママ。2015年に出産し、子育て真っ最中。仕事をしながら、子育てを続けていましたが、仕事と家庭の両立の難しさを実感し、長年勤めた職場を退職。新しい生活をスタートしました。Ridea(マンマリデア)ー「ママが笑う」毎日を。ride(マンマリーデ):ママが笑う』+『idea(イデア):アイデア』の造語です。ホンの少しの笑顔で、こころも豊かになります。そんな思いを込めてつけました。マンマリデア.ホームシェアメニューTOPへ。