ビデオ、ブログ、その他すべての Web ページに最適な Squarespace テンプレート

このコンテンツはもともと米国の視聴者向けに Mashable に掲載されていたものを英国の視聴者向けに調整したものです。

Squarespace の新規ユーザーは、コードを使用してサブスクリプションを 10% 節約できますMASHABLE10UK

聞いたことがあるならこれまでのポッドキャストSquarespace は、プロフェッショナルなオンライン プレゼンスを簡単に作成できるオールインワンの Web サイト ビルダーです。数字的に言えば、2 番目に人気のある Web ビルダーそこには(Wix 以降)、3 番目に人気のあるホスティング サービス(Wix と Shopify 以降)、以上をサポート300 万のライブ Web サイト出版当時はインターネット上で。

Squarespace がこのような成功を収めた主な理由の 1 つは、美しいサイトを立ち上げてインターフェイス上で実行するのに Web デザインやコーディングの経験が必要ないことです。直感的なドラッグ アンド ドロップの構築要素と最新のテンプレートの豊富な選択を備えたこのツールは、この種のツールの中で最も初心者に優しいツールの 1 つであることは間違いありません。

正直なところ、Squarespace サイトのデザインで最も難しい部分は、多くの場合、これらのテンプレートの 1 つを選択することです。現在サポートされているプラ​​ットフォームの 2 つのイテレーションである Squarespace バージョン 7.0 と 7.1 では、テンプレートが 230 以上あります。どれを自分の用途に使用するかをどのように決定しますか油絵のポートフォリオ、 あなたの台湾系アメリカ人のグルメブログ またはオンラインストアクールガールジーンズ? (これらはすべて、以前から存在するさまざまな種類の Web サイトです。スクエアスペースで作られた、参考までに)

スクエアスペースを使用する必要がありますか?

Squarespace の最も優れている点は、サイトを素早く簡単にデザインできるオールインワン アプローチです。サブスクリプション プランには、24 時間年中無休のカスタマー サポート、ウェブサイトのメトリクス、SEO ツール、SSLセキュリティ、無制限の帯域幅、ビデオストレージをすべて月額わずか 13 ポンドで利用できます。 Squarespace は、追加料金なしでフルマネージドのクラウド ホスティングも提供します。また、年間メンバーシップにサインアップすると、1 年分の新しいカスタム ドメインが提供されます。別のプロバイダーやプラットフォームで何かを設定する必要はありません。すべての点を考慮すると、その柔軟性と利便性は、初めて Web サイトを所有する人にとって最適なものとなっています。

Squarespace テンプレートとは何ですか?

Squarespace テンプレート (またはテーマ) は、さまざまな配色、フォント パック、レイアウト、ページ、ドラッグ アンド ドロップでカスタマイズできる、事前にデザインされたすぐに使用できるデモ Web サイトです。要素ブロックテキスト、画像、ギャラリー、ボタン、フォームなど。スクエアスペース説明しますこれらは「サイトのデザインにインスピレーションを与えるための出発点」としており、「デモ コンテンツを独自のものに置き換えることで、元のデザインの構造をそのまま維持することも、サイトのデザインを完全に変更して開始することもできます」と述べています。ゼロから。」カスタマイズは必要に応じて行うことができます。どちらにしても、あなたのサイトは洗練されたものになります。

各テンプレートは Squarespace 専用に構築されているため、WordPress、Wix、その他のサイト構築プラットフォームでは見つけることができません。

Squarespace テンプレートはモバイル対応ですか?

すべての Squarespace テンプレートは最初からモバイルに最適化されており、これは次の 2 つの理由で優れています: モバイル フレンドリーなサイトはすべてのデバイスで見栄えがします。そして~に関してはGoogleからより高い優先順位を得るインデックス作成そしてSEOランキング。

Squarespace バージョン 7.0 のテンプレートには、小型デバイスで有効になる個別のモバイル スタイルがありますが、バージョン 7.1 のテンプレートはモバイル ビューに自動的に適応します。

Squarespace バージョン 7.0 と 7.1 の違いは何ですか?

2014 年にリリースされた Squarespace バージョン 7.0 は、91 個のテンプレートを特定のテンプレート「ファミリー」に分類します。これは、基本的な構造と機能が同様にコード化されたテンプレートのグループです。それぞれに固有のルールとスタイル オプションがあるため、特定の機能にアクセスするにはテンプレートを交換する必要がある場合があります (コンテンツが失われる危険があります)。たとえば、無限スクロールは Farro と Skye テンプレート ファミリに限定されていますが、ブログだけでなくすべてのページでサイドバーを許可しているのは Wells と Five だけです。

Squarespace は、2020 年初頭のバージョン 7.1 のリリースで、これらの厳格な分類を廃止しました。その 140 以上のテンプレートはすべて、同じ基礎構造とデザイン オプションを持つ同じファミリーに属しているため、サイトスタイルを変更する数秒で。

Squarespace のどちらのバージョンも他のバージョンより決定的に「優れている」というわけではありませんが、バージョン 7.1 は、特に 2022 年 7 月の Fluid Engine のロールアウト以降、設計プロセスを積極的に合理化しているため、このプラットフォームを初めて使用する人にとってより理想的です。これは、Squarespace の 7.1 サイト用の次世代コンテンツ エディターであり、グリッド システムと追加のブロック配置オプションを利用して、レイアウトの柔軟性を向上させます (特にモバイルで)。

以前に Squarespace サイトを構築したことがあるユーザーは、バージョン 7.0 を使い続ける十分な理由があるかもしれません。そのテンプレートには、新しいバージョンにはまだ追加されていない高度なスタイル オプションがいくつかあるからです。最愛の人の特に人気のある特徴の1つは、ブラインテンプレートファミリーこれはバージョン 7.1 にはありません。人々はかなり塩辛いそれについて。)

1 つの注意点:可能バージョン 7.0 と 7.1 を切り替えるには、通常、完全なバージョンが必要になります。再構築するサイトの検索ランキングを混乱させます。明るい面としては、Squarespace は次のことを提供します。14日間の無料トライアルそのため、コミットする前に両方を試してみることができます。

Squarespace はどのような機能を提供しますか?

構造とフォーマットの違いはさておき、両バージョンのプラットフォーム間のすべての Squarespace テンプレートは、年次製品アップデートである最新の Squarespace Refresh で導入されたいくつかの新しいツールを含む、同じ一連の機能をサポートしています。主な内容は次のとおりです。

  • コメント システム、投稿スケジュール、ポッドキャスト統合、複数の著者プロファイルのサポートなどのブログ ツール

  • 画像エディター、画像メタデータのインポート、ビデオのホスティング/収益化などのポートフォリオ ツール

  • オンデマンドのカスタム商品、会員エリア、予約スケジュール、POS、サブスクリプション、製品マーチャンダイジング、製品レビュー、在庫管理、USPS配送ラベルの購入と印刷、ローカルピックアップオプションなどの物理的およびデジタル製品用のeコマースツール

  • 電子メール キャンペーンの統合、メーリング リスト、プロモーション バナー、フォーム ブロック、FaceBook や Instagram でのソーシャル販売などのマーケティング ツール

  • Unsplash と Getty の統合によるユニバーサル アセットのアップロードとストック画像

Squarespace は、サブスクリプションまたはトライアルで無料の 3 つのモバイル アプリも維持していることは言及する価値があります。これらはサイトの両方のバージョンでも動作します。

  • メインの Squarespace アプリ (iOSそしてアンドロイド) 外出先での書き込み、編集、更新、コマース、分析をサポートします

  • Squarespace Video Studio アプリ (iOS) オーディオ ナレーション、アニメーション テキスト、ライセンスされた音楽を使用したプロ品質のビデオを作成できます。TikTok や Instagram Reels の代替品と考えてください。

  • Squarespace Unfold アプリ (iOS および Android で利用可能) は、ストーリーや Linktree スタイルのバイオ サイトなどのソーシャル メディア用の共有可能なコンテンツを作成するために設計されています。

自分に合った Squarespace テンプレートを見つけるにはどうすればよいでしょうか?

始めるには、にアクセスしてください「テンプレート」タブSquarespace の Web サイトでライブラリをタイプとトピックでフィルタリングして、候補者のプールを絞り込みます。目に留まったテーマで「プレビュー」をクリックして、実際にどのように見えるかを確認することができます。

スクエアスペース推奨しますそこに表示されるデモ コンテンツではなく、お気に入りの色やレイアウトに基づいてテンプレートを選択することもできますが、最終的なビジョンにすでに近いものを選択する方が簡単かもしれません。たとえば、ホームページに商品のグリッドが表示されたテンプレートは、クリックするだけでオンライン ストアになりますが、イベントの RSVP を中心に設計されたテンプレートは、e コマースの目的で使用するにはより多くの手間がかかります。

どれかに決めるのが難しい場合は、次のことを知っておいてください。見苦しい Squarespace サイトを作成することは基本的に不可能であり、十分な時間と実験があれば、ほぼすべてのテンプレートを自分のビジョンとニーズに合わせて微調整することができます。

あなたにとって最適な Squarespace テンプレートは何ですか?

Squarespace があなたにとって適切なソリューションだと思われる場合は、次のことを知っておいてください。そのテンプレートはどれも間違いがありません。たとえば、醜い Squarespace サイトを作成するのはほぼ不可能ですが、夢のサイトを軌道に乗せるために少し助けが必要な場合に備えて、Google 検索を保存して読み続けてください。

これらは 2024 年の最高の Squarespace テンプレートです。

マカ

オンラインストアに最適

すべての Squarespace テンプレートは、コマース機能、カスタマイズされたチェックアウト、顧客への電子メール通知、マーケティングが含まれますが、Maca のようなオーダーメイドのテンプレートを使用すると、オンライン ショップをより早く軌道に乗せることができます。 (在庫店、よくある質問、利用規約、下部ナビゲーションにすでに設定されている配送/返品リンクをご覧ください。) そのレイアウトは、色とネガティブスペースを非常にスマートな方法で遊んでいます。視覚的に興味深いものですが、気を散らすものではありません。 。また、注目のコレクション、ベストセラー、セール品目のプリセットセクションを使用して、製品を整理するさまざまな方法も提供します。

良いところ

悪いところ

詳細

Mérida は雑誌スタイルのテンプレートで、多くのテキストを興味深く見せる素晴らしい仕事をし、テキストをさまざまな「注目の投稿」グリッドやバナーに分割して表示するので、文字の巨大な壁を見つめるだけではなくなります。このため、メニューは非常にシンプルに保たれており、コンテンツと競合しないナビゲーション リンクとソーシャル アイコンがいくつかあるだけです。閲覧したり読んだりしたい人は誰でもダークモード投稿の黒地に白のフォーマットは非常にエレガントでモダンに見えます。

良いところ

悪いところ

詳細

現役の写真家は、Quincy のデモ版にほとんど変更を加える必要がありません。これには、目を引くランディング ページ、フルブリードの背景画像が変更される美しいポートフォリオ ページ、そして見つけやすいソーシャル アイコンが備わっています。しかし、最も優れているのはその連絡先ページです。これには、潜在的なクライアントがさまざまな種類のセッションをスケジュールし、連絡先情報を送信できる、既製の Acuity Scheduling ブロック (Squarespace のプレミアム機能) があります。スケジュール設定が簡単になるため、予約に苦労する時間を減らし、好きなこと (実際に写真を撮ること) に多くの時間を費やすことができます。

良いところ

悪いところ

詳細

ノール

個人のウェブサイトに最適

個人の Web サイトを作成すると、企業や採用担当者があなたを見つけやすくなり、Noll のようなテンプレートを使用すると、切望されていた「すごい」要素が追加されます。経歴、資格の簡単な概要、職歴/スキル、顔写真を含む 1 ページのサイトとして非常にうまく機能しますが、紹介文、レビュー、お問い合わせフォーム用の専用ページを追加することもできます。いずれにせよ、セリフフォントとピーチ/スカーレットの配色で、非常にトレンディ(ミレニアルシックとでも言いましょうか?)に見えます。

良いところ

悪いところ

詳細

