テーマOS 3.0の紹介

Theme OS 3.0は、SHOPLINEの最新テーマバージョンであり、より柔軟で効率的かつカスタマイズ可能なストアデザイン体験を提供するよう設計されています。新しいストアフロントを作成する場合でも、既存のものをリフレッシュする場合でも、より簡単にモダンでブランドに沿ったオンラインストアを構築するのに役立ちます。

この記事では、Theme OS 3.0の主な機能を紹介し、Theme OS 2.1との比較を行い、始め方をサポートします。

Theme OS 3.0とは？

新しいテーマアーキテクチャに基づいて構築されたTheme OS 3.0は、Theme OS 2.1よりも高い柔軟性とカスタマイズ性を提供します。 刷新されたパーツ構造、強化されたレイアウトコントロール、専用のモバイル設定、新しいSlineテンプレートエンジンを備え、ストアフロントのデザインを効率化します。これらの改善により、モダンで高性能なオンラインストアをより簡単に作成でき、ストアフロントデザインのコントロールも向上します。

以下の表は、Theme OS 3.0とTheme OS 2.1の主な違いを示しており、新機能を理解し、ビジネスニーズに最適なバージョンを選択するのに役立ちます。

Theme OS 3.0とTheme OS 2.1の比較

Theme OS 3.0の主な特徴

新しいパーツ構造

OS 3.0では、最大8階層のネストされたパーツをサポートする再設計された構造を導入しました。この強化により、ストアフロント全体でより高度なモジュール制御と多層デザインの柔軟性が可能になります。

このモジュールの柔軟性により、単一ページ内で動的なコンテンツ配置が可能になります。

セクションやパーツの追加手順については、「Theme OS 3.0」ヘルプセンターの該当ページ記事をご参照ください。

柔軟なレイアウト表示設定

OS 3.0 テーマでは、ページのパーツの位置、間隔、配置を簡単に調整でき、デザイン要件により適した表示が可能です。複雑なレイアウトを扱う際には、これらの細かな調整により、パーツのスタイルや配置を効果的にコントロールできます。

セクションやパーツの追加手順については、「Theme OS 3.0」ヘルプセンターの該当ページ記事をご参照ください。

レイアウト設定

レイアウト設定	操作	効果
配置方向	複数のパーツが一緒に配置されている場合の順序を調整します。 例：商品詳細ページで画像と商品情報の位置を変更する場合など。
自動折り返し	パーツがコンテナの幅や高さを超えた場合に、自動的に次の行に折り返します。
配置と位置調整	コンテナ内でのパーツの相対的な配置を制御します。 例：バナー画像上のテキストの配置を調整する場合など。
間隔	パーツ間の行間や列間のスペースを管理します。 例：商品カード内の画像、タイトル、販売価格の間隔を設定する場合など。

利益率設定

選択したコンテナの内側の余白、つまりコンテナの端と内部のコンテンツとの間のスペースを定義します。

サイズ設定

選択したパーツの幅と高さを、固定ピクセル値または親コンテナに対する割合で設定します。

モバイル専用の調整とプレビュー

すべてのレイアウト、利益率、およびサイズ設定は、PC版とモバイルで別々にカスタマイズできます。特定のデバイス用に設定を調整すると、その設定に下線のインジケーターが表示され、デバイス固有の上書きが有効であることを示します。

ストアが異なる画面サイズでどのように表示されるかをプレビューするには、次の3つの方法があります：

• アイコン切り替え: テーマエディターの上部にあるページセレクターの右側にあるPC版またはモバイルアイコンをクリックして、ビューを素早く切り替えます。
  
• プレビューデバイスの選択: エディターの下部でプレビューデバイスをクリックし、人気のスマートフォンやタブレットモデルのリストから選択します。
  
• モバイルQRコード: エディターの下部で、プレビューデバイスの右にあるQRコードアイコンにカーソルを合わせるとQRコードが表示されます。スマートフォンでスキャンして、直接デバイス上でテーマをプレビューできます。
  

Theme OS 3.0 テーマとパーツのサポート

SHOPLINE OS 3.0 テーマは、さまざまなニーズに対応するために2つのカテゴリに分かれています：

• ビジネス用途向け: 業界に合わせたテーマをお探しの場合は、テーマストアでストアに最適なテーマを見つけてください。利用可能なテーマにはFashion、Sipply、Kramaがあり、今後も追加されていきます。
• カスタム開発向け: Bottleは機能が少なく構造がシンプルなため、マーチャントが簡単に導入できるほか、サードパーティの開発者が独自のテーマを構築・販売するための基盤として最適です。

Theme OS 3.0の使い始め

Theme OS 3.0のテーマを使用開始するには、他のSHOPLINEテーマと同様のインストールおよび公開プロセスに従ってください。詳細な手順については、「適切なテーマの選択」を参照してください。

Theme OS 3.0のテーマを選択する前に、必要なアプリと機能がサポートされていることを確認してください。Theme OS 3.0はOS 2.1で使用されていたアプリ埋め込み方式の代わりにアプリパーツを使用しているため、一部のアプリはまだ完全に対応していない場合があります。