目次
編集者注:Mashable リーダーは、クーポン コードを使用して新しい Squarespace プランを 10% 割引できますマッシャブル10。
スクエアスペースは、モバイル対応 Web サイトを作成およびカスタマイズするためのオールインワン プラットフォームです。直感的なドラッグ アンド ドロップの構築要素と、コーディングの知識を必要としない最新のテンプレートの豊富な選択により、多くの初めての Web サイト所有者に選ばれる理由が簡単にわかります。
正直なところ、Squarespace サイトのデザインで最も難しい部分は、多くの場合、これらのテンプレートの 1 つを選択することです。Squarespace バージョン 7.0 と 7.1 (現在サポートされているプラットフォームの 2 つのバージョン) 全体で 240 を超えるテンプレートがあり、数か月ごとにさらに追加されています。どれを自分の用途に使用するかをどのように決定しますか油絵のポートフォリオ、 あなたの台湾系アメリカ人のグルメブログ、 またはオンラインストアクールガールジーンズ? (これらはすべて、以前から存在するさまざまな種類の Web サイトです。スクエアスペースで作られた、参考までに)
深刻に行き詰まった場合は、次を使用して独自のテンプレートを最初から作成してみることができます。スクエアスペースのブループリントは、プロが厳選したレイアウト オプション、フォントの組み合わせ、カラー パレットをユーザーに案内する 5 ステップのデザイン システムです。 (2023 年 5 月時点の新しいものです。) ただし、もう少し詳しいガイダンスが必要な方のために、あらゆる種類のサイトに最適な既製の Squarespace テンプレートを 16 個以下にまとめました。
注: 私たちの推奨事項のほとんどは Squarespace バージョン 7.1 からのものですが、バージョン 7.0 から引き続き注目すべきオプションをいくつか散りばめています。テンプレートにはそれに応じたラベルが付けられています。
すべての Squarespace テンプレートは、コマース機能、カスタマイズされたチェックアウト、顧客への電子メール通知、マーケティングが含まれますが、次のようなオーダーメイドのテンプレートを使用すると、オンライン ショップをより早く軌道に乗せることができます。マカ。 (在庫店、よくある質問、利用規約、下部ナビゲーションにすでに設定されている配送/返品リンクをご覧ください。) そのレイアウトは、色とネガティブスペースを非常にスマートな方法で遊んでいます。視覚的に興味深いものですが、気を散らすものではありません。 。また、注目のコレクション、ベストセラー、セール品目のプリセットセクションを使用して、商品を整理するさまざまな方法も提供します。
佳作:アラメダ(7.1)、アニス(7.1)、方鉛鉱(7.1)、ヘスター(7.1)、ローム(7.1)、マリアナ(7.1)、スーニー(7.1)、スカイループ(7.1)、およびザータル(7.1)。チェックアウトオンライン ストア用の Squarespace テンプレートの専用ガイドもっと学ぶために。
良いところ
悪いところ
詳細
メリダは古典的な雑誌スタイルのテンプレートで、多くのテキストを興味深く見せる素晴らしい仕事をし、さまざまな「注目の投稿」グリッドとバナーで分割して、文字の巨大な壁を見つめるだけではありません。このため、メニューは非常にシンプルに保たれており、コンテンツと競合しないナビゲーション リンクとソーシャル アイコンがいくつかあるだけです。閲覧したり読んだりしたい人は誰でもダークモード投稿の黒地に白のフォーマットは非常にエレガントでモダンに見えます。
佳作:ブラウザ(7.1)、フィルモア(7.1)、フォルテ(7.0)、尿(7.1)、リボリ(7.1)、およびスタントン(7.1)。チェックアウトブログ用の Squarespace テンプレートの専用ガイドもっと学ぶために。
良いところ
悪いところ
詳細
個人の Web サイトを使用すると、企業や採用担当者があなたを見つけやすくなります。ノール待望の「すごい」要素が追加されます。経歴、資格の簡単な概要、職歴/スキル、顔写真を含む 1 ページのサイトとして非常にうまく機能しますが、紹介文、レビュー、お問い合わせフォーム用の専用ページを追加することもできます。いずれにせよ、セリフフォントとピーチ/スカーレットの配色で、非常にトレンディ(ミレニアルシックとでも言いましょうか?)に見えます。
良いところ
悪いところ
詳細
現役の写真家はデモ版にほとんど変更を加える必要がありません。クインシー: 目を引くランディング ページ、フルブリードの背景画像が変化する美しいポートフォリオ ページ、そして見つけやすいソーシャル アイコンが備わっています。しかし、最も優れているのはその連絡先ページです。既製の Acuity Scheduling ブロックがあります (Squarespace のプレミアム機能) 潜在的なクライアントは、さまざまな種類のセッションをスケジュールし、連絡先情報を送信できます。スケジュール設定が簡単になるため、予約に苦労する時間を減らし、好きなこと (実際に写真を撮ること) に多くの時間を費やすことができます。
佳作:エリオット(7.1)、フォルテ(7.0)、ローリー(7.1)、ネヴィンズ(7.1)、オルティス(7.1)、クイン(7.1)、レセダ(7.1)、およびテピト(7.1)。
良いところ
悪いところ
詳細
ウェルズは 2012 年から存在する軽くて風通しの良いテンプレートで、クリエイティブなタイプにとっては真の古風だが便利なテンプレートです。シンプルなホームページにはスクロール可能なグリッド スタイルのギャラリーがあり、作品の概要をわかりやすく表示します。ユーザーは各サムネイルをクリックして、タイトルまたはキャプション付きのフルサイズ バージョンを表示できます。そこで、プロセスやインスピレーションについて自由に詩的に表現できます。ウェルズも応援してますストアページ印刷物の販売を始めたい場合でも、基本的なポートフォリオ サイトとして簡単に自立できます。
佳作:ボーモント(7.1)、フラットアイアン(7.0)、松屋(7.1)、ミネッタ(7.1)、およびバザール(7.1)。チェックアウトアーティスト向けの Squarespace テンプレート専用ガイドもっと学ぶために。
良いところ
悪いところ
詳細
ノボは、グラフィックまたは製品デザインのポートフォリオに適した、より新しく大胆な白黒のテンプレートです。これはまた、あなたの作品をホームページのグリッドの前面と中央に配置し、各タイトルにホバーオーバー効果があるのが気に入っています。そして、ユーザーを簡単な説明とフルブリードのバナー画像を備えたプロジェクト固有のページに移動させます。 Dribbble、Vimeo、Instagram アカウントのモダンなアイコンはすでに上部と下部のナビゲーション バーに表示されているため、リンクを追加するだけで済みます。
良いところ
悪いところ
詳細
ランゲこれも、人目を引くホームページのおかげで時の試練に耐えてきた古いテンプレートです。これにより、魅力的なストーリーをポートフォリオに簡単に織り込むことができます。サイトへの訪問者は、GIF またはクリップと交換できるフルブリードのバナー画像で歓迎されます。これらの画像は、各プロジェクトをさらに詳しく説明する個別のページにリンクされています。ホバーオーバーとフェードインのアニメーション効果により、スクロールしながら興味深い内容が保たれます。シンプルな 1 列のブログと基本的な連絡先ページは両方とも上部のナビゲーション メニューにあります。
佳作:レキシントン(7.1) およびオトロクエスト(7.1)。チェックアウトビデオ用の Squarespace テンプレートの専用ガイドもっと学ぶために。
良いところ
悪いところ
詳細
グロウウェルは、乱雑に見えることなく大量のテキストやビジュアルを処理できる、明るく陽気なテンプレートです。また、特別な工夫が施されています。Squarespace のプレミアム機能で事前に有効になっています。会員エリアこの機能を使用すると、サイト上にゲート付きコンテンツを作成できます。たとえば、バーチャル クラス、ワークショップ、ニュースレター、vlog、1 対 1 などです。 (電子メール アドレスで無料でサインアップすることも、会費を支払ってロックすることもできます。お電話ください)。これにより、コミュニティを構築しながらコンテンツや専門知識を収益化することが驚くほど簡単になります。
良いところ
悪いところ
詳細
素敵なグラデーションとそれにマッチするサンバーストのアクセントを備えた Squarespace のモウセンゴケこのテンプレートは、70 年代にインスピレーションを得た最近のデザイン トレンドにぴったりです。そのデモ サイトはあなたのポッドキャストを心待ちにしています。一番上に最新のエピソードのスポットがあり、その後にタグラインを含むバナー、最近のエピソードのグリッド、ニュースレターまたは電子メール リストへの登録を求めるプロンプト、および宣伝文句が続きます。より詳細な自己紹介ページに誘導するホスト。個々のエピソード ページには独自のオーディオ ブロックがあるため、リスナーはサイトから離れることなく視聴できますが、別のプラットフォームを好む場合に備えて、Spotify、Stitcher、Apple Podcasts、Google Podcasts ページへのリンクが全体に散在しています。
佳作: パロマ(7.1)。
良いところ
悪いところ
詳細
Web サイト訪問者を直接の顧客に変換するテンプレートをお探しですか?コリマには、サービス、チーム、場所、ブログのページと、多くの行動喚起 (つまり、コンバージョンのチャンス) が含まれています。一番の特長として、Acuity Scheduling ブロックが事前に有効になっており、これにより予約の予約と管理が非常に簡単になります。クライアントはあなたの空き状況をすぐに確認し、オンラインで支払い、さらには再スケジュールすることができ、同時にリマインダーを自動化することもできます。バックエンドで (他の簿記タスクの中でも特に) インテーク フォームを作成します。
良いところ
悪いところ
詳細
優れた概要資料を作成できるもう 1 つのテンプレートは、大西洋レストランに行く準備ができています。最も重要な情報 (場所、営業時間など) をすべて掲載した「概要」セクションで始まり、回転する画像ギャラリーと 2 つの異なるメニューの事前にフォーマットされたセクションが続きます。 OpenTable ブロックを含む「予約」ページもあります。ソーシャルウィジェットのYelpアイコンにもボーナスポイントが付与されます。おいしそうなお皿の写真の邪魔にならないよう、白地に黒の文字というシンプルな配色になっています。
佳作:ブレンド(7.1)、Chotto(7.1)、丘(7.1)、ジュニパー(7.1)、パーマー(7.1)、パイン(7.1)、およびヴァンス(7.1)。
良いところ
悪いところ
詳細
クラークソンは、落ち着いたニュートラル カラー パレットとフルブリードのバナー画像を備えたクリーンでミニマルなテンプレートです。 (Squarespace がデモ バージョンに選んだサンセリフ書体も非常に素晴らしく、モバイルでも非常に読みやすいです。) これは現実的には素晴らしいオンライン ストアやビジネス Web サイトになりますが、既に非営利団体やコミュニティ組織向けにフォーマットされています。 「寄付」と「ボランティア」のプロンプト、すべての取り組みに関するグリッド スタイルのブログ、および関連するすべてのソーシャル。本当に必要なのはあなたのブランディングだけです。
良いところ
悪いところ
詳細
「ミニマリストだけど大胆に」というのが、おそらく私たちが表現する言葉でしょう。カーマイン、2 色の配色と印象的なタイポグラフィーを備えた、大きなイベント向けの人目を引くテンプレートです。講演者/出演者、ラインナップ/スケジュール、ブログ/ニュース リリースのページはすでに設定されています。さらに、チケット セクションでは、いくつかの異なるパッケージを販売するオプションが提供されます。これはビジュアルにあまり依存していませんが、はスクロールすると、非常にきれいな逆分割アニメーション効果が得られます。
良いところ
悪いところ
詳細
The Knot、Minted、Zola などの型にはまった結婚式 Web サイトのファンではない場合は、Squarespace のソリアテンプレートを使用すると、すぐにゼロから構築することができます。トップのナビゲーション メニュー (ストーリー、旅行の詳細、登録情報、出欠確認ボタン) が特徴で、スクロールしてもページ上に表示されます。そうすれば、技術的に障害のある親戚全員が簡単に道を見つけることができます。その周り。また、写真を大量に使用するので、エンゲージメント撮影のハイライトをすべて披露することができます。
良いところ
悪いところ
詳細
何か新しいものを開発中ですか?まだ完全に肉付けされた Web サイトである必要はありません。次のようなテンプレートを使用して、リリース前のランディング ページ (近日公開ページとも呼ばれる) を作成するだけです。ゾライダウェブ上でその権利を主張します。明るい背景といくつかのシンプルなサンセリフ書体を特徴とするデモ バージョンには、すべての必須情報を掲載するスポット、スタンドアロン画像、訪問者が更新情報を受け取るためのニュースレター/電子メール ブロックが含まれています。これはバージョン 7.1 のテンプレートであることに注意してください。つまり、コンテンツを失うことなく、将来的にテーマを簡単に切り替えることができます。
良いところ
悪いところ
詳細
私たちは古き良き人たちにエールを送らなければなりません塩水、の親テンプレート同名の家族Squarespace バージョン 7.0 より: の使用により、今日に至るまでファンのお気に入りとなっています。視差スクロール、フルブリードのバナー画像に奥行きの錯覚を生み出す特殊な視覚効果。 (前述したように、この機能はバージョン 7.1 では利用できません。) デモ サイトはオンライン ストア用に準備されていますが、ブログ、イベント ページ、ギャラリーなどを追加するオプションもあります。
注: Brine は好きだが、バージョン 7.0 にこだわりたくない場合は、ヘスターショット — これは Brine の 7.1 相当です (これも視差を差し引いたものです)。
佳作:文字通り、Brine ファミリーのその他すべて(7.0)。
良いところ
悪いところ
詳細
私は Squarespace のテンプレート ライブラリ全体 (バージョン 7.0 と 7.1) を調べて、目を引くレイアウト、モバイル フレンドリーなスタイル オプション、ユーザー フレンドリーなナビゲーション、関連するプリセット機能の一覧を備えたデモを探しました。ここで紹介されているすべてのテンプレートを使用して、実際の本格的なサイトを構築したわけではありませんが、Squarespace を使用して Web サイトを作成した個人的および職業上の経験、およびアートとデザインの背景に基づいて、自分の選択に自信を持っています。デザインの多くの側面が主観的なものであることを私は認めます。そのため、推奨される各テンプレートには、同様の機能を持つ、しかし美観が異なる少なくとも 1 つの「佳作」が付いています。
よくある質問
サイトを素早く簡単にデザインできるようになった後、Squarespace の最も優れている点は、そのオールインワン アプローチです。サブスクリプションプラン年中無休のカスタマー サポート、ウェブサイトの指標、SEO ツール、SSLセキュリティ、無制限の帯域幅、ビデオストレージをすべて月額わずか 16 ドルで利用できます。 Squarespace は、追加料金なしでフルマネージドのクラウド ホスティングも提供します。また、年間メンバーシップにサインアップすると、1 年分の新しいカスタム ドメインが提供されます。別のプロバイダーやプラットフォームで何かを設定する必要はありません。
Squarespace テンプレート (またはテーマ) は、さまざまな配色、フォント パック、レイアウト、ページ、ドラッグ アンド ドロップでカスタマイズできる、事前にデザインされたすぐに使用できるデモ Web サイトです。要素ブロックテキスト、画像、ギャラリー、ボタン、フォームなど。スクエアスペース説明しますこれらは「サイトのデザインにインスピレーションを与えるための出発点」としており、「デモ コンテンツを独自のものに置き換えることで、元のデザインの構造をそのまま維持することも、サイトのデザインを完全に変更して開始することもできます」と述べています。ゼロから。」カスタマイズは必要に応じて行うことができます。どちらにしても、あなたのサイトは洗練されたものになります。
各テンプレートは Squarespace 専用に構築されているため、WordPress、Wix、その他のサイト構築プラットフォームでは見つけることができません。
すべての Squarespace テンプレートは、最初からモバイル向けに最適化されています。これは 2 つの大きな理由で優れています。1 つは、サイトがどのデバイスでも見栄えがよく、Google がそれを好意的に評価していることです。検索ランキング。
Squarespace バージョン 7.0 のテンプレートには、小型デバイスで有効になる個別のモバイル スタイルがありますが、バージョン 7.1 のテンプレートはモバイル ビューに自動的に適応します。 (詳細については以下をご覧ください。) Squarespace をチェックしてください。サイトをモバイルフレンドリーに保つためのヒントそれを構築する前に。
2014 年にリリースされた Squarespace バージョン 7.0 は、91 個のテンプレート特定のテンプレート「ファミリー」に分割します。これは、基本的な構造と機能が同様にコード化されたテンプレートのグループです。それぞれにそれぞれの特徴があります特定のルールとスタイルのオプションそのため、特定の機能にアクセスするには、テンプレートを交換する必要がある場合があります (コンテンツが失われる危険があります)。例えば、無限スクロール専用ですファロそしてスカイテンプレート ファミリのみウェルズそして五許可するサイドバーブログだけでなく、すべてのページで。
Squarespace は、2020 年初めのバージョン 7.1 のリリースで、これらの厳密な分類を廃止しました。テンプレート同じ基本構造と設計オプションを持つ同じファミリーに属するようになり、より簡単にサイトスタイルを変更する数秒で。
Squarespace のどちらのバージョンも他のバージョンより決定的に「優れている」というわけではありませんが、バージョン 7.1 は、特に 2022 年 7 月のリリース以降、設計プロセスを積極的に合理化しているため、このプラットフォームを初めて使用する人にとってより理想的です。流体エンジン。これは、Squarespace の 7.1 サイト用の次世代コンテンツ エディターであり、グリッド システムと追加のブロック配置オプションを利用して、改善されたものを提供します。レイアウトの柔軟性(特に携帯)。
以前に Squarespace サイトを構築したことがあるユーザーは、バージョン 7.0 を使い続ける十分な理由があるかもしれません。そのテンプレートには、新しいバージョンにはまだ追加されていない高度なスタイル オプションがいくつかあるからです。 (見る:視差スクロール、最愛の人の特に人気のある特徴の1つは、ブラインテンプレートファミリーこれはバージョン 7.1 にはありません。人々はかなり塩辛いそれについて。)
1 つの注意点: バージョン 7.0 と 7.1 の間で切り替えるには、完全なバージョンが必要です。再構築するサイトの検索ランキングに影響を与える可能性があるため、賢明に選択してください。明るい面としては、Squarespace は次のことを提供します。14日間の無料トライアルそのため、コミットする前に両方を試してみることができます。
新しいサイトを始めるには、にアクセスしてください。「テンプレート」タブSquarespace の Web サイトでライブラリをタイプとトピックでフィルタリングして、候補者のプールを絞り込みます。目に留まったテーマで「プレビュー」をクリックして、実際にどのように見えるかを確認することができます。
スクエアスペース示唆するそこに表示されるデモ コンテンツではなく、お気に入りの色やレイアウトに基づいてテンプレートを選択することもできますが、最終的なビジョンにすでに近いものを選択する方が簡単かもしれません。たとえば、ホームページに製品のグリッドを含むテンプレート (次のように)マカ)は、クリックするだけでオンライン ストアになることができますが、イベントへの参加表明を中心に設計されたテンプレート(カーマイン) e コマースの目的でより多くの麺類が必要になります。
どれかに決めるのが難しい場合は、次のことを知っておいてください。見苦しい Squarespace サイトを作成することは基本的に不可能であり、十分な時間と実験があれば、ほぼすべてのテンプレートを自分のビジョンとニーズに合わせて微調整することができます。 (または、繰り返しますが、自分で構築する。)
ある情報によると、2023年4月の時点で、「TwitterのAPIに対する最近の変更」のため、SquarespaceユーザーはTwitterアカウントをプラットフォームに接続したり、コンテンツをTwitterにプッシュしたり、新しいTwitterブロックを追加したりすることができなくなったという。ページヘルプセンターで。 (CMS の巨人 WordPress も Twitter ソーシャル共有を廃止しました同様の理由.) ただし、これは Squarespace と Twitter が完全に互換性がないことを意味するわけではありません。まだ次のことができます:
Twitter プロフィールへのリンクは次のとおりです。ソーシャルアイコンを追加する。
を使用してサイト上にツイートのコレクションを表示します。埋め込みブロックそしてコードを介して公開.twitter.com。
Squarespace コンテンツを Twitter に手動で投稿するには、ツイート内の URL をコピーして貼り付けます。
Twitterカードを作ろうそこで共有したい Squarespace コンテンツの場合。
サイト訪問者の Twitter ハンドルを収集します。フォームブロック。