Hubspotでランダムな記事のリストを作成する方法
あなたがHubspot CMSを使っている新しいブログを開発しているならば、あなたは多分ブログリストページを作成する必要があるでしょう.これらの出品ページの「デフォルト」動作は、最新の記事を順番に表示することですが、実際に遊んで別のリスト「ロジック」を作成することができます.
この記事ではHubspotのランダムな記事のリストを作成する方法をお見せしたいと思います.これは、ページのどこかのブログコレクションのいくつかの種類を持っている場合は、各ページの訪問のための異なる記事を表示する場合に便利です.
まず第一に、我々は我々のブログ柱を得る必要があります.このためには、次の2つの機能を使用できます. blog_recent_posts() blog_popular_posts() 正直に言うと、我々はランダムな投稿を表示されるので、それは本当に我々が使用する関数ではない.ただ、この“ランダム”にいくつかの余分なロジックを追加したい場合にそれらの間の違いを念頭に置いてください.また、これらの関数は、最大200の記事を返すことを忘れないでください.
さあ前進して、30のブログ柱を含む可変記事をセットしてください.
しかし、ここでキャッチ!我々の記事の配列をループする代わりにshuffle filter シーケンスを通じて反復の順序をランダムにする.
この場合、変数ループを使用します.インデックスは、最初の5ループの繰り返しの間だけコンテンツを表示することを確認します.
ここでいくつかのあなたの心を維持する必要があります. 常に表示する記事の数より変数の記事の記事を取得します.さもなければ、あなたは常に同じ内容を示します. このランダム機能をメインの一覧ページで使用する場合は、前述の2つの関数を使用して記事を取得する代わりに、変数の内容を使用できます. 読むのを忘れないHubspot's documentation 関数やフィルタを使用する場合は、制限があります. フィルターのシャッフルが影響を与えるprerendering . それを避けるために、JavaScriptを使用することをお勧めします.
この記事ではHubspotのランダムな記事のリストを作成する方法をお見せしたいと思います.これは、ページのどこかのブログコレクションのいくつかの種類を持っている場合は、各ページの訪問のための異なる記事を表示する場合に便利です.
まず第一に、我々は我々のブログ柱を得る必要があります.このためには、次の2つの機能を使用できます.
さあ前進して、30のブログ柱を含む可変記事をセットしてください.
{% set articles = blog_recent_posts("default", 30) %}
今私たちの記事をループする時間です.しかし、ここでキャッチ!我々の記事の配列をループする代わりにshuffle filter シーケンスを通じて反復の順序をランダムにする.
{% set articles = blog_recent_posts("default", 30) %}
{% for article in articles|shuffle %}
<a href="{{ article.absolute_url }}">{{ article.name }}</a>
{% endfor %}
前のコードは、ランダムな順序ですべての私たちの30記事が表示されますが、私たちは、例えば5つの記事を表示する場合はどうですか?この場合、変数ループを使用します.インデックスは、最初の5ループの繰り返しの間だけコンテンツを表示することを確認します.
{% set articles = blog_recent_posts("default", 30) %}
{% for article in articles|shuffle %}
{% if loop.index <= 5 %}
<a href="{{ article.absolute_url }}">{{ article.name }}</a>
{% endif %}
{% endfor %}
そして、それ!簡単、右?ここでいくつかのあなたの心を維持する必要があります.
Reference
この問題について(Hubspotでランダムな記事のリストを作成する方法), 我々は、より多くの情報をここで見つけました https://dev.to/albertsg/how-to-create-a-list-of-random-articles-in-hubspot-4peeテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol