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

モバイルデバイス上のページの最初の大きさを設定するにはどうすればよいですか

更新日時 January 4, 2019

Marketing Hub Professional, Enterprise

対象製品

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

HubSpotのCMSプラットフォームを使って公開されるページにデフォルトで含まれるメタビューポートタグは、モバイルデバイスに表示されるコンテンツのデフォルト値として「デバイス幅」を設定します。

この値をデバイス幅から特定のデフォルトの大きさに変更するには、新しいメタビューポートタグをHubSpotテンプレートに追加する必要があります。これを行うには、テンプレートを次のように編集する必要があります。

  • HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [デザインツール]の順に進みます。
  • ファインダーで該当するテンプレートを見つけ、テンプレート名をクリックしてそれを編集します。
  • 右側のインスペクターで、大きさと幅を適切に設定した ビューポートタグ[Additional markup(追加のhead>マークアップ)]セクションに挿入まはた貼り付けます。
<meta name="viewport" content="initial-scale=1" />

set-scale-of-page

  • 右上の[Publish changes(変更を公開)]をクリックして変更内容を有効にします。