下記の画像は、私が運営する「エンジニア村」というメディアだが、サイドバーにはおすすめ記事一覧を配置している。
残念ながらSWELLのウィジェットには「人気記事」と「新着記事」しか用意されておらず、人気記事はPV数、新着記事は投稿日で自動作成されてしまう。
最近伸びている記事や、もっと見てもらいたい記事を載せようとしても、PV数や投稿日によっては、おすすめ記事として出すことができないのが不便なところだ。
そこで、指定した記事をおすすめ一覧にするために、SWELLの「ブログパーツ」という機能を使って実現していく。
ブログパーツの作成
まずは、管理画面サイドバーにある「ブログパーツ」から「新規作成」をクリック。
投稿作成画面に行ったら､カーソルを編集画面に持っていき、黒のプラスをクリック。すべて表示を開くか、検索から「投稿リスト」を選択する。
「リスト」もあるが、こちらはWordpressデフォルトの機能であるため、今回はSWELLの「投稿リスト」を選択
投稿リストブロックを選ぶと、右サイドバーの「ブロック」タブを選択。
その中の、Pickupタブにある「投稿IDを直接指定」フォームに記事IDを入力することで、おすすめ記事を指定することができる。
記事のIDを見つけるために、投稿一覧へ行く。投稿画面右に「ID」という項目があれば、指定したい記事のIDをメモしておく。
もしID項目がなければ､右上の「表示オプション」からIDにチェックを入れると表示されるようになる。
ブログパーツ画面に戻り、メモしたIDをカンマ区切りで入力する。編集画面に記事のリストができあがってくるので、それを見ながら､IDが間違っていないことを確認できる。
続いて「Pickup」タブから「Settings」タブに切り替える。設定内容に関しては、いろいろと設定を変えてみることをおすすめするが、一例として下記を参考にしてもらいたい。
- 表示数は5件
- レイアウトはリスト型(サイドバーならリスト型かテキスト型がおすすめ)
- 表示順序は更新日にすると、コントロールしやすい。(上にしたい記事を更新すればいいから)
- HTMLタグは、divにしている。hタグにしてしまうと、記事の見出しだと認識されてしまうため、SEO観点からdivが良いと思われる。
- 投稿記事の中に入れるならhタグでもいいが、サイドバーだとすべての記事に出ることになるため、変に影響を与えたくない。
ここまでできたら、「保存」を押して完了。
ブログパーツを利用する
ブログパーツ一覧から、「呼び出しコード」をコピーしておく。これを貼り付けることで、パーツが使えるようになる。
サイドバーの「外観」→「ウィジェット」から、「テキスト」を選択し、配置したい場所を選ぶ。今回は共通サイドバーを選択する。
テキストフォームの中に、先ほどコピーしたブログパーツの呼び出しコードを貼り付け、保存。「タイトル」には「おすすめ記事」など書いておくと、記事一覧の上にタイトルが表示される。
画面を確認して、問題なく表示されていれば完了。
ブログパーツは、ウィジェットだけでなく、記事に挿入することもできるので、使い回したいコンテンツを作成しておくと便利。