コンテンツブロック：コードなしで好きなレイアウトを作る

クリエイターページを昔ながらの方法で作るところを想像してみてください。テンプレートを開くと、まるで鍵のかかったドアのように、テンプレートがこちらを見返してきます。ヒーローセクションは固定。ボタンの色も固定。商品一覧の上に短いウェルカム動画を追加したくても、テンプレートにそのための枠がなければ、アイデアを諦めるか、開発者やWebflowのチュートリアル、あるいは持っていない週末の時間を探すことになります。2時間後、divとは何かを学んだだけで、ページにはまだ動画がありません。見知らぬ人のテンプレートではなく、自分のものだと感じられるページを作りたい。そのために、すべてのクリエイターが静かに支払っているコストです。

store.fanなら、そのコストをすべて省けます。ストアデザイナーにはコンテンツブロックが含まれています。見出し、画像、動画、推薦コメント、カウントダウン、リンクリストといった、目的のはっきりした小さなセクションを、今見ているページ上で積み重ね、並べ替え、編集できます。コードも、別のビルダーツールも、「うまくいったか確認するために公開する」作業もありません。ブロックを配置して、そこに入力すれば、もう公開されています。ワークフローはそれだけです。

コンテンツブロックとは何か

ストアデザイナーを開くと、シンプルな積み重ねが表示されます。上部にカバー写真とアバターがあり、その下にページを構成する独立したブロックが並びます。ウェルカムメッセージにはテキストブロックを追加。作業スペースや最新のローンチを見せるには画像ブロックを追加。30秒の紹介動画で訪問者を迎えたいなら、動画ブロックを配置します。お客様から寄せられた、見せずにはいられない推薦コメントには推薦コメントブロックを追加。期間限定のコホート募集にカウントダウンが必要なら、それ用のブロックもあります。各ブロックは1つの役割をしっかり果たし、それらを文章のように組み合わせて、思いどおりに読めるページを作れます。

効率的なだけでなく、本当に気持ちよく感じられるのは、プレビューではなく実際のストアフロントを編集している点です。テキストブロックの見出しを入力すると、デザイナー内のライブレイアウトにその場で反映されます。推薦コメントを商品一覧の上にドラッグすれば、ページ全体がすぐに組み替わります。エクスポートも、「ビルド」ボタンも、決めたことが形になるまでの待ち時間もありません。ウェブサイトビルダーでプレビューの表示を待つのに夜を費やしたことがあるクリエイターにとって、この即時性だけでも大きな改善です。

テンプレートと、本当に自分のものと言えるストアの違い

リンクインバイオのページは、写真、名前、自己紹介、ボタンという同じ基本形から始まります。あるクリエイターのページが考え抜かれているように見え、別のページがどこにでもあるように感じられる違いは、その間に何を置くかです。デザインスキルがなくても、その差を埋められるのがコンテンツブロックです。コーチなら、ウェルカム動画、3件の推薦コメント、通話予約へのリンクを積み重ねるかもしれません。コースクリエイターなら、受講登録の締切までのカウントダウンを先頭に置き、カリキュラムの説明を続け、受講生の成果で締めくくるかもしれません。テンプレートは、こうしたレイアウトをあらかじめ予測できません。しかし、決められたページタイプから選ぶのではなく、柔軟な小さなパーツを組み合わせられるので、どちらも数分で作れます。

この柔軟性は、ストアを古びさせないためにも役立ちます。来月、新しいものをローンチしますか？カウントダウンブロックと新しい見出しを追加しましょう。新しい推薦コメントが集まりましたか？ファーストビューの上部に配置しましょう。季節限定のオファーを実施しますか？誰もが最初に目にする位置にブロックを並べ替えます。ページを作り直す必要はありません。最初に使ったのと同じ、数秒のドラッグと入力だけで済みます。作り込んだページがどのように見えるか、自分で始める前に確認したいですか？ライブのサンプルストアでは、少数のブロックでも意図を持って配置すれば、どこまで作り込めるかを確認できます。

昔の方法とstore.fanの方法

ビルダーを学びたくなくて、「本物の」ウェブサイトを作るのをずっと先延ばしにしていました。store.fanなら、ページが伝えたいことを表現できるまでブロックを追加していくだけでした。投稿時のキャプションを書くより短時間で完成しました。— store.fanのクリエイター、1回の作業でストアフロントを作り直して

実際に必要な作業量はどれくらいか

ソフトウェアがうたうだけで実現しない「簡単さ」と、座ってデザイナーを開き、コーヒーが冷める前に終わる「簡単さ」には違いがあります。コンテンツブロックは後者です。各ブロックが目的に合わせて作られているため、動画ブロックなら動画だけ、推薦コメントブロックならコメントと名前だけを入力します。何もないキャンバスを前にして、どこから始めればいいか悩むことはありません。短くてわかりやすい項目を、ブロックごとに埋めていけば、レイアウトが自然に形になります。テキストメッセージに写真をドラッグしたことがあるなら、必要なスキルはすでに持っています。

どのプランを使っていても、これを試す価値があるのはそのためです。コンテンツブロックはストアデザイナーの基本機能なので、ページ全体をレイアウトし、順番を変えて試し、料金を確認する前に、ストアがどう見え、どう感じられるかを正確に確認できます。後からカスタムドメインやより詳細な分析など、さらに仕上げを加えたくなったら、それを追加するのがProプランです。ただし、ブロックベースのデザイナー自体は初日から使えます。

よくある質問

すべてのクリエイターは、いつかテンプレートでは足りなくなる瞬間を迎えます。誰かが設計した枠に、自分が伝えたいストーリーが収まらなくなる瞬間です。その制限を取り払うのが、コンテンツブロックです。コードエディターも、別のビルダーも、誰かの予定を待つ必要もありません。シンプルなブロックを積み重ねて、頭の中にあったページをようやく形にできます。他のガイドでストアフロントをさらに活用する方法を確認するか、FAQで疑問への答えを探すか、そのまま作成を始めてください。