オープンソースのブログ・コンテンツ管理システム WordPress のカレンダーウィジェットを画面の右側のサイドバーに配置して、読者が選択した日に公開された記事を検索しやすくする手順を紹介します。
カレンダーの上の見出しや特定の種類のページにだけ表示する設定も紹介します。
※ WordPress 6.6.2, PHP 7.4.33, テーマ Cocoon 2.8.4.1, 子テーマ Cocoon Child 1.1.3 を使用しています。
カレンダーウィジェットの便利な点
カレンダーウィジェットを配置すると、選択した日の記事のリストを簡単に表示でき、日付で探したい際に便利です。
また、筆者のサイトのように、未来の日付で記事を公開していると、「最近の記事」に今日の記事が紹介されないので、読者が今日の記事を探しにくくなる欠点を補う目的でも有効です。
カレンダーウィジェットの配置
WordPress のダッシュボードを開き、左側のツリー「外観」→「ウィジェット」を選択します。
「ウィジェット」ページの左側に列挙されているウィジェットの中にある「カレンダー」の右側の▽ボタンを押します。
カレンダーウィジェットの追加先を選択するリストが表示されるので、追加先（例ではサイドバー）を選択してから「ウィジェットを追加」ボタンを押します。
「ウィジェット」ページの右側にある追加先の中から、先ほど選択した追加先（例ではサイドバー）の右側にある▽ボタンを押すと、その追加先に追加されているウィジェット群が配置順で並んでいます。
カレンダーウィジェットは、一番最後（下側）に表示されるようになっているので、ドラッグ＆ドロップで、表示したい順番で並び替えます。
以上で、サイドバーにカレンダーウィジェットを配置できました。
カレンダーウィジェットの設定
追加先のウィジェットの▽ボタンを押すことで、ウィジェットごとに設定を変更できます。
「ウィジェット」ページの右側にある追加先（例ではサイドバー）の中の、カレンダーウィジェットの▽ボタンを押しましょう。
カレンダーウィジェットでは、カレンダーの上側に表示するタイトル、カレンダーを表示する条件を設定できます。
※下側の条件をチェックする欄が表示されない場合は、一度保存してから再び開いてみると表示されるかもしれません。
「ウィジェットの表示」項目では、「チェック・入力したページで表示しない」または「チェック・入力したページで表示する」を選択できます。
チェックしたものを表示するか非表示にするかをこの項目で選択します。
※例では、「ウィジェットの表示」の初期値の「チェック・入力したページで表示しない」から「チェック・入力したページで表示する」に変更しました。
その下側にあるタブで条件の種類を選び、さらに下側に表示されるチェックボックスなどで条件を設定できます。
サイドバーのカレンダーウィジェットを、特定のカテゴリーでのみ表示・非表示にしたり、固定ページでは表示せずに投稿ページだけで表示するなど条件を複合的に設定できます。
※例では、「ページ」タブの「フロントページのみ」と「投稿」にチェックをいれて、フロントページと投稿記事のページの際にのみ表示する設定にしました。
設定が完了したら「保存」ボタンを押して、そのあとの「完了」リンクをクリックします。
以上で、サイドバーに追加したカレンダーウィジェットの設定（タイトルと表示条件）が保存されました。
カレンダーの動作の確認
トップページ（フロントページ）を表示すると、さきほど「ウィジェットの表示」設定でチェックした種類のページなので、右側のサイドバーの指定した順番・タイトルでカレンダーウィジェットが表示されました。
カレンダーの日付をクリックすると、その日に公開された記事の検索結果のページが表示されます。
※来月の記事をすでに公開している状態でも、今日の日付が含まれる今月のカレンダーが表示され、今日の日付だけ背景色が変わってわかりやすくなっています。
検索結果のページは「ウィジェットの表示」設定でチェックしていないのでカレンダーウィジェットが表示されません。
また、プライバシーポリシーなどの固定ページも、さきほどの「ウィジェットの表示」設定でチェックをしていないので表示されません。
検索結果のページで選んだ投稿記事を開くと、「投稿」ページには「ウィジェットの表示」設定でチェックを入れていたのでサイドバーにカレンダーウィジェットが表示され、次の日などの記事を探す際に便利になりました。
まとめ
今回は、オープンソースのブログ・コンテンツ管理システム WordPress のカレンダーウィジェットを画面の右側のサイドバーに配置して、読者が選択した日に公開された記事を検索しやすくする手順を紹介しました。
カレンダーの上の見出しや特定の種類のページにだけ表示する設定も紹介しました。
参照サイト Thank You!
記事一覧 → Compota-Soft-Press
コメント