Wells は 2012 年から存在する軽くて風通しの良いテンプレートで、クリエイティブなタイプにとっては真の古き良き、しかし便利なテンプレートです。シンプルなホームページにはスクロール可能なグリッド スタイルのギャラリーがあり、作品の概要をわかりやすく表示します。ユーザーは各サムネイルをクリックして、タイトルまたはキャプション付きのフルサイズ バージョンを表示できます。そこで、プロセスやインスピレーションについて自由に詩的に表現できます。 Wells は、プリントの販売を開始したい場合にストア ページもサポートしていますが、基本的なポートフォリオ サイトとして単独で簡単に自立できます。

良いところ

悪いところ

詳細

ノボ

グラフィックデザイナーに最適

Novo は、グラフィックや製品デザインのポートフォリオに適した、より新しく大胆な白黒のテンプレートです。これはまた、あなたの作品をホームページのグリッドの前面と中央に配置し、各タイトルにホバーオーバー効果があるのが気に入っています。そして、ユーザーを簡単な説明とフルブリードのバナー画像を備えたプロジェクト固有のページに移動させます。 Dribbble、Vimeo、Instagram アカウントのモダンなアイコンはすでに上部と下部のナビゲーション バーに表示されているため、リンクを追加するだけで済みます。

良いところ

悪いところ

詳細

Lange も、人目を引くホームページのおかげで時の試練に耐えてきた古いテンプレートです。これにより、魅力的なストーリーをポートフォリオに簡単に織り込むことができます。サイトへの訪問者は、GIF またはクリップと交換できるフルブリードのバナー画像で歓迎されます。これらの画像は、各プロジェクトをさらに詳しく説明する個別のページにリンクされています。ホバーオーバーとフェードインのアニメーション効果により、スクロールしながら興味深い内容が保たれます。シンプルな 1 列のブログと基本的な連絡先ページは両方とも上部のナビゲーション メニューにあります。

良いところ

悪いところ

詳細

Growwell は、乱雑に見えることなく大量のテキストやビジュアルを処理できる、明るく陽気なテンプレートです。また、特別な工夫も施されています。Squarespace のプレミアム メンバー エリア機能があらかじめ有効になっており、サイト上にゲート付きコンテンツ (仮想クラス、ワークショップ、ニュースレター、vlog、1 対 1 など) を作成できます。 (電子メール アドレスで無料でサインアップすることも、会費を支払ってロックすることもできます。お電話ください)。これにより、コミュニティを構築しながらコンテンツや専門知識を収益化することが驚くほど簡単になります。

良いところ

悪いところ

詳細

スタイリッシュなグラデーションとそれにマッチするサンバーストのアクセントを備えた Squarespace の Sundew テンプレートは、70 年代にインスピレーションを得た最近のデザイン トレンドにぴったりです。そのデモ サイトはあなたのポッドキャストを心待ちにしています。一番上に最新のエピソードのスポットがあり、その後にタグラインを含むバナー、最近のエピソードのグリッド、ニュースレターまたは電子メール リストへの登録を求めるプロンプト、および宣伝文句が続きます。より詳細な自己紹介ページに誘導するホスト。個々のエピソード ページには独自のオーディオ ブロックがあるため、リスナーはサイトから離れることなく視聴できますが、別のプラットフォームを好む場合に備えて、Spotify、Stitcher、Apple Podcasts、Google Podcasts ページへのリンクが全体に散在しています。

良いところ

悪いところ

詳細

塩水

視差スクロールに最適

私たちは、Squarespace バージョン 7.0 の同名ファミリーの親テンプレートである古き良き Brine に感謝の意を表しなければなりません。これは、視差スクロール、フルブリードのバナー画像に奥行きの錯覚を生み出す特別な視覚効果。 (前述したように、この機能はバージョン 7.1 では利用できません。) デモ サイトはオンライン ストア用に準備されていますが、ブログ、イベント ページ、ギャラリーなどを追加するオプションもあります。

良いところ

悪いところ

詳細

Leave a Reply

Your email address will not be published. Required fields are marked *

Subscribe Now & Never Miss The Latest Tech Updates!

Enter your e-mail address and click the Subscribe button to receive great content and coupon codes for amazing discounts.

Don't Miss Out. Complete the subscription Now.