見出し画像

HubSpotCMSHubの404エラーテンプレートを作成する方法(Web品質管理マネ日報#004)

HubSpotの404ページの設定方法について小ネタをお届けします。
ウェブサイトページで作成されたものはエラーテンプレートには選択できないので、別途テンプレート作成をしなければなりません。
テンプレート新規作成で「エラーテンプレート」を選択し、編集していきます。テンプレート上部に以下のようなコードで記述すれば使えるようになります。やってみたらすぐできた!

以下のコードは一例です。ウェブサイトページで作っているスタイルやhtmlで別途設定してください。

<!--
 templateType: error_page
 isAvailableForNewContent: true
 label: 404 Error Page
-->
{% extends "../layouts/base.html" %}


{% block body %}
<div class="content-wrapper">
 <div class="error-page" data-error="404">
   <h1 class="error-page_heading">
     Page not found.
   </h1>
   <a class="hs-button" href="/">Go Home</a>
 </div>
</div>
{% endblock body %}

いいなと思ったら応援しよう!