F12 Labs
Aedifyコードではなく、ブロックをドラッグしてストアのページを作る。
Aedifyは、Shopifyのページとブログ記事のためのページビルダーです。行と列をレイアウトし、テキスト、メディア、リアルタイムの商品リストを配置して、Shopify上のページにそのまま保存できます。試してみましょう。いくつか要素を追加してから、スマートフォンに切り替えてください。
Online Store 2.0テーマ対応。ページとブログ記事で使えます。
要素
メディア
コマース
- バナー
涼しい朝に、軽やかなレイヤードアウターを見る - 行重ね着のために
ジャケットの下にも、Tシャツの上にも合うカッティング。
やわらかな洗い加工着込んだような風合いの、ガーメントダイコットン。
左の要素をクリックするかページにドラッグしてから、スマートフォンに切り替えてください。
ページは、これまでどおりShopifyのページ。
Shopify上のページに保存
コンテンツは、ページまたはブログ記事自身のコンテンツフィールドにHTMLとして保存され、当社のサーバーには保存されません。Aedifyにコピーは残りません。
スタイルはテーマに従う
テキスト、見出し、ボタンには、デフォルトでテーマのフォント、カラー、ボタンスタイルが適用されます。変えたいときは、要素ごとにスタイルを設定できます。
ストアフロントにスクリプトなし
ページはプレーンなHTMLと1つのスタイルシートだけです。商品リストはテーマのLiquidで表示され、価格と在庫はリアルタイムで反映されます。
すべての要素に、専用の設定。
レイアウト用の行と列に加えて、テキスト、見出し、ボタン、区切り線、画像、動画、バナー、マップ、HTMLコードを使えます。キャンバス上で要素を選択して設定でき、さらに細かく調整したいときは「スタイル」パネルと「詳細」パネルを使います。
- ボタン、画像、バナーを、商品、コレクション、ページ、ブログ記事のいずれにもリンク
- 画像をアップロード、またはストアの「ファイル」から選択
- YouTube、Vimeo、独自の動画ファイルに対応。Googleマップは住所で指定
- 返品無料
- 2日で発送
- オーガニックコットン
バナー
変更サマーエッセンシャル
ショートパンツ$45.00カートに追加
ブラックサングラス$50.00カートに追加
キャンバススニーカー$40.00オプションを選択
メンズクルーネック$120.00オプションを選択
商品
どのページにも、リアルタイムの商品を。
「商品」要素は、コレクション、手動で選んだ商品、または条件から、グリッドまたはカルーセルを表示します。商品データがページにコピーされることはありません。カードはストアフロントで表示されるため、価格、セール価格、在庫は常に最新です。
- 最大50商品、お好みの順序で並べ替え
- パソコン、タブレット、スマートフォンごとに1行の商品数を設定
- 「カートに追加」「オプションを選択」「売り切れ」を、テーマのボタンスタイルで表示
セクションを一度作れば、どこでも使える。
送料のお知らせ、サイズガイド、プロモーションなどをテンプレートとして保存し、どのページやブログ記事にも挿入できます。テンプレートはロックされたセクションとして配置されます。テンプレートを編集すると、それを使用しているすべてのページが更新されます。
3日間、バッグ1つで
天気が読めない日に、私たちが詰めるもの。
$75以上のご注文で送料無料。 詳しく見る
テンプレートを挿入
テンプレートはロックされたセクションとして配置されます。「テンプレートを編集」から編集すると、それを使用しているすべてのページが更新されます。
テンプレートを検索- 送料無料のお知らせリンク付きの配送メッセージ2026年10月6日更新 · 4件で使用中プレビュー挿入
- サイズガイドサイズ表と採寸のヒント2026年10月2日更新 · 2件で使用中プレビュー挿入
保存する前に、アクセシビリティの問題を見つける。
Aedifyは、ページを作成しながら、WCAG 2.1 AAに照らして各ページをチェックします。エラーは基準を満たしていない項目、警告は問題の可能性が高い項目です。「選択」を押すと、修正すべき要素にすぐ移動できます。
- 画像の代替テキスト、または装飾用としての指定
- リンクの名前（リンク付きバナーを含む）と、あいまいなリンクテキスト
- 動画のタイトルと字幕、コントラストの低いバナーやボタンのテキスト、飛ばされた見出しレベル
アクセシビリティチェック
エラーはWCAG 2.1 AAを満たしていない項目で、ADAに関する申し立てでも通常はこの基準で評価されます。警告は問題の可能性が高い項目です。
- エラー画像: 画像には代替テキストが必要です。または装飾用に設定してください。選択
- エラーバナー: リンク付きバナーには、リンクに名前を付けるためのリンクラベル（またはメッセージテキスト）が必要です。選択
- 警告見出し: 見出し2の次に見出し4があります。見出しレベルを飛ばさないでください。選択
- 警告動画: スクリーンリーダー用に、動画にタイトルが必要です。選択
一度設定すれば、あとは作るだけ。
テーマコードの編集は不要です。Aedifyのホームページにある「ストアフロントのセットアップ」チェックリストから、テーマエディターの適切な場所が開き、各ステップの完了状況も確認できます。
- 1
Aedifyスタイルを有効化
テーマで、Aedifyスタイルのアプリ埋め込みをオンにします。Aedifyのページが使う1つのスタイルシートが追加されます。
- 2
テンプレートにAedifyコンテンツを追加
ページテンプレートとブログ記事テンプレートに、Aedifyコンテンツのブロックを追加します。ページが表示され、商品リストがリアルタイムで表示されます。
- 3
作成してビルド
Aedifyでページまたはブログ記事を新規作成するか、既存のものを開いて作り込みます。保存すると、そのままShopifyに書き込まれます。
マーチャントからのよくある質問
Aedifyで何が作れますか？
Shopifyのページとブログ記事です。ホームページ、商品ページ、コレクションページは編集できません。これらはテーマエディターで編集できます。
使っているテーマで動作しますか？
ページとブログ記事のテンプレートでアプリブロックに対応した、Online Store 2.0テーマが必要です。Aedifyの「ストアフロントのセットアップ」チェックリストで、公開中のテーマが対応しているかを確認できます。
アンインストールすると、ページはどうなりますか？
ページはShopifyに残り、テキスト、画像、リンクもそのまま保持されます。これらは各ページ自身のコンテンツフィールドに保存されているためです。アプリのスタイルシートがなくなるとレイアウトはテーマの標準スタイルに戻り、商品リストはアプリのブロックが表示していたため、表示されなくなります。
Shopify標準のエディターでもページを編集できますか？
はい。Aedifyは、ページがAedify以外で変更されたことを検知し、ビルダーで開いたときにお知らせを表示します。
ストアの表示速度は遅くなりますか？
Aedifyがストアフロントにスクリプトを追加することはありません。ページはHTMLと1つのスタイルシートで構成され、商品リストはテーマが表示します。YouTube、Vimeo、マップの埋め込みは、画面にスクロールして表示されるときにのみ読み込まれます。
テンプレートはどこに保存されますか？
ストア内に、Shopifyのメタオブジェクトとして保存されます。各テンプレートは最大64 KBで、使用中のテンプレートは、ページから削除するまで削除できません。
アクセシビリティチェックで、ページは基準に準拠しますか？
作成したコンテンツに多い問題を検出します。たとえば、代替テキストの欠落、名前のないリンク、コントラストの低いテキスト、飛ばされた見出しなどです。テーマは確認できず、人が判断するすべての点を評価することもできないため、監査ではなく、有力な初回チェックとしてご利用ください。
ストアに必要なページを、テーマのスタイルで。
Aedifyを入手インストール済みの場合は、Shopify管理画面の「アプリ」から開いてください。