【Wraptas】Notinoの同期ブロックを活用して、ブログにおすすめの記事を表示させる
こんにちは!須那です。
プロトアウトスタジオのWebサイトがWraptasに移行してから半年以上が経過しました。
移行した時より、Wraptas,Notion共にどんど機能が増えており、やれる幅がどんどん広がっていていろいろ試すのが楽しいです。
今回はブログ記事のページセッション数を増やすことを目的に、ブログ記事下部におすすめ記事が表示される仕組みを作ってみたので、そのことを記事にしました。
フィルター設定で表示記事を選別
本来ならPV数などで、人気の記事を上位に表示したいところですが機能的に厳しそうなので、ブログ記事のプロパティに「pickup」というタグを手動で追加して、ギャラリービューのフィルターで表示記事を操作しています。
タグやフィルターを変更するだけで、すべての同期ブロックに追加されているギャラリービューの表示も変更がかかるので、手間がかからずすべての表示を変えることができます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/protoout/51117bef-d342-47e9-b37c-097f5d9014c6/4a3ff18f500271861956b4892bef4f46.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/protoout/3eb1805f-473c-43a4-8c02-659800a0bd36/f23790d3fea974cfac1df177b9d83fb3.png)
後は、ギャラリービューの表示数を任意の数に制限することで、ブログ記事におすすめ記事が表示される仕組みの完成です。
表示数制限するCSSは下記のリンクを参考にしてください。
※同期ブロックの個別IDはすべて同じになるので、Wraptasのサイトデザイン編集の追加CSSで一括で変更をかけることができます。
これによって下記のコンテンツが完成しました。
ブログ記事を見に来てくれた方に、新着記事だけでなく、読んでほしい記事をお勧めすることができます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/protoout/53de549e-712c-4caf-af2f-97aea9e6a021/00565009357dc089fb46e1c5f67ee2a5.png)