カテゴリー
ギャラリー
ギャラリー作成・設置
🖼️ ギャラリーの作成とタグ設置方法 キュレーション・アルバムを作成したら、次はそれをECサイトに表示するためのギャラリーを作成します。このガイドでは、ギャラリーの作成方法と、ECサイトへのタグ設置方法を説明します。 --- 📌 ギャラリーとは ギャラリーは、キュレーション・アルバムをECサイト上に表示するための設定です。 役割: - アルバム内の投稿をレイアウト・表示 - ECサイトに埋め込むためのHTMLタグを生成 - 表示デザイン(レイアウト、色、フォントなど)をカスタマイズ 流れ: キュレーション・アルバムを作成 → ギャラリーを作成 → HTMLタグをECサイトに埋め込み → サイト上にギャラリーが表示 --- 🚀 ギャラリーの作成手順 ステップ1: 新規ギャラリーを作成 1. 左メニューから「ギャラリー」→「写真ギャラリー」を選択 2. 「新規ギャラリー作成」ボタンをクリック 3. ギャラリー名を入力(例:「春コレクション」「新商品紹介」) ステップ2: アルバムを選択 4. アルバムの種類を選択(ドロップダウンメニューから選択) - 公式アルバム - カスタムアルバム -
ギャラリーを表示する方法
ギャラリーにアルバムを設定する方法の動画 ☝ ギャラリーでコードを発行してコピーし、サイトに貼り付けする際、U-KOMIのヘッドタグを先に貼っていないと表示されません。先にヘッドタグを設定しておいてください。 ヘッドタグについては【基礎になるU-KOMI JSタグを設置】のガイドをご覧ください。 ギャラリーに使用できる各パラメーターは以下です パラメーター名 パラメーター説明 入力値 デフォルト値 data-group 商品タグに紐づいているグループ内のレビューが表示される true,false false data-image-size ギャラリーの画像サイズを指定 数字 指定なし data-source ギャラリーに表示するメディアチャネルを指定 ※商品アルバムのギャラリーにのみ有効 instagram twitter tiktok review_picture upload youtube 全て data-autoplay 動画を自動再生させるか 1,0 0 詳細は以下をご覧ください ☝ U-KOMI管理画面の【ギャラリー】→【写真ギャラリー】でギャラリーの一覧から右上にある【ギギャラリー【写真ギャラリー】
ギャラリー 【ギャラリー】→【写真ギャラリー】の順に表示します。 写真ギャラリー カスタムアルバムか商品アルバムを選択してギャラリーを作れます。（ギャラリーはサイト上に表示させる写真一覧のもの） PC・SPごとに表示設定が可能です。 編集機能について ・ギャラリーレイアウト ・ギャラリーフォント ・ギャラリースタイル ・写真ホバー ・ライトボックス 編集画面右の【プレビュー】で実際の表示画面を確認できます。 【PC編集画面】 【SP編集画面】 ギャラリーレイアウトは複数種類のレイアウトが用意されています。サイトにあわせて色々なレイアウトを試してみましょう。 ギャラリーの縦長レイアウトについて 「縦長レイアウト」に変更すると、インスタグラムのリール投稿・TikTokなど、縦長メディアを見やすくすることが可能になります。 シングルギャラリータイプについて ギャラリータイプの中にある【シングル】をクリックします シングルギャラリーは１投稿を表示する為のギャラリーです。 表示させたい写真をアルバムから１投稿選択できます カスタムアルバムでシングルギャラリーを使用する カスタムアルバムでシングル