Hubspot에서 무작위 기사 목록을 만드는 방법

Hubspot CMS를 사용하여 새 블로그를 개발하는 경우 블로그 목록 페이지를 만들어야 할 수 있습니다. 이러한 목록 페이지의 "기본"동작은 최신 기사를 순서대로 표시하는 것이지만 실제로는 다양한 목록 "로직"을 만들 수 있습니다.

이 기사에서는 Hubspot에서 무작위 기사 목록을 작성하는 방법을 보여드리고자 합니다. 이는 각 페이지 방문에 대해 다른 기사를 표시하기 위해 페이지 어딘가에 일종의 블로그 컬렉션을 갖고자 하는 경우에 유용할 수 있습니다.

우선 블로그 게시물을 가져와야 합니다. 이를 달성하기 위해 다음 두 가지 기능을 사용할 수 있습니다.

blog_recent_posts()

blog_popular_posts()

솔직히 말해서 임의의 게시물을 표시하기 때문에 어떤 기능을 사용하는지는 중요하지 않습니다. 이 "무작위성"에 추가 논리를 추가하려는 경우를 대비하여 이들 간의 차이점을 염두에 두십시오. 또한 이러한 함수는 최대 200개의 기사를 반환합니다.

계속해서 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개의 기사만 표시하려면 어떻게 해야 합니까?

이 경우 loop.index 변수를 사용하여 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 %}

그리고 그게 다야! 쉽죠?

다음은 염두에 두어야 할 몇 가지 사항입니다.

항상 표시하려는 기사 수보다 기사 변수에 더 많은 기사를 가져오십시오. 그렇지 않으면 항상 동일한 콘텐츠를 표시하게 됩니다.

기본 목록 페이지에서 이 임의 기능을 사용하려는 경우 앞에서 언급한 두 가지 기능을 사용하여 기사를 가져오는 대신 가변 콘텐츠를 사용할 수 있습니다.

기능이나 필터를 사용할 때 제한 사항이 있으므로 Hubspot's documentation을 읽으십시오.

필터 |셔플이 prerendering 에 영향을 미칩니다. 이를 방지하려면 Javascript를 사용하는 것이 좋습니다.