着せ替え機能を使ってデザインを設定しても、自分が元々設定していたウィジェットの配置は変わりません。（一部の例外は、「テーマ変更時のウィジェットの注意点」を参考にしてください。）
着せ替えたものの、「あれ？ まったく一緒ではないんだぁ・・・」って私は思いました。確かに、全部同じにしてしまうとオリジナリティがなくなってしまいますが、どんなパーツをどのように配置しているのかは、勉強になるかと思います。
今回は、デモサイト01で、どのようなウィジェットを使用し配置しているのか、またどんな設定をしているのかをチェックしてみました。設定の際の参考にしてみてください。
サイドカラム
サイドカラムには、サイドバーエリアと追従サイドバーエリアがあります。同じイメージにするには、ウィジェットのフレームが設定が必要です。
ウィジェットのフレーム設定
設定は、共通エリア設定 ＞ サイドカラムエリア設定です。
・ウィジェットフレーム設定：「フレームの選択」でシャドウフレームを設定します。
・ウィジェット見出しデザイン設定：見出しデザインを選択でシンプル（ワイド）を設定します。
サイドバーエリア
デモサイト01で設置されているウィジェットについて、上から順に設定内容を解説していきます。
［THE］著作情報
・タイトル：管理人と入力
・記事一覧へボタンを表示しますか？：
チェックする
・フォローアイコンを表示しますか？：
チェックする
・フォローアイコンのタイトル入力：
Follow me（未入力の場合、フォーローしてね！と表示されます。）
自己紹介文は、ダッシュボード ＞ ユーザー ＞あなたのプロフィールで設定します。
［THE］タブコンテンツ
タブコンテンツは５つまで設定することができますが、デモサイト01では３つまで設定されています。設定することは以下の２つです。
・タブタイトル：広告タイトルを入力。
・タブ本文：広告タグを貼る。
検索
WordPress標準のウィジェットです。設置するだけで設定はありません。
カテゴリー
WordPress標準のウィジェットです。
・投稿数を表示：チェックする。
・階層を表示：チェックする。
追従サイドバーエリア
下へスクロールしても追従してくれるサイドバーエリアです。
［THE］タグランキング（ウィジェット）
タグランキングを利用する場合は、下準備が必要です。
１．ダッシュボード ＞ タグ管理で、タグを新規作成する。
２．ダッシュボード ＞ タグランキングで、1.で作成したタグを利用し、ランキング用タグを新規作成する。
追従サイドバーエリアにウィジェットを設置後、
・タイトル：おすすめ商品と入力。
・タグランキングID：設定したタグを選択する。（タイトルが表示されます）
トップページ下部エリア
デモサイト01では、ウィジェットのトップページ下部エリアにランキング広告が表示されています。これもウィジェットを設置することで表示することが可能です。
下準備としては、タグランキングウィジェットを設置するときと同じです。
１．ダッシュボード ＞ タグ管理で、タグを新規作成する。
２．ダッシュボード ＞ タグランキングで、1.で作成したタグを利用し、ランキング用タグを新規作成する。
［THE］スタイルテキスト
トップページ下部エリアには、［THE］スタイルテキスト ウィジェットが設置されています。デモサイトと同じように設定するには、本文内を以下のように設定します。
・<h2>おすすめ商品ランキング</h2> と入力。これは見出し部分です。
・その下に、タグランキングで作成したランキングタグを貼り付けます。
これで、ランキング広告が表示されるようになります。
フッターエリア
フッターエリアは左・中央・右の3ヶ所。
フッターエリア［左］
フッターエリア［左］には、［THE］QRコードが設置されています。
設定は以下の通り。
・タイトル：スマホ表示QR
・URL：サイトアドレス
・本文：スマホサイトを表示を確認したい時は、このQRコードをパシャリとしてみてください！
フッターエリア［中央］
フッターエリア［中央］には、［THE］広告が設置されています。
・広告タグ：広告タグを貼る。
フッターエリア［右］
フッターエリア［右］には、［THE］絞り込み検索が設置されています。特に設定はありません。
メニューパネル
トップページ上部にあるメニューパネル内に表示する項目は、ウィジェットで設定します。
［THE］人気記事
閲覧数が多い順に表示してくれるウィジェットです。
・表示する投稿数：3
・タイトル：人気記事と入力。
・投稿日を表示しますか？：チェックする。
・閲覧数を表示しますか？：チェックする。
［THE］画像付き新着記事
サムネイル画像付きの新着記事を表示するウィジェットです。
・表示する投稿数：3
・タイトル：新着記事と入力。
・投稿日を表示しますか？：チェックする。
・ノーマルレイアウト（左画像）に変更しますか？：チェックする。
・画像アクスペクト比：「1：1」を選択。
以上が、デモサイト01で設置されているウィジェットの設定になります。
THE THOR（ザ・トール）
プラグインなしでSEOにも対応したWordPressのテーマです。初めての方でもサポート付きなので安心です。
「デザイン着せ替え機能」を使えば、気に入ったデモサイトのスタイルを、あなたのサイトにワンクリックでコピーできますよ。
お気に入りのスタイルをダウンロードして、「THE THOR ザ・トール」を始めてみませんか？
当サイトからご購入の方には特典付き！