どのようなプラットフォームにウェブサイトを設計する場合でも、テキストエディター/IDE、FTPクライアント、CMSなど、いくつかの異なるツールの使用が必要です。これらのツールを使うことにそれほど煩わしさを感じないとしても、あらゆる編集、保存、アップロード、更新をしながら整理された状態を保とうとすれば、サイトの公開に時間がかかることになります。サイトが公開されたら、マーケターが希望する柔軟なデザインオプションがないので、変更するためにデザイナーに何度も連絡しなければならなくなるおそれがあります。Manager(デザインマネージャー)は、コンテンツを作成する際にマーケターが求める柔軟性を提供しつつ、デザイナーが最先端のウェブサイトを構築するために必要とするすべてのツールを備えています。このユーザーガイドは、HubSpotのCOSで初めてサイトを構築する方法を知りたいベテランウェブデザイナーにも、既存のページ、Eメールの構成、スタイルの増築について知りたいコンテンツ作成マーケターにも、詳細なチュートリアルと、HubSpotでデザインするためのベストプラクティスを提供します。特定のコードの例や参考文書を探している場合は、designers.hubspot.comをご覧ください。Manager(デザインマネージャー)のあらゆる機能のツアーがあります。Manager(デザインマネージャー)はいくつかの重要なツールを1つの強力なアプリに集約しています。ツールには以下のものが含まれます。ページ、ブログ、Eメール、システムテンプレートを構成するための「ドラッグ&ドロップ」エディター。すべてのフロントエンドコード(CSS、Javascript、または自身のHTMLテンプレートまで)のための統合開発環境(IDE)。HubSpotで作成したすべてのコンテンツの外観や動作の統一に役立つグローバルCSSファイル。再利用可能なカスタムコード化されたモジュール。専門技能を持たないユーザーでも管理ができる、高度な機能をサイトに追加するよう設定できます。すべてのサイトのアセット用のファイルホスティングシステム。Manager(デザインマネージャー)]から移動することです。フォルダーデザインマネージャーを使って、すべてのテンプレートやコードファイルをフォルダーに整理できます。フォルダーはアプリの左側のサイドバーにあります。名前の横の開示矢印を選択すると、各フォルダーを展開できます。folder(新規フォルダー)]ボタンをクリックすることで、新しいカスタムフォルダーも作成できます。カスタムフォルダーは中にテンプレートやファイルが何も入っていない場合、自動的に削除されます。フォルダーの下に、作業を行いたいテンプレートやファイルをすばやく見つけるのに役立つフィルターオプションもあります。以下のようなオプションがあります。最近作業したテンプレートやファイル。テンプレートのいずれかに追加可能なモジュールのコレクション。Global(グローバル)コンテンツについては、このガイドの後のセクションでさらに詳しく学びます。Eメール購読の希望、エラー、パスワード保護されたページのテンプレート。Templates(システムテンプレート)については、このガイドの後のセクションでさらに詳しく学びます。マーケットプレースを通じて購入したテンプレート。フォルダーをクリックするとファイルのリストを表示する他、検索バーにファイル名やキーワードを入力してフォルダー内を検索することもできます。広範な結果を得るには、検索の前に最上位レベルのフォルダーをクリックします。タブテンプレートまたはコードファイルの名前をクリックすると、タブ内に選択したものが表示されます。マルチタスクやさまざまなテンプレートとコードファイル間の切り替えが、タブで容易にできます。Manager(デザインマネージャー)に新たなタブを追加するには、[+タブ]をクリックします。新しいテンプレートまたはコードファイルを作成するには、アプリの右側の青いボタンをクリックします。module(新規カスタムモジュール)]とそれぞれ表示されます。テンプレートやコードファイルの作成方法については、このガイドの後のセクションでさらに詳しく説明します。Builder(テンプレートビルダー)はページとEメールの構成やデフォルトコンテンツの設定を可能にする「ドラッグ&ドロップ」エディターです。ゼロからHTMLテンプレートをコーディングすることは可能ですが、テンプレートビルダーを使用してウェブサイトやEメールを構築すれば、デザイナーは時間を節約でき、マーケターはコンテンツの構成をさらに詳細に管理できます。すべてのHubSpotテンプレートのレイアウトはレスポンシブなので、さまざまなスクリーンサイズに合わせて自動的に調整されます。このエディターは「ドラッグ&ドロップ」モジュールを、組み込みのCSSによってレスポンシブにされたクリーンなHTMLマークアップにコンパイルします。インターネット上の全トラフィックのほぼ3分の1がモバイルデバイスからとなるため、スクリーンの大きさにかかわらず、あらゆるデバイスのサイトをユーザーフレンドリーにする必要があります。テンプレートの作成と編集についてや、組み込みやカスタムのCSSでテンプレートを形作る方法については、このガイドの先のセクションで学びます。Editor(コードエディター)HubSpotのコードエディターは、CSSファイル、Javascriptファイル、そしてHTMLテンプレートのコーディングも可能にする強力なIDEです。コーディングしたりスタイルシートを編集したりしながら、公開するコンテンツに影響を与えることも、アプリを離れることもなく、テンプレートに行う変更の効果をライブでプレビューすることができます。タグ、自動インデントなど、その他の多くの役立つIDEの機能も活用します。このエディターの使い方はこのガイドの後のセクションでさらに詳しく学びます。CSS(プライマリCSS)は、すべてのHubSpotテンプレートに適用されるグローバルCSSファイルです。プライマリCSSは、テンプレートに表示されるメニュー、フォーム、その他の標準モジュールを形作るのに最適な場所です。これらのファイルを使用するとデザイナーは時間を節約でき、常に整理された環境で作業ができます。プライマリCSSについてはこのガイドの後のセクションでさらに詳しく学びます。modules(カスタムモジュール)HubSpotのテンプレートにはさまざまなモジュールオプションが盛り込まれていますが、専門技能を持たないユーザーがコードを壊してしまう心配がないように、デザイナーがマーケターのためのさらなるカスタムソリューションを求める場合があります。カスタムモジュールは、再利用可能なコード化されたモジュールです。これによりデザイナーは裏でカスタム変数の作業を行える一方、マーケターは柔軟にコンテンツをカスタマイズすることができます。画像やテキストをページ単位で選択することができるため、マーケターはコードに触れることなくこのモジュールのコンテンツをカスタマイズできます。manager(ファイルマネージャー)は、コンテンツの作成に使用するすべてのアセットを保管します。このツールを使用して、PDF、画像、動画、オーディオファイル、フォントなどのアップロードができます。デザインマネージャーはすべてのクリエイティブアセットへのアクセスを可能にするため、アプリを離れることなく新しいファイルをすばやくアップロードすることができます。デザインマネージャーを通してアップロードしたり、ファイルにアクセスしたりする方法は、このガイドの後のセクションでさらに詳しく学びます。Inc.法的事項プライバシーポリシーサイトマップ。