ストアフロントのビルディングブロック哲学

本日、Storefront Powerpackをリリースしました。これは、WooCommerceのStorefrontテーマの外観を1行のコードに触れることなく変更できる拡張機能です。 Powerpackを使用すると、誰でもHTMLやCSSに手を出すことなくストアをカスタマイズでき、それらのカスタマイズの結果をすぐに確認できます。

この拡張機能をリリースする準備をしていると、Storefrontの開発の背後にある考え方や、機能をテーマ自体にパッケージ化するのではなく拡張機能に分割することを選択した理由について、あまり多くのことを書いたことがないことに気付きました。 「PowerpackをStorefrontの一部にしないのはなぜですか？」 私たちはあなたが尋ねるかもしれないと思った。

今日は、Storefrontの背後にある「ビルディングブロック」の哲学と、それがPowerpackなどの拡張機能の開発にどのように影響したかを説明するために数分を取っておきます。

詳細を知りたいですか？ 読む。

ストアフロントの強固な基盤

手始めに、私たちは単にサンドボックスのテーマになるようにストアフロントを構築していません。 誰でもStorefrontをそのまま使用したり、子テーマで使用したり、Powerpackを介してカスタマイズしたりして、ゴージャスな外観のストアを作成できます。

ストアフロントは、ストアのテーマであろうとカスタムデザインの始まりであろうと、あらゆる目的のための強固な基盤です。 箱から出してすぐに完全に機能しますが、特定のニーズに合わせてすばやく更新できます。

WooCommerceのコア哲学：必要なものを追加する

Storefrontは、無駄のない高速でありながら柔軟性を備えたものになっています。 これは、WooCommerceの背後にある哲学とも一致しています。

すべての製品の背後にある考え方は同じです。機能が豊富で強力なものを提供し、誰でも好きなものを作成できますが、肥大化しないようにします。 そのため、WooCommerceとStorefrontの両方に、ページビルダー、デザイナー、スライダー、その他の高度なカスタマイズツールやエディターが含まれていません。

ページビルダーを使用したり、スライダーを追加したりする場合は、次のことができます。これらのアイテムと互換性のある製品を構築しました。 たとえば、Storefrontは、人気のあるBeaverBuilderおよびVisualComposerと互換性があります。

ただし、不要なものや、ストアの速度を低下させる可能性のあるものはパッケージ化しません。 決して使用しないオプションや面倒なオプションを強制されるのではなく、機能を選択できるようにしてください。

WooCommerceと同様に、ストアフロントの理論は次のとおりです。必要なものを追加し、必要なときに必要なものだけを追加します。

ブロックごとに、好きなだけテーマを作成してください

ここで、私たちが言及したビルディングブロックの哲学が登場します。

ストアフロントに追加することは、おもちゃのレンガで遊ぶことによく似ています。 それらは一緒にスナップして、より大きく、より複雑で、よりカラフルなデザインを作成します。

おもちゃのレンガのパックを購入するときは、指示に従ってパッケージに表示されているものを作成できます。 または、独自の創造性とアイデアを使用して、代わりに何か他のものを構築することもできます。

これはストアフロントによく似ています。私たちが提供するビルディングブロックを使用すると、製品とドキュメントで設定されたガイダンスに従ってストアを設計できます。 子テーマを使用したり、拡張機能を追加したりすることもできます。

または、カスタムアプローチが必要な場合は、コードとCSSを詳しく調べて、使用したいツールを使用して、好きなようにすべてをカスタマイズできます。

同じように、レンガで塔を建てることはできないと誰も言わないでしょうし、「ストアフロントを使ってそのテーマを作るのはフェアじゃない！」と言う人もいないでしょう。 結局のところ、私たちはあなたにクールなことをしてもらいたいのです。

ブロックを使用するか、独自のコンポーネントでビルドしてください

ストアフロントは、WooCommerceと同様に、完全にオープンソースです。 そこに含まれるコードを確認して、好きなように編集できます。また、更新が必要なものを見つけた場合は、それに貢献することもできます。

このテーマは非常に柔軟になるように作成されているため、快適に感じる方法でテーマに追加できます。 それがCSSを掘り下げて、独自の子テーマを最初から作成することを意味する場合は、それを行うことができます。独自のコードや言語があなたを止めることはありません。 すべてがどのように機能するか、すべてのビルディングブロックとカスタムコンポーネントがどのように連携してストアフロントを機能させるかを確認できます。

コードがあなたのものでなければ、それは問題ではありません。 Powerpackを使用して、Storefrontまたは子テーマの1つをカスタマイズしたり、拡張機能を追加してテーマの機能を拡張したり、サードパーティの拡張機能を試してデザインをさらに強化したりできます。

「公式」ブロックストアで購入したもの、手作業で作成したもの、他の場所で購入したものなど、他のすべてのブロックで機能するおもちゃのブロックと考えることができます。 作成できるものに制限はありません。必要に応じて、無料で見つけた手順に従って、すべてのブロックを手動で作成できます。

Storefrontを使用すると、美しいWooCommerceストアを好きなように構築できます

だから、それをすべてまとめると：

• コアとなるWooCommerce、そしてStorefrontの哲学は、物事をシンプルに保つことです。これにより、無駄のないレスポンシブストアを運営し、必要なものだけを追加できます。
• Powerpackのような拡張機能はビルディングブロックと見なす必要があります— Storefrontは強固な基盤であり、最も使いやすいツールを使用して、好きなだけその上に構築できます。
• 独自のブロックを使用するか、私たちのブロックを試してください—独自のコードまたは任意の拡張機能を使用して、好みに合わせてビルドできます

フラッグシップのWooCommerceテーマの背後にある哲学についてもう少し学んだことを願っています。 将来的にストアフロントにはさらに多くの機能が追加されるので、注意してください。

Storefrontの新しい拡張機能を提案したい場合、またはテーマを改善するのに役立つアイデアがある場合は、ここでアイデアを追加または投票できます。

ご不明な点がありますか？ または、Powerpackに関するフィードバックはありますか？ コメントは公開されており、あなたの考えを聞いてみたいと思います。