ファイルマネージャーにサイトアセットをアップロードする方法

更新日時 July 1, 2016

必要条件

ソフトウェア: HubSpot マーケティング
サブスクリプション: Basic, Pro, & Enterprise

PDF、画像、フォント、ビデオ、オーディオファイル、およびその他のアセットをファイルマネージャーにアップロードすると、ページ、投稿、およびEメールを構築するのに必要なすべての資料が揃います。

他のファイル管理アプリと同様、HubSpotのファイルマネージャーには、フォルダーまたはディレクトリを作成し、これらのディレクトリにファイルを追加する機能が用意されています。 ファイルマネージャーにアップロードされたファイルはすべて、グローバルコンテンツ配信ネットワーク上でホストされるため、訪問者が世界中のどこからアクセスしようと、アセットを瞬時にロードできます。ファイルマネージャーを使用すると、HubSpotのコンテンツ配信ネットワークサーバーにウェブサイトのアセットをアップロードしてホストできます。

手順

この記事では、アカウントのファイルマネージャーにファイルをアップロードして整理する方法について説明します。コンテンツエディターでコンテンツ(画像、ドキュメントなど)を追加するときにアセットをアップロードする方法と、スタンドアロンアプリにアクセスする方法の2つがあります。このチュートリアルでは、スタンドアロンアプリを使用する方法について説明します。

ファイルをホストするカスタムドメインを選択

この手順はオプションです。ファイルマネージャーへのデザインアセットのアップロードを開始するにあたっては、ファイルをHubSpot CDNドメインでホストする代わりに、アセットをホストするカスタムドメインを選ぶこともできます。

ファイルマネージャーのデフォルトのホストドメインを選択するには、[Content(コンテンツ)] > [Content Settings(コンテンツ設定)]に移動し、[Default File Manager Hosting Domain(デフォルトのファイルマネージャーのホストドメイン)]の下にあるドロップダウンから、HubSpotに接続されているドメインを選択します。HubSpotへのドメインの接続について詳しくは、こちらの記事をご覧ください。  

Choose domain

ファイルマネージャーにアクセス

[Content(コンテンツ)] > [File Manager(ファイルマネージャー)]に移動します。 または、デザインマネージャーのサイドバーからファイルマネージャーにアクセスすることもできます。

Navigate to File Manager

フォルダーを作成してファイルを整理

ファイルマネージャーを起動したら、いくつかのフォルダーを作成してコンテンツを整理できます。フォルダーを使用して整理しておけば、デザインプロセスで役立つだけでなく、マーケターがコンテンツの作成中に特定のアセットを見つける必要があるときにも役に立ちます。

新しいフォルダーを作成するには、フォルダーアイコンが表示されたボタンをクリックします。フォルダーに名前を付け、[Create(作成)]を押します。

Create folder

フォルダーにファイルをアップロード

これで、作成したフォルダーの名前をクリックするだけでフォルダーを開くことができます。

Folder-Select.png

ファイルをアップロードするには2つの方法があります。

  • [Upload Files(ファイルをアップロード)]をクリックし、コンピューターのハードドライブでアップロードするファイルを探します。

または

  • ハードドライブから点線の四角形までファイルをドラッグします。
Upload file

ファイルのURLを取得

ファイルのURLをコピーする最も簡単な方法は、ファイルマネージャーのサイドバーの[Copy URL(URLをコピー)]をクリックする方法です。

Copy-URL-File-Manager.png

ファイルのURLを生成するドメインを選択するには、該当するファイル名の横にあるギアアイコンをクリックし、[Get file URL(ファイルURLを取得)]をクリックします。

Get-File-URL.png

ドロップダウンからドメインを選択し、URLをコピーします。

Select-Domain.png

ファイルマネージャーの他の機能

ここでは、これまでに説明した以外にHubSpotでアセットを管理するときに必要になると思われるファイルマネージャーの便利な機能について、簡単なリストを用意しました。サポートされているファイルタイプのリストを表示するには、ここをクリックしてください

リストビュー

ファイルマネージャーには、リストビューグリッドビューという2つのビューがあります。リストビューアイコンをクリックすると、ファイルマネージャーのコンテンツがリストとして表示されます。

List-view-1.png

グリッドビュー

グリッドビューアイコンをクリックすると、ファイルマネージャーのコンテンツが小さなアイコンの付いたグリッドとして表示されます。

Icon-view.png

ファイルを検索

ファイルマネージャーの上部にある検索バーを使用すると、任意のファイルまたは最上位フォルダーを検索できます。この検索の対象は、現在表示しているフォルダーに限定されません。

Search

ファイルマネージャー内のファイルを置換

ファイルマネージャー内のファイルを置換するには、該当するファイル名の横にあるギアアイコンをクリックし、[Replace(置換)]をクリックします。HubSpotのファイルは、世界各地からアセットをロードするコンテンツ配信ネットワークでホストされるため、ファイルを置き換えた後も一定期間にわたり、キャッシュとして残っているバージョンのファイルが表示される場合があります。

replace.png

ファイルを移動

ファイルマネージャー内のファイルを移動するには、ファイル名の横にあるギアアイコンをクリックし、[Move(移動)]をクリックします。

move.png

ファイルの移動先のフォルダーを選択し、[Move(移動)]ボタンをクリックしてファイルの移動を終了します。

move-file.png

ファイルをアーカイブ

ファイルマネージャーでファイルを非表示にしたいものの、完全に削除したくはない場合は、ファイル名の横にあるギアアイコンをクリックし、[Archive(アーカイブ)]をクリックします。

archive-files.png

アーカイブしたファイルのリストを表示するには、ファイルマネージャーの上部にあるドロップダウンメニューで[Archived files(アーカイブしたファイル)]をクリックします。

archived-filter.png

ファイルを削除

ファイルマネージャーからファイルを永久に削除するには、ファイル名の横にあるギアアイコンをクリックし、[Delete(削除)]をクリックします。

delete-file.png

複製して編集

画像には、[Clone & edit(複製して編集)]というオプションがあります。このオプションには、高度な写真機能が用意されています。写真の編集の詳細についてはこちらをご覧ください。 

clone-edit.png

すべてのファイルをエクスポート

全ファイルを圧縮したアーカイブをエクスポートすることもできます。エクスポートするときは、ファイルマネージャーの下部にある[Export(エクスポート)]ボタンをクリックし、Eメールアドレスを指定します。ファイルの準備が整い次第、指定されたアドレスにzipファイルをダウンロードできる場所へのリンクをお送りします。

Export-files.png

コードエディターにファイルのURLを挿入

ファイルマネージャーにアップロードしたファイルのURLは、デザインマネージャーでコードエディターに直接挿入できます。コード化したファイルの作業中に、[Actions(アクション)] > [Insert file URL(ファイルURLを挿入)]をクリックすると、ファイルマネージャーからコードにファイルURLが挿入されます。

HubSpot Help article screenshot

前の記事

次の記事