お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
CMS-General

ネストしたモジュールを特定して、新しいデザインマネージャーでv1 から v2 にアップグレードする方法

更新日時 December 11, 2018

Marketing Hub Professional, Enterprise

対象製品

Marketing Hub
marketing-basic-pro-enterprise
Professional, Enterprise
Basic
HubSpot CMS

新しいデザインマネージャーでは、一部の v1 カスタムモジュールは、将来のコンテンツを作成するために、v2 モジュールのフレームワークにアップグレードする必要があります。新しいモジュールのフレームワークは、より強力で信頼性が高く、エディターでさらに良好な体験をもたらします。

ほとんどの v1 モジュールは、v2 フレームワークで引き続きご使用いただけますが、モジュールの HTML +HubL マークアップに埋め込まれたモジュールはサポート対象外となります。v1 カスタムモジュールでは、これらのネストしたモジュールは、ページエディターにおいて追加の編集可能なモジュールとして表示されます。 

新しい v2 モジュールのフレームワークには、ページレベルで編集可能なモジュールにフレキシブル要素を追加するための強力なモジュールフィールドが含まれています。これにより、モジュール内で埋め込まれたモジュールに由来する冗長性と互換性の問題が解消され、デザイン体験全体が改善されます。HubL タグは、まだ v 2 モジュールのフレームワークでサポートされていますが、ただし、それは特定のモジュールフィールドタイプを参照している場合に限られます。モジュールエディターに組み込まれているコピースニペット機能は、HubL が正しくフォーマットされていることを確認するために使用できます。

ネストしたモジュールの特定方法

ネストしたモジュールの置換方法

ネストしたモジュールの特定方法

テンプレートのいずれかにネストしたモジュールがある場合、以下の予期しない現象が発生することがあります。

  • 以前コンテンツエディターで編集可能だったモジュールにアクセスできなくなる。
  • コンテンツエディターで、予想外のまたは欠落しているコンテンツが発生し、それらを編集できない。

コード内のネストされたモジュールを事前に特定するために、v2にアップグレードする前に、既存の v1 カスタムモジュールを確認することができます。ネストされたモジュールは、インライン構文またはブロック構文を使用して v1 カスタムモジュールに追加されている可能性があります. 

インライン構文

{{ widget.my_awesome_field }}
{% rich_text "my_rich_text_nested_module" label='This is nested inside the custom module, and renders separate ', html='
My default content goes here
' %}

ブロック構文

{{ widget.my_awesome_field }}
{% widget_block rich_text "my_rich_text_nested_module" %}
{% widget_attribute "html" %}

My default content goes here

{% end_widget_attribute "html" %}
{% end_widget_block %}
 

以前は、これらの例では、左側のサイドバーでカスタマイズ可能なコンテンツエディターで編集可能な追加リッチテキストモジュールが表示されていました。 

nested-module-1

v2 モジュールのフレームワークでは、ネストされたリッチテキストモジュールは、コンテンツエディターに表示されません。

nested-module

テンプレート上のネストしたモジュールは、v2 モジュールのフレームワークでは編集できなくなります。これらのモジュールは最初から再作成するか、または元のモジュールを複製・編集したバージョンから再作成する必要があります

モジュールからHubL タグを削除すると、このモジュールを参照している公開済みページ、ブログ記事、または Eメールのコンテンツが失われる可能性があります。元のネストされたモジュールが v1 フレームワークに残り、アップグレードされていない限り、すでに公開されているこれらのモジュールのコンテンツは、引き続き期待される通りに表示されます。 

ネストしたモジュールの置換方法

v2 モジュールのフレームワークで使用するために、 ネストした v1 モジュールの新しいバージョンを作成する場合は、v1モジュールを複製して、その複製をアップグレードすることができます。このアップグレードされた複製モジュールは、モジュールが新しいフレームワークで正常に動作するように編集できます。または、最初からモジュールを再作成することもできます。

v1 モジュールを複製し、v2にアップグレードするには、次の手順を実行します。

  • [Marketing (マーケティング)] > [Files and Templates (ファイルとテンプレート)] > [Design Tools (デザインツール)]の順に進み、ファインダー内のモジュールを見つけます。
注:モジュールをすぐにアップグレードするように求められる場合があります。その場合、必ず[Cancel (キャンセル)]をクリックしてください。
  • コピーするモジュールを右クリックし、[Clone (複製)]を選択します。
  • ここでも、モジュールを新しいフレームワークにアップグレードするように指示されます。クリックして、このモジュールを使用するテンプレートのタイプを選択し、次に[Upgrade (アップグレード)]をクリックします。
  • ネストされたモジュールの HTML +HubL マークアップを更新して、HubL タグのインスタンスをフィールドに切り替えます。

v2 フレームワークで新しいモジュールを作成したら、将来のコンテンツを作成するためにこのモジュールで使用するテンプレートを、複製および編集する必要があります。

  • ファインダーで v1 モジュールを使用しているテンプレートを探し、そのテンプレートの複製を作成します。
  • 新たに複製されたテンプレートで、v1 モジュールを右クリックし、[Swap module (モジュールを交換)]を選択します。次に、作成したモジュールの新たな v2 バージョンを検索してクリックします。
モジュールを交換