Squarespaceにファイルアップロードを追加する方法

著: | 2020/06/10

3 Squarespaceにファイルをアップロードする簡単な方法

Squarespaceでは、ウェブサイトのコードにアクセスして編集することができますが、多くの人にとって魅力的なのは、そのようなことをすることなく美しいウェブサイトを構築できることです。 

そのため、Squarespaceのウェブサイトをお持ちで、訪問者にファイルをアップロードしてもらいたいとお考えの方は、そのプロセスが少し難しいと感じるかもしれません。 通常、Squarespaceを通じてファイルを収集する方法は2つありました。

方法1 - FTPを追加することができます。

(File Transfer Protocol)を使用するため、ITの専門家でない場合、実装が少し難しいかもしれません。

方法2 - Squarespace Drop Boxを使用する。

Squarespaceには、以下のような独自の機能があります。 ドロップボックス.Drop Boxを簡単に差し込むことができますが、この機能はアップロードが20MBまでに制限されているため、ビデオなどの大容量デジタルメディアコンテンツや、ファイルのコレクションを共有するのには不向きです。

方法3 - MASVポータルを利用する

MASV という便利なツールを提供しています。 ポータルサイト は、FTPに代わる高速で制限のない機能を提供します。また、インストールも非常に簡単です。 - のはもちろんのこと、それ以外にも 無料で始められる.

この記事では、MASVポータルを作成し、Squarespaceサイトに追加する方法をご紹介します。 

なお、MASVポータルをサイトに埋め込むことができるのは、以下の条件を満たしている場合のみです。 Squarespaceビジネスプラン 以上となります。

 

あなたのSquarespaceサイトにMASVポータルを追加する方法

1.MASVポータルへの登録

を作成します。 MASVのアカウント - お名前とEメールアドレスのみ必要です をセットアップしてください。

2.ポータルサイトの作成

サインアップ後、ダッシュボードの左上にあるハンバーガーメニューをクリックし、以下を選択します。 ポータルサイト.

ウィックスステップ2

ボタンをクリック 新規ポータルの作成 をクリックすると、この画面が表示されます。

ウィックスステップ2クリエイト

これらのフィールドに独自の情報を追加し、必要に応じてポータルをパスワードで保護することもできます。画像やロゴを追加したり、アクセントカラーを選んだりして、自分だけのポータルを作ることができます。  

どの分野もよくわからないという方は、当社の ポータル作成の手引き をクリックすると、詳細をご覧いただけます。 

終わったら ポータル作成.

3.ポータルサイトへの埋め込みリンクの作成

これで、ダッシュボードに新しいポータルが以下のように表示されます。

wix step3 geturl

次に、Squarespaceのサイトにコピーする埋め込みリンクを生成します。をクリックします。 <> ボタンをクリックすると、この画面が表示されます。

wix step3 embed
MASVでSquarespaceのファイルアップロードを簡単に。

を用意しています。 各分野の意味するところを詳しく解説しかし、これらのフィールドの選択/非選択は、基本的に、ポータルにファイルをアップロードする人が入力を要求される情報量に影響を与えます。この例では、ポータルの見た目を最小限にするために、両方のオプションを選択しています。

これで初めて、ポータルの表示方法のプレビューが表示されます。このウィンドウをクリックして出て、再び 編集 もし、変更点が見つかったら 

それができたら、次は コピー.これで、「」で始まるリンクがコピーされます。次に、Squarespaceに移動して、このリンクを使ってサイトにポータルを追加します。将来的にこれらのフィールドを変更したい場合は、リンクを再コピーするようにしてください。

4.Squarespaceのページにコードブロックを追加する

Squarespaceサイトのバックエンドにログインし、MASVポータルを追加したいページに移動します。

スクウェア・エニックス ステップ4コードブロック

今回の例では、デフォルトで最初に表示されるホームページに追加します。サイト内の他のページにアクセスするには ページ をクリックして、ご希望のページを選択してください。

スクウェア・エニックス STEP4ページ

ポータルを追加したいページに移動したら EDIT を左上に表示します。 

もちろん、新たなページを作成してポータルを設置することもできます。お好みの方法であれば + 次の メインナビゲーション を始めることができます。 白紙ページまたは他の推奨レイアウトを選択してください。  

sqaurespace step4 編集

どちらのページにポータルを追加するにしても、空白の新しいセクションに追加することをお勧めします。ポータルを設置したい場所までスクロールダウンし、セクションブレーカーをクリックしてください。 + の記号が表示されます。

スクエアスペース ステップ4 ブランクセクション

以下のようなメニューが表示されます。選択 空白の追加+。

スクウェア・エニックス ステップ4コード

新しい空白のセクションができたら、黒い挿入ポイントのひとつをクリックして コードの下にファイルされています。 もっと見る

スクウェア・エニックス ステップ4 コードモア

5.ポータルのサイズと位置を調整する

MASVダッシュボードからリンクがすでにコピーされているはずです。プレースホルダーのコンテンツを消去する <p>ハロー、ワールド</p>をクリックし、そのリンクをここに貼り付けてください。オプションを残す ディスプレイソース のチェックを外し、次に 適用.

スクウェア・エニックス ステップ5ソース

これで、サイトページにポータルが埋め込まれ、次のように表示されるはずです。

スクウェア・エニックス STEP5 結果

6.ポータルサイトの外観やフォーマットの調整

次は、埋め込みポータルの外観や位置を調整します。 

今回はカスタマイズしていませんが、MASVポータルのダッシュボードに戻り、独自の画像やロゴ、色を追加してみてはいかがでしょうか。これを行うには、ペン型の 編集 ボタンをクリックして編集し、リンクを再コピーしてSquarespaceサイトの元のリンクの上に貼り付けます。 

このコードのサイズと位置を調整するには、Squarespaceサイトのリンクを手動で編集する必要があります。でも、心配しないでください、これは超簡単です。

MASVポータルは、空白のセクションに追加された場合、デフォルトでSquarespaceサイト上で左揃えになります。ポータルを中央揃えにするには、以下を追加します。 <center> をリンクの先頭に移動して </center> をリンクの最後に追加します。なお、Squarespaceはあなたがどこに閉じタグを追加したいかを予測しようとします(</center>)で、おそらくオープニングタグの後にそのまま追加するでしょう。<center>).この部分は必ず取り除いて、代わりに最後に追加してください。 

ポータルは自動的に幅400px、高さ640pxに設定されていますが、これらの寸法はリンク自体で簡単に編集できます。以下のような部分を見つけてください。 width='400' height='640' と、これらの数字を調整して、自分の理想のサイズを見つけてください。

フォーマットに問題がなければ、次のページにアクセスしてください。 完了 をクリックして、左上の 保存 をクリックすると、ライブ版のサイトが更新されます。 

これで完了です。これであなたのポータルはライブ状態になり、最初のアップロードを待つことになります。また、コンテンツがアップロードされた際には、MASV Portalsのダッシュボードに入力したメールアドレスに通知されます。 受取人 の分野でも活躍しています。 

MASV無料体験

7日間のトライアルを開始すると、今すぐ100GBを無料で送信できます。

MASVがお気に入りのアプリと連携

ファイル転送のワークフローを効率化するための統合機能。

アプリ

MASVでSquarespaceのファイルアップロードを簡単に。