SeedProd ドキュメント

SeedProd のドキュメント、リファレンスマテリアル、チュートリアル

デバイスの可視性

デバイスの可視性機能を使用すると、訪問者がデスクトップまたはモバイルデバイスでページを表示しているかどうかに応じて、個々のセクション、行、列、ブロックを表示または非表示にできます。これを使用して、個別のページを作成せずに、各デバイスタイプに合わせてページのコンテンツとレイアウトを調整します。


ステップ1:要素の設定を開く

制御したいセクション、行、列、またはブロックにカーソルを合わせます。表示される要素のツールバーの歯車アイコン(設定ハンドル)をクリックして、設定パネルを開きます。

ヒント: ビルダーのレイアウトナビゲーションパネルで要素をクリックして、いずれかの要素の設定パネルを開くこともできます。

SeedProdビルダーでホバー時に表示されるセクション設定の歯車アイコン

ステップ2:デバイスの可視性を設定する

設定パネルで、詳細タブをクリックし、デバイスの可視性セクションを展開します。デスクトップ、モバイル、またはその両方で要素を非表示にするオプションを切り替えます。

SeedProd要素設定の詳細タブのデバイスの可視性トグル

デバイスの可視性設定は、設定した要素に適用され、ページ上の他の要素には影響しません。特定のデバイスで表示または非表示にしたい各セクション、行、列、またはブロックに対してプロセスを繰り返します。保存する前に、ビルダーのモバイルデバイスプレビューを使用して、各デバイスでのページの表示方法を確認してください。

関連記事