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

デザインマネージャー|よくある質問

更新日時 4月 9, 2019

対象製品

Marketing Hub Professional, Enterprise
Basic
HubSpot CMS

HubSpot のデザインマネージャーツールに関する回答と一般的な情報がすばやく見つかります。このリソースには、CMS を使用しているデザイナー向けのその他のリソースへのリンクも含まれています。

HubSpot でのデザインについての詳細はどこで学習できますか?

HubSpot でのデザインの詳細を学習するには、HubSpot アカデミーのデザイン認定 Designers.HubSpot.com を確認してください。 

デザイン認定は無料の認定であり、動画トレーニングやデザイン実習が含まれています。 

Designers.HubSpot.com には、次のような項目が含まれています。:

カスタムコーディングされたデザインや HubL のトラブルシューティングに使用できる HubSpot リソースはありますか?

HubSpot デザイナーコミュニティーと意見を交換するのに最適な場所は、HubSpot デザインフォーラムです。このフォーラムは、デザインに関する専門知識を持つ HubSpot デザイナーおよび HubSpot ユーザーによってモニタリングされています。

HubSpot API の開発に関する質問がある場合は、開発者フォーラムを確認してください。 

HubSpot に FTP アクセスするにはどうすればよいですか?

HubSpot は、TLS/SSL を介する FTP を使用したファイルのファイルマネージャーへの転送をサポートしています、加えてテンプレート、スタイルシート、JS ファイルのデザインマネージャーへの転送をサポートしています

単一テンプレートのグローバルグループを編集することはできますか?

グローバルモジュールをローカルモジュールに戻すことはできますが、現在のところ、グローバルグループを変換することはできません。グローバルグループを複製して、該当するテンプレートに追加することはできます。 

HubSpot テンプレートで独自のレスポンシブグリッドを使用することはできますか?

すべてのHubSpot ドラッグ & ドロップレイアウトは、自動的に layout.css が追加され、モジュールをレスポンシブにします。Bootstrap 3 などの異なった、あるいはカスタムのレスポンシブグリッドを使用する場合は、layout.css の CSS を上書きするか、layout.css が添付されないコードテンプレートを使用する必要があります。

ブログ記事とリストのレイアウトを再構成するにはどうすればよいですか?

ブログのコンテンツモジュールを使用すると、投稿のマークアップや一覧のレイアウトを編集して、投稿アイテムのさまざまな要素をレンダリングするかどうかを制御できます。 

テンプレートを以前のバージョンに戻すことはできますか?

すべてのテンプレートレイアウト、コードファイル、及びページには変更履歴があるため、テンプレートやコンテンツの一部を以前のバージョンに戻すことができます。テンプレートやコードファイルの場合は、[アクション] > [変更履歴を表示] をクリックして、変更履歴にアクセスします。 

HubSpot テンプレートビルダーで使用するブートストラップのバージョンは?

HubSpot レイアウトエディターでは、Bootstrap 2.x 基づいて 12 列グリッドシステムを使用し、テンプレートデザイナーが完全にレスポンシブなを素早くつくれるようにします。ウェブページ HubSpot コンテンツプラットフォーム内で作成できるようにしています。

 

デザインマネージャー v2

モジュールフィールドを参照するときの「ウィジェット」と「モジュール」の違いは?

v1 のモジュールフレームワークは {{ widget.field }} を使用してモジュールフィールドを参照していました。v2 のフレームワークは {{ module.field }} を使用してモジュールフィールドを参照します。

ただし、v2 のフレームワークで {{ widget.field }} を使用しても、引き続き正常に機能します。「モジュール」を参照するようにカスタムモジュールを更新する必要はありません。

「get_public_template_url」を使用せずに JS ファイルと CSS ファイルを添付するにはどうすればよいですか?

「get_public_template_url」を使用して JavaScript および CSS ファイルにアクセスするのではなく、[リンク済みファイル] セクションでこれらのファイルをモジュールのサイドバーエディターに直接添付できるようになりましたここに含まれる CSS ファイルと JS ファイルは、モジュールを使用するページに自動的に読み込まれます。

カスタム HTML モジュールまたはカスタム HubL モジュールをテンプレートに追加するにはどうすればよいですか?

HTML モジュールと HubL モジュールは除去されました。これらのモジュールにより、開発者は HTML および HubL のスニペットをテンプレートに簡単に追加できました。ただし、テンプレートの理解や編集が難しくなる場合があります。テンプレートをより予測しやすくメンテナンスしやすくするために、すべてのコードをカスタムモジュールのコンテキスト内に収めることを優先して、これらのモジュールは除去されました。

ウェブサイトのページレベルで HTML を追加する必要がある場合、HubSpot マーケットプレイスで HTML モジュールを ダウンロードできます。

JS プラグインをカスタムモジュールで使用するにはどうすればよいですか?

サードパーティのスクリプトを使用している場合、スクリプトファイルをモジュールエディターの [リンク済みファイル] セクションにリンクすることになります。その後、コードエディターの JS セクションでプラグインをトリガーできます。プラグインにパラメータを渡す必要がある場合は、エディターの [HTML + HubL] セクションでデータ属性を使用し、これらの値を保存できます。

アップグレードするときに、このモジュールをどこで使用するのか質問されました。これらのオプションの違いは何ですか?

E メールでカスタムモジュールを使用している場合、スタイルシートおよび JavaScript はほとんどの E メールクライアントでサポートされていないため、[CSS] セクションと [JS] セクションはエディターに表示されません。E メールモジュールの場合、依然として