Youtubeページサンプル – 埼玉古着卸revival アメリカ直輸入のビンテージ古着

SUPREME部品集

S部品１（変化する文字４パターン）

【セクション内部品構成】

行１
（文字部品）
（ボタン部品）
＋
行２
（トグル部品）
（文字部品）

＊行２に表示している画像はトグル行の背景を設定しています。

＊行２画像内の文字は文字を上方向に表示位置（パディング）をずらしています。

＜具体数値＞
上部パディング数値
パソコンとタブレット＝ 45ピクセル
スマホ＝ 35ピクセル

＊開発内部を見ていただくとよく分かります。

S部品2（初回スライド表示）

【セクション内部品構成】

行１
（文字部品）
（ボタン部品）
＋
行２
（トグル部品）
（文字部品）

＊行２に表示している画像はトグル行の背景を設定しています。

＊行２画像内の文字は文字を上方向に表示位置（パディング）をずらしています。

＜具体数値＞
上部パディング数値
パソコンとタブレット＝ 45ピクセル
スマホ＝ 35ピクセル

＊開発内部を見ていただくとよく分かります。

S部品2-2（）

【セクション内部品構成】

行１
（文字部品）
（ボタン部品）
＋
行２
（トグル部品）
（文字部品）

＊行２に表示している画像はトグル行の背景を設定しています。

＊行２画像内の文字は文字を上方向に表示位置（パディング）をずらしています。

＜具体数値＞
上部パディング数値
パソコンとタブレット＝ 45ピクセル
スマホ＝ 35ピクセル

＊開発内部を見ていただくとよく分かります。

S部品3（営業時間案内）

S部品4（横スクロールスライダー１）

【セクション内部品構成】

行１
（文字部品）
（ボタン部品）
＋
行２
（トグル部品）
（文字部品）

＊行２に表示している画像はトグル行の背景を設定しています。

＊行２画像内の文字は文字を上方向に表示位置（パディング）をずらしています。

＜具体数値＞
上部パディング数値
パソコンとタブレット＝ 45ピクセル
スマホ＝ 35ピクセル

＊開発内部を見ていただくとよく分かります。

