ウィジェット

その他・カスタマイズ

ウィジェットとは、それぞれ機能をもった小さなパーツで、主に他のページへの導線を増やす役割があります。

■■■■■■■■■■投稿ページのサイドバーにフォーカスしたフロント画像

PANDRAのウィジェットエリアは以下の箇所です。

トップページ 2カラム(左右いずれかにサイドバー)or3カラム(左右にサイドバー)
投稿ページ ページ下部(1カラム)or2カラム(左右いずれかにサイドバー)or3カラム(左右にサイドバー)
お知らせページ 2カラム(左右いずれかにサイドバー)
固定ページ
・デフォルトテンプレート
・ランキングページテンプレート
2カラム(左右いずれかにサイドバー)
フッター PC時の一番右側
スマホ時のウィジェットは記事本文とフッターの間に表示されます。PCとスマホで別のウィジェットを設定できるので、「スマホで見るとウィジェットが多い」という状況を防げます。

設定箇所

ウィジェットは、外観 > ウィジェットより設定可能です。

■■■■■■■■■■外観>ウィジェットの場所を示しつつ、ウィジェットをウィジェットエリアにドラッグアンドドロップで設置する画像

  1. 左側の「利用できるウィジェット」から設置するウィジェットを右側の各エリアにドラッグ&ドロップする。
  2. ウィジェットエリアの各ウィジェットをクリックして展開し、内容を設定する。

オリジナルウィジェット

PANDRAのオリジナルウィジェット5つをご紹介します。

いいねされた記事一覧 いいね数の多い順で投稿記事を表示
タブ記事一覧 最大2つのタブに投稿orお知らせ記事を表示
デザイン記事一覧 投稿orお知らせ記事を一覧表示
バナースライダー 最大3つのバナーをスライダー形式で表示します。
ランキング記事一覧 最大3つのタブで閲覧数の多い順で投稿記事を表示
テーマの独自ウィジェットだけでなく、WordPressにも多数ウィジェットが搭載されています。
>> WordPressのウィジェットの使い方

いいねされた記事一覧

投稿記事の「いいね数」が多い順に記事を一覧表示します。

■■■■■■■■■■「いいねされた記事一覧」ウィジェットのフロント画像

以下の二項目を設定するだけで、評判のいい記事をリアルタイムで表示できます。

  • ウィジェットのタイトル
  • 表示する記事の数

タブ記事一覧

投稿/お知らせの記事をタブ形式で表示するウィジェットです。

■■■■■■■■■■タブ記事一覧のフロント画像

  • 表示する記事の数
  • タブのタイトル
  • 記事のタイプ
  • 記事の並び順(新着順/ランダム)
  • ネイティブ広告の表示/非表示と表示頻度

を設定します。

「記事のタイプ」は以下から選択します。

投稿(すべて) 投稿記事をすべて表示します。
投稿(カテゴリー) 投稿カテゴリーを指定して表示します。
お知らせ お知らせ記事を表示します。
ID指定(投稿) 投稿記事のIDを指定して表示します。
>> IDの確認方法
ID指定(お知らせ) お知らせ記事のIDを指定して表示します。

タブを使うメリットは限られたスペースで記事を紹介できる点です。たとえば、「おすすめ投稿記事(ID指定)」と「新着お知らせ記事」のように二方向から記事を紹介できます。

デザイン記事一覧

投稿orお知らせ記事を一覧表示するウィジェットです。タブ記事一覧と比べてアイキャッチ画像が大きく、カテゴリーと記事の公開日も表示されます。

■■■■■■■■■■デザイン記事一覧のフロント画像

  • タイトル(ウィジェットの見出し)
  • 表示する記事の数
  • 記事のタイプ(タブ記事一覧と同じ)
  • 記事の並び順(新着順/ランダム)
  • ネイティブ広告の表示/非表示と表示頻度

を設定します。

バナースライダー

タイトル・画像・リンク先をセットしたアイテム(3つまで)をスライダーで表示できます。

■■■■■■■■■■バナースライダーのフロント画像

LPへのリンクや広告スペースに活用できます。

ランキング記事一覧

最大3つのタブで、閲覧数が多い順に投稿記事を表示します。

■■■■■■■■■■ランキング記事一覧のフロント画像

  • 表示する記事の数
  • タブのタイトル
  • 集計範囲(日間/週間/月間/年間/無制限)
  • 記事のタイプ(全投稿記事or投稿カテゴリー)
  • ネイティブ広告の表示/非表示と表示頻度

を設定します。

こちらもタブ形式になっているので、「集計範囲別の人気記事を表示する」「カテゴリーごとに人気記事を表示する」のように活用してみてください。

設定が完了したら、PC・スマホそれぞれで以下のポイントを確認しておきましょう。

  • 意図したウィジェットが表示されているか
  • 表示されているウィジェットの数は適切か(多すぎor少なすぎではないか)

ウィジェットエリアが表示されないときは?

PC時にサイドバーが表示されない場合、以下の設定を確認してみてください。

投稿ページ TCDテーマ > 投稿 > 投稿ページの「ウィジェット(レイアウト)」箇所
お知らせぺージ TCDテーマ > お知らせ > お知らせページの「ウィジェット(レイアウト)」箇所
固定ページ

テンプレート(ランディングページはサイドバー非表示です。)
>> 固定ページテンプレートの設定箇所

サイドバー
>> 固定ページのつくり方

この記事は役に立ちましたか?
説明文をここに表示します。
改行のテスト

音楽と本と珈琲があれば基本ご機嫌な編集者。文章を「整える」ことにこだわりがあり、句読点の位置で悩むタイプ。編集部では各記事のバランス調整や、ちょっとクセのある原稿の翻訳係も担当。ファッションや映画が好き。映画を観るときも、言葉一つひとつの使われ方やリズムに注意を払う癖がついています。

関連記事

コメント

この記事へのコメントはありません。

コメントを残す