「ウィジェット」を設定する

「ウィジェット」の設定方法

「ウィジェット」とは、ページの表示をカスタマイズできる設定です。
イメージとしては、サイドバーやフッターのカスタマイズと考えてください。
ブロックを組み合わせるように、「ドラック&ドロップ」と「クリック」だけでページの見せ方を変えることができる便利な機能です。

なお、使用するテーマによって、使用できる機能が違います。
ここでは、有料テーマ「Precious」のウィジェットの設定について説明します。

PCやスマホで解説動画を見ながら作業を進め、一通り終わったら、このページの解説を読みながら確認すると分かりやすいと思います。

 

ウィジェットの設定方法 解説動画

ウィジェットの設定方法について解説します。

 

有料テーマ「Precious」のウィジェットの設定

左のサイドバー「外観」にポインタを合わせ、「ウィジェット」をクリックします。

有料テーマ「Precious」では、次のようなウィジェット編集画面が表示されます。
左側に「利用できるウィジェット」として、2列で配置されているのが、各ページに表示できるウィジェットです。
こちらのバーを選択し、表示するページを決めて行きます。
もちろん、すべてのバーを表示させる必要はありませんし、サイドバーのないページがあっても問題ありません。

また、右側の2列でサイドバーを表示するページを選択できます。
有料テーマ「Precious」の場合、PCで表示した場合とスマホで表示した場合で別々にサイドバーの設定をすることができます。
ホームページをPCとスマホで確認しながら、表示させるサイドバーとページを決めて行くといいでしょう。

トップページに「検索」を表示してみましょう。
「検索」バーををクリックします。

次のようにページを選択できる画面が表示されます。
この場合は、トップページに「検索」バーを表示させたいので、トップページにチェックを入れ、「ウィジェットを追加」ボタンをクリックします。

トップページに「検索」が追加されます。
タイトルは入れても入れなくてもいいです。
タイトルを入れた場合の表示の仕方については、サイトを表示させて確認してください。

次に、トップページに最近の記事を表示するウィジェットを追加します。
有料テーマ「Precious」のウィジェットには、(tcdバージョン)と表示されているものがあります。
こちらは「Precious」オリジナルのウィジェットです。
デザイン性が高いので、こちらを使うことをお勧めします。
「最近の記事(tcdバージョン)」をクリックします。

「トップページ」にチェックを入れ、「ウィジェットを追加」ボタンをクリックします。

トップページに「最近の記事(tcdバージョン)」が追加されました。
タイトルには自動的に「最近の記事」が入っています。
こちらは変更する場合は、「保存」ボタンをクリックします。

「表示する記事の数」は、数字が表示されているバーの▼をクリックすることで変更できます。
この数は、サイドバーに表示する最近の記事の数を表します。

PCでサイトを表示すると、次のように「お問い合せ」のバナーの下に「検索」バーと最近の記事が表示されます。
最近の記事は、記事が増えるとサイドバーの表示も増えて行きます。
また、最近の記事の下に「カテゴリー」等のサイドバーを増やしてもいいでしょう。

どのページにどのサイドバーを表示させるのか、PCとスマホそれぞれでデザインして行きましょう。

 

ブログ一覧