[dsm_card_carousel slider_effect=”coverflow” slider_effect_shadows=”on” slider_effect_coverflow_rotate=”48″ slider_effect_coverflow_depth=”326″ slide_to_show=”4″ autoplay=”off” space_between=”0″ equal_height=”on” layout=”stacked” use_arrow_custom_position=”on” arrow_custom_position=”-1px” arrow_prev=”on” arrow_next=”on” arrow_size=”30px” arrow_color=”rgba(76,58,10,0.46)” arrow_background_color=”rgba(237,240,0,0.45)” dots_horizontal_placement=”20px” slide_to_show_tablet=”3″ slide_to_show_phone=”2″ slide_to_show_last_edited=”on|phone” space_between_tablet=”” space_between_phone=”1″ space_between_last_edited=”on|desktop” arrow_custom_position_tablet=”” arrow_custom_position_phone=”-5px” arrow_custom_position_last_edited=”on|phone” arrow_size_tablet=”33px” arrow_size_phone=”21px” arrow_size_last_edited=”on|desktop” _builder_version=”4.4.2″ header_font_size=”26px” subhead_text_align=”center” subhead_font_size=”13px” subhead_line_height=”1.2em” background_image=”https://revival.totaldimension.co.jp/wp-content/uploads/2020/04/GWPDワードプレスバナー背景00001.jpg” custom_button=”on” button_text_size=”1px” button_text_color=”#E02B20″ button_use_icon=”off” button_alignment=”center” width=”100%” max_width=”100%” module_alignment=”center” min_height=”478px” min_height_tablet=”” min_height_phone=”” min_height_last_edited=”on|desktop” height=”475px” max_height=”358px” custom_margin=”0px||-1px||false|false” custom_padding=”28px|13px|28px|13px|true|true” header_font_size_tablet=”” header_font_size_phone=”” header_font_size_last_edited=”on|desktop” subhead_font_size_tablet=”” subhead_font_size_phone=”” subhead_font_size_last_edited=”on|desktop” border_width_all_arrow=”1px” box_shadow_style_arrow=”preset1″ box_shadow_horizontal_arrow=”-6px” box_shadow_vertical_arrow=”0px” box_shadow_horizontal_arrow_tablet=”” box_shadow_horizontal_arrow_phone=”” box_shadow_horizontal_arrow_last_edited=”on|desktop”][dsm_card_carousel_child title=”商品名１” subtitle=”サイズ（男性L）” image=”https://revival.totaldimension.co.jp/wp-content/uploads/2020/04/Youtube-サムネイル1280_720.jpg” image_as_background=”off” image_video_popup=”on” image_video_popup_url=”https://www.youtube.com/watch?v=eZAMfE6zwyE” badge_text=”男性フリー” button_text=”詳しく” button_url_new_window=”1″ image_background_height_tablet=”108px” image_background_height_phone=”” image_background_height_last_edited=”on|tablet” _builder_version=”4.4.2″ header_font=”M PLUS Rounded 1c||||||||” header_font_size=”16px” body_font=”M PLUS Rounded 1c||||||||” subhead_font_size=”12px” custom_button=”on” button_text_size=”14px” button_text_color=”#423a00″ button_font=”M PLUS Rounded 1c||||||||” button_icon=”%%242%%” header_font_size_tablet=”14px” header_font_size_phone=”12px” header_font_size_last_edited=”on|phone” body_font_size_tablet=”12px” body_font_size_phone=”10px” body_font_size_last_edited=”on|phone” subhead_font_size_tablet=”8px” subhead_font_size_phone=”9px” subhead_font_size_last_edited=”on|desktop” button_text_size_tablet=”12px” button_text_size_phone=”10px” button_text_size_last_edited=”on|phone” box_shadow_style=”preset1″]

テキスト入力蘭

[/dsm_card_carousel_child][dsm_card_carousel_child title=”商品名１” subtitle=”サイズ（男性L）” image=”https://revival.totaldimension.co.jp/wp-content/uploads/2020/04/Youtube-サムネイル1280_720.jpg” image_as_background=”off” image_video_popup=”on” image_video_popup_url=”https://www.youtube.com/watch?v=eZAMfE6zwyE” badge_text=”男性フリー” button_text=”詳しく” button_url_new_window=”1″ image_background_height_tablet=”108px” image_background_height_phone=”” image_background_height_last_edited=”on|tablet” _builder_version=”4.4.2″ header_font=”M PLUS Rounded 1c||||||||” header_font_size=”16px” body_font=”M PLUS Rounded 1c||||||||” subhead_font_size=”12px” custom_button=”on” button_text_size=”14px” button_text_color=”#423a00″ button_font=”M PLUS Rounded 1c||||||||” button_icon=”%%242%%” header_font_size_tablet=”14px” header_font_size_phone=”12px” header_font_size_last_edited=”on|phone” body_font_size_tablet=”12px” body_font_size_phone=”10px” body_font_size_last_edited=”on|phone” subhead_font_size_tablet=”8px” subhead_font_size_phone=”9px” subhead_font_size_last_edited=”on|desktop” button_text_size_tablet=”12px” button_text_size_phone=”10px” button_text_size_last_edited=”on|phone” box_shadow_style=”preset1″]

テキスト入力蘭

[/dsm_card_carousel_child][dsm_card_carousel_child title=”商品名１” subtitle=”サイズ（男性L）” image=”https://revival.totaldimension.co.jp/wp-content/uploads/2020/04/Youtube-サムネイル1280_720.jpg” image_as_background=”off” image_video_popup=”on” image_video_popup_url=”https://www.youtube.com/watch?v=eZAMfE6zwyE” badge_text=”男性フリー” button_text=”詳しく” button_url_new_window=”1″ image_background_height_tablet=”108px” image_background_height_phone=”” image_background_height_last_edited=”on|tablet” _builder_version=”4.4.2″ header_font=”M PLUS Rounded 1c||||||||” header_font_size=”16px” body_font=”M PLUS Rounded 1c||||||||” subhead_font_size=”12px” custom_button=”on” button_text_size=”14px” button_text_color=”#423a00″ button_font=”M PLUS Rounded 1c||||||||” button_icon=”%%242%%” header_font_size_tablet=”14px” header_font_size_phone=”12px” header_font_size_last_edited=”on|phone” body_font_size_tablet=”12px” body_font_size_phone=”10px” body_font_size_last_edited=”on|phone” subhead_font_size_tablet=”8px” subhead_font_size_phone=”9px” subhead_font_size_last_edited=”on|desktop” button_text_size_tablet=”12px” button_text_size_phone=”10px” button_text_size_last_edited=”on|phone” box_shadow_style=”preset1″]

テキスト入力蘭

[/dsm_card_carousel_child][dsm_card_carousel_child title=”商品名１” subtitle=”サイズ（男性L）” image=”https://revival.totaldimension.co.jp/wp-content/uploads/2020/04/Youtube-サムネイル1280_720.jpg” image_as_background=”off” image_video_popup=”on” image_video_popup_url=”https://www.youtube.com/watch?v=eZAMfE6zwyE” badge_text=”男性フリー” button_text=”詳しく” button_url_new_window=”1″ image_background_height_tablet=”108px” image_background_height_phone=”” image_background_height_last_edited=”on|tablet” _builder_version=”4.4.2″ header_font=”M PLUS Rounded 1c||||||||” header_font_size=”16px” body_font=”M PLUS Rounded 1c||||||||” subhead_font_size=”12px” custom_button=”on” button_text_size=”14px” button_text_color=”#423a00″ button_font=”M PLUS Rounded 1c||||||||” button_icon=”%%242%%” header_font_size_tablet=”14px” header_font_size_phone=”12px” header_font_size_last_edited=”on|phone” body_font_size_tablet=”12px” body_font_size_phone=”10px” body_font_size_last_edited=”on|phone” subhead_font_size_tablet=”8px” subhead_font_size_phone=”9px” subhead_font_size_last_edited=”on|desktop” button_text_size_tablet=”12px” button_text_size_phone=”10px” button_text_size_last_edited=”on|phone” box_shadow_style=”preset1″]

テキスト入力蘭

[/dsm_card_carousel_child][/dsm_card_carousel]

S部品4-2（横スクロールスライダー２）

【セクション内部品構成】

行１
（文字部品）
（ボタン部品）
＋
行２
（トグル部品）
（文字部品）

＊行２に表示している画像はトグル行の背景を設定しています。

＊行２画像内の文字は文字を上方向に表示位置（パディング）をずらしています。

＜具体数値＞
上部パディング数値
パソコンとタブレット＝ 45ピクセル
スマホ＝ 35ピクセル

＊開発内部を見ていただくとよく分かります。

[dsm_card_carousel slider_effect=”coverflow” slide_to_show=”4″ space_between=”0″ equal_height=”on” layout=”stacked” use_arrow_custom_position=”on” arrow_custom_position=”-1px” arrow_prev=”on” arrow_next=”on” arrow_size=”30px” arrow_color=”rgba(76,58,10,0.46)” arrow_background_color=”rgba(237,240,0,0.45)” dots_horizontal_placement=”-37px” slide_to_show_tablet=”3″ slide_to_show_phone=”2″ slide_to_show_last_edited=”on|tablet” space_between_tablet=”” space_between_phone=”1″ space_between_last_edited=”on|desktop” arrow_custom_position_tablet=”” arrow_custom_position_phone=”-5px” arrow_custom_position_last_edited=”on|phone” arrow_size_tablet=”33px” arrow_size_phone=”21px” arrow_size_last_edited=”on|desktop” _builder_version=”4.4.2″ background_image=”https://revival.totaldimension.co.jp/wp-content/uploads/2020/04/GWPDワードプレスバナー背景00001.jpg” custom_button=”on” button_text_color=”#E02B20″ button_alignment=”center” custom_margin=”||-1px||false|false” border_width_all_arrow=”1px” box_shadow_style_arrow=”preset1″ box_shadow_horizontal_arrow=”-6px” box_shadow_vertical_arrow=”0px” box_shadow_horizontal_arrow_tablet=”” box_shadow_horizontal_arrow_phone=”” box_shadow_horizontal_arrow_last_edited=”on|desktop”][dsm_card_carousel_child title=”商品名１” subtitle=”サイズ（男性L）” image=”https://revival.totaldimension.co.jp/wp-content/uploads/2020/03/pickup古着アイテム08-1.jpg” badge_text=”男性フリー” button_text=”詳しく” button_url_new_window=”1″ _builder_version=”4.4.2″ header_font=”M PLUS Rounded 1c||||||||” header_font_size=”16px” body_font=”M PLUS Rounded 1c||||||||” subhead_font_size=”12px” custom_button=”on” button_text_size=”14px” button_text_color=”#423a00″ button_font=”M PLUS Rounded 1c||||||||” button_icon=”%%242%%” header_font_size_tablet=”14px” header_font_size_phone=”12px” header_font_size_last_edited=”on|phone” body_font_size_tablet=”12px” body_font_size_phone=”10px” body_font_size_last_edited=”on|phone” subhead_font_size_tablet=”8px” subhead_font_size_phone=”9px” subhead_font_size_last_edited=”on|desktop” button_text_size_tablet=”12px” button_text_size_phone=”10px” button_text_size_last_edited=”on|phone” box_shadow_style=”preset1″]

テキスト入力蘭

[/dsm_card_carousel_child][dsm_card_carousel_child title=”商品名２” subtitle=”サイズ（男性L）” image=”https://revival.totaldimension.co.jp/wp-content/uploads/2020/03/pickup古着アイテム07-1.jpg” badge_text=”Badget Text” button_text=”詳しく” button_url_new_window=”1″ _builder_version=”4.4.2″ header_font=”M PLUS Rounded 1c||||||||” header_font_size=”16px” body_font=”M PLUS Rounded 1c||||||||” subhead_font_size=”12px” custom_button=”on” button_text_size=”14px” button_text_color=”#423a00″ button_font=”M PLUS Rounded 1c||||||||” button_icon=”%%242%%” header_font_size_tablet=”14px” header_font_size_phone=”12px” header_font_size_last_edited=”on|phone” body_font_size_tablet=”12px” body_font_size_phone=”10px” body_font_size_last_edited=”on|phone” subhead_font_size_tablet=”8px” subhead_font_size_phone=”9px” subhead_font_size_last_edited=”on|desktop” button_text_size_tablet=”12px” button_text_size_phone=”10px” button_text_size_last_edited=”on|phone” box_shadow_style=”preset1″]

テキスト入力蘭

[/dsm_card_carousel_child][dsm_card_carousel_child title=”商品名３” subtitle=”サイズ（男性L）” image=”https://revival.totaldimension.co.jp/wp-content/uploads/2020/03/pickup古着アイテム06-1.jpg” badge_text=”Badget Text” button_text=”詳しく” button_url_new_window=”1″ _builder_version=”4.4.2″ header_font=”M PLUS Rounded 1c||||||||” header_font_size=”16px” body_font=”M PLUS Rounded 1c||||||||” subhead_font_size=”12px” custom_button=”on” button_text_size=”14px” button_text_color=”#423a00″ button_font=”M PLUS Rounded 1c||||||||” button_icon=”%%242%%” header_font_size_tablet=”14px” header_font_size_phone=”12px” header_font_size_last_edited=”on|phone” body_font_size_tablet=”12px” body_font_size_phone=”10px” body_font_size_last_edited=”on|phone” subhead_font_size_tablet=”8px” subhead_font_size_phone=”9px” subhead_font_size_last_edited=”on|desktop” button_text_size_tablet=”12px” button_text_size_phone=”10px” button_text_size_last_edited=”on|phone” box_shadow_style=”preset1″]

テキスト入力蘭

[/dsm_card_carousel_child][dsm_card_carousel_child title=”商品名４” subtitle=”サイズ（男性L）” image=”https://revival.totaldimension.co.jp/wp-content/uploads/2020/03/pickup古着アイテム04-1.jpg” badge_text=”Badget Text” button_text=”詳しく” button_url_new_window=”1″ _builder_version=”4.4.2″ header_font=”M PLUS Rounded 1c||||||||” header_font_size=”16px” body_font=”M PLUS Rounded 1c||||||||” subhead_font_size=”12px” custom_button=”on” button_text_size=”14px” button_text_color=”#423a00″ button_font=”M PLUS Rounded 1c||||||||” button_icon=”%%242%%” header_font_size_tablet=”14px” header_font_size_phone=”12px” header_font_size_last_edited=”on|phone” body_font_size_tablet=”12px” body_font_size_phone=”10px” body_font_size_last_edited=”on|phone” subhead_font_size_tablet=”8px” subhead_font_size_phone=”9px” subhead_font_size_last_edited=”on|desktop” button_text_size_tablet=”12px” button_text_size_phone=”10px” button_text_size_last_edited=”on|phone” box_shadow_style=”preset1″]

テキスト入力蘭

[/dsm_card_carousel_child][dsm_card_carousel_child title=”商品名５” subtitle=”サイズ（男性L）” image=”https://revival.totaldimension.co.jp/wp-content/uploads/2020/03/pickup古着アイテム03-1.jpg” badge_text=”Badget Text” button_text=”詳しく” button_url_new_window=”1″ _builder_version=”4.4.2″ header_font=”M PLUS Rounded 1c||||||||” header_font_size=”16px” body_font=”M PLUS Rounded 1c||||||||” subhead_font_size=”12px” custom_button=”on” button_text_size=”14px” button_text_color=”#423a00″ button_font=”M PLUS Rounded 1c||||||||” button_icon=”%%242%%” header_font_size_tablet=”14px” header_font_size_phone=”12px” header_font_size_last_edited=”on|phone” body_font_size_tablet=”12px” body_font_size_phone=”10px” body_font_size_last_edited=”on|phone” subhead_font_size_tablet=”8px” subhead_font_size_phone=”9px” subhead_font_size_last_edited=”on|desktop” button_text_size_tablet=”12px” button_text_size_phone=”10px” button_text_size_last_edited=”on|phone” box_shadow_style=”preset1″]

テキスト入力蘭

[/dsm_card_carousel_child][dsm_card_carousel_child title=”商品名６” subtitle=”サイズ（男性L）” image=”https://revival.totaldimension.co.jp/wp-content/uploads/2020/03/pickup古着アイテム01-1.jpg” badge_text=”Badget Text” button_text=”詳しく” button_url_new_window=”1″ _builder_version=”4.4.2″ header_font=”M PLUS Rounded 1c||||||||” header_font_size=”16px” body_font=”M PLUS Rounded 1c||||||||” subhead_font_size=”12px” custom_button=”on” button_text_size=”14px” button_text_color=”#423a00″ button_font=”M PLUS Rounded 1c||||||||” button_icon=”%%242%%” header_font_size_tablet=”14px” header_font_size_phone=”12px” header_font_size_last_edited=”on|phone” body_font_size_tablet=”12px” body_font_size_phone=”10px” body_font_size_last_edited=”on|phone” subhead_font_size_tablet=”8px” subhead_font_size_phone=”9px” subhead_font_size_last_edited=”on|desktop” button_text_size_tablet=”12px” button_text_size_phone=”10px” button_text_size_last_edited=”on|phone” box_shadow_style=”preset1″]

テキスト入力蘭

[/dsm_card_carousel_child][/dsm_card_carousel]

S部品5（スライドタイトル）

表示されるとバックの画面スライドインします。

S部品5-2（画像ポイントリンク）

画像上のマークをクリックしたときにアクションを追加できます。

マークは複数、任意の場所に設置できます。

S部品5-3（縦スクロールイメージ）

エリア内で画像を自動でスクロールできます。

S部品5-4（スライドショー）

スライドショー登録は、
画像庫からチェックして選ぶだけです。

[dsm_image_carousel gallery_ids=”237267,237266,237265,237264,237263,237262,237261,237260″ sizes=”medium” centered_slides=”on” slide_to_show=”5″ show_lightbox=”on” show_lightbox_gallery=”on” slide_to_show_tablet=”4″ slide_to_show_phone=”3″ slide_to_show_last_edited=”on|phone” _builder_version=”4.4.2″][/dsm_image_carousel]

S部品5-5（フライングピクチャー）

３画像まで掲載できます。

場所は自由な場所におけます。
自動で中を浮いた様に上下します。

S部品6（セパレーター）

アイコン・文字を使ったセパレーターです。

色・大きさは自由に変更できます。

[dsm_icon_divider use_icon=”on” font_icon=”%%307%%” icon_color=”#E02B20″ use_icon_font_size=”on” icon_font_size=”79px” color=”#E02B20″ icon_font_size_tablet=”59px” icon_font_size_phone=”40px” icon_font_size_last_edited=”on|phone” _builder_version=”4.4.2″ animation_style=”zoom”][/dsm_icon_divider]

S部品7（スクロールエフェクト）

訪問いただいた方への潜在意識にイメージを投げ込む効果があります。

このアクションと同時に
潜在意識に投げ込みたい情報を表示すると効果が増します。

S部品8（商品リスト）

調整はDIVIの標準機能で調整できます。

S部品9（バッジテキスト）

バッジ設置専用部品です。

BadgesNew

S部品10（YOUTUBEダイレクト視聴）

Youtubeバナーと同じ縦横非でぴったり治る設定になっています。

バナー画像登録とYoutube動画へのリンクを貼るだけです。

左から２番目のバナーはYoutubeから直接バナーをリンク取得しています。

S部品10-2（YOUTUBEダイレクト視聴）

Youtubeバナーと同じ縦横非でぴったり治る設定になっています。

バナー画像登録とYoutube動画へのリンクを貼るだけです。

左から２番目のバナーはYoutubeから直接バナーをリンク取得しています。

youtubeタイトルまたは説明書蘭

S部品10-3（YOUTUBEダイレクト視聴）

Youtubeバナーと同じ縦横非でぴったり治る設定になっています。

バナー画像登録とYoutube動画へのリンクを貼るだけです。

左から２番目のバナーはYoutubeから直接バナーをリンク取得しています。