HubSpotでページを編集していると、ページ編集画面の左側に
コンテンツタブとスタイルタブが表示されていますよね。
ユーザーが入力するテキストや画像、チェックボックスなんかを設定できる場所です。
今回は、ジュールフィールドの中でシンプルだけど高頻度で使用される、
ブール値フィールドと IF文(とおまけにUNLESS文) を試してみました!
カスタムモジュールでブール値フィールドを追加すると、コンテンツタブにチェックボックスとして表示されます。
ユーザーがチェックを入れるかどうかで、値が true または false になります。
では、これをHubLでどう使うか見てみましょう。
if と unless の使い方IF文の基本の書き方は、 です。
は、終わりの印なので忘れないようにします。
ページ編集画面でチェックしていると、中に表示されている文言が表示されます。
HubSpotでは 'true' や 'false' は文字列として扱われるため、クォーテーションで囲む必要があります。
ページ編集でチェックしていると、中に表示されている文言が表示されなくなりました。
チェックボックスを空にすると、中に設定した文言が表示されるようになります。
デフォルト値はtrueなので、ページ編集でチェックしていると 中に表示されている文言が表示されます。
前述の通り、デフォルト値はtrueなので、
ページ編集でチェックしていると 中に表示されている文言が表示されますが
どんなツールでも正しくコードを書くのがベストプラクティスだと思います。
5)チェックされてない時だけ表示 ❌
逆に 特定の場合だけ除外する場合、UNLESS文を使用して除外条件を指定する方が便利です!
ブール値がチェックされた状態は"true"、チェックが外された状態は"false" を指定します。
また、デフォルトのブール値は true。
falseを指定しない限りはチェックされていることが前提になるので、スペルミスに気を付ける。
▍テスト時に、チェックをしているとき
▍テスト時に、チェックを外しているとき
次回は、スタイルタブでユーザーがページ編集画面で 色などのデザインを調整できるようにする方法を紹介予定です✨