【swell備忘録2】SWELLテーマでサイドバーに特定の記事を表示させる

サイドバーに特定の記事を表示させることは、ユーザーの利便性を高め、サイトの回遊率を向上させるために非常に有効です。

当記事では、SWELLの標準機能のブログパーツを活用し、プラグインを使用せずにサイドバーに特定の記事を表示させる方法を解説します。

ブログパーツの作成

手順

１：WordPress管理画面にログイン
左側のメニューから「ブログパーツ」を選択し、「新規追加」をクリックします。

２：タイトル
わかりやすい名前を入力します（例：「サイドバー用特定記事」）。

３：追加
本文エリアで「＋」ボタンをクリックし、「関連記事」ブロックを追加します。
右側の設定パネルで、以下の設定を行います。

４：ブロック設定
スタイル指定は、３つのどれかにします。
デフォルトならデフォルトの形のブログカードとして表示されます。

５：ブログパーツ設定

用途指定では、カテゴリー用、CTA、タグ用、ブロックパターンのどれかを選択。

６：設定が完了
「公開」ボタンをクリックしてブログパーツを保存します。

７：呼び出しコード
作成したブログパーツの一覧ページに戻り、該当するブログパーツの「呼び出しコード」をコピーします。

８：ウィジェットへの設置

次に、サイドバーにブログパーツを表示させるためのウィジェット設定を行います。

1. 「外観」の「ウィジェット」を選択します。
2. サイドバーのウィジェットエリアに「カスタムHTML」ウィジェットを追加します。
3. 追加した「カスタムHTML」ウィジェットのタイトルを入力し、内容欄に先ほどコピーしたブログパーツの呼び出しコードを貼り付けます。
4. 設定が完了したら、「保存」ボタンをクリックします。

９：表示の確認
表示されました。

関連記事が複数の例

１：３つの記事のスリム型にしてみます。

２：表示されました。

まとめ

SWELLの標準機能を活用することで、プラグインを使用せずにサイドバーに特定の記事を表示させることが可能です。
ブログパーツとウィジェットを組み合わせることで、柔軟なサイドバーのカスタマイズが実現できます。
ユーザーの利便性を高めるためにも、ぜひ活用してみてください。