---
url: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/elements/marquee'
title: 'Marqueeエレメントの追加 | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T14:21:05+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: ページを横切って1つの連続ループでスクロールする画像の帯を設置できます。静止した列では場所を取りすぎるパートナーロゴ、顧客紹介、ブランドパレードに使います。
tags:
  - 'Data and motion'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T14:21:05+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: Marqueeエレメントの追加
      description: ページを横切って1つの連続ループでスクロールする画像の帯を設置できます。静止した列では場所を取りすぎるパートナーロゴ、顧客紹介、ブランドパレードに使います。
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T14:21:05+0000'
      dateModified: '2026-10-24T14:21:05+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/elements/marquee'
      articleSection: データとモーション
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/elements/marquee'
      description: ページを横切って1つの連続ループでスクロールする画像の帯を設置できます。静止した列では場所を取りすぎるパートナーロゴ、顧客紹介、ブランドパレードに使います。
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: ホーム
            item: 'https://dxpr.com/ja'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ja
---
[ヘルプセンター](/ja/node/75)/[ドキュメント](/ja/hc/documentation) /[DXPR Builderを学ぶ](/ja/hc/documentation/learn-dxpr-builder) /[ページを作る](/ja/hc/documentation/learn-dxpr-builder/build) /[コンテンツを追加](/ja/hc/documentation/learn-dxpr-builder/elements) /[データとモーション](/ja/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # Marqueeエレメントの追加.

 DXPR Builderを学ぶページを作るコンテンツを追加データとモーション

   ## このガイドの内容

 関連ガイド

- [Styleパネルでのエレメントの見た目の変更](/ja/hc/documentation/learn-dxpr-builder/element-settings/style-tab)

ページを横切って1つの連続ループでスクロールする画像の帯を設置できます。静止した列では場所を取りすぎるパートナーロゴ、顧客紹介、ブランドパレードに使います。

## マーキーの追加

1. カラムにカーソルを合わせ、コントロールバーの**+**をクリックします。空のページでは**Add Elements**をクリックします。**Content**タブを開き、**Marquee**をクリックします。
2. サンプルの**Images**を消去し、メディアライブラリーからロゴを選んで挿入します。
3. すべてのロゴが揃うよう**Height**を設定します。
4. 速度は**Speed**で選びます。ロゴには遅めの方が読みやすくなります。
5. 落ち着いた均一な見た目にするには**Gray scale**をオンにします。
6. ロゴの出入りを柔らかくするには**Fade edges**をオンにします。
7. ダイアログの**Save**をクリックします。次に、コンテンツエリア上部のツールバーにある**Save**をクリックして、ページを保存します。

  ## 表示内容

ロゴが1つの連続ループでページを横切ってスクロールします。高さはすべて同じで、グレー表示、両端でフェードイン・フェードアウトします。帯にカーソルを合わせると停止するため、訪問者はじっくり見られます。

## マーキーの設定

エレメントの**More > Settings**を開きます。設定項目は次のとおりです。

- **Images:** 帯の中の画像。メディアブラウザーから選ぶか、URLを貼り付けます。
- **Speed:** スクロール速度。1（最も遅い）から5（最も速い）。初期値：3。
- **Height:** 画像の高さ（ピクセル）。10から200（初期値：50）。
- **Image layout:** 画像のサイズ合わせ。**Fixed height images**または**Fixed width images**。
- **Gray scale:** すべての画像をグレースケールで表示します。
- **Fade edges:** 左右の端にフェード効果を付けます。

## 表示されない場合

- **ContentタブにMarqueeがない。** ユーザープロファイルで非表示になっています。管理者に[User Profiles](/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin)での有効化を依頼してください。
- **再読み込み後に消えている。** ページが保存されていません。追加し直し、コンテンツエリア上部のツールバーにある**Save**をクリックします。
- **帯が空になっている。** サンプル画像を消去し、何も挿入していません。**More > Settings**を開いて画像を追加します。
- **ロゴのサイズがばらばらになっている。** **Image layout**が**Fixed width images**です。**Fixed height images**を選び、**Height**を1か所で設定します。
- **帯が動かない。** ページ上の何かが帯にカーソルを合わせているか、短い帯で**Speed**が1です。ポインターを離し、画像を追加するか速度を上げます。

## 次のステップ

[Styleタブ](/hc/documentation/learn-dxpr-builder/element-settings/style-tab)でマーキーの間隔や背景を変更します。