の ElementsKit Marquee Anything module lets you turn any Elementor container into a continuously scrolling marquee – without a dedicated widget, without rebuilding your content, and without limiting what type of content can scroll. Logos, cards, testimonials, videos, blog posts, WooCommerce products, or any combination of Elementor widgets. The module works with whatever content is already inside your container.

前提条件 #

Before you start using the ElementsKit Marquee Anything module, make sure you have the following ready:

• Elementorページビルダー (free version is enough) installed and activated
• ElementsKit (free or pro) is installed and activated on your site
• Elementorコンテナ (Flexbox or Grid) with the content you want to scroll

How to Add Marquee Container to WordPress #

Let’s go through the stpe by step process of adding a maquire design to your WordPress website.

Step 1: Enable the Marquee Anything Module #

Go to your WordPress dashboard. From the sidebar, click ElementsKit → モジュール.

Scroll down the modules list to find Marquee Anything and toggle it の上. Click 変更内容を保存 at the bottom to activate the module.

Once enabled, the Marquee Anything option becomes available on every Elementor container across your site.

Step 2: Select Your Elementor Container #

Open the page or post where you want to add the marquee effect in the Elementor editor.

Because Marquee Anything is a module rather than a widget, you won’t find it in the Elementor widgets panel. Instead, click on the container that holds the content you want to scroll  this could be a container with logos, testimonial cards, images, blog posts, WooCommerce products, or any combination of widgets.

The Marquee module works with both Flexbox そして グリッド container layouts.

Step 3: Enable Marquee for the Container #

With your container selected, go to the 詳細設定タブ in the left panel.

Scroll down to find the ElementsKit Marquee section and expand it. Toggle Enable Marquee に はい.

Once toggled on, the marquee settings reveal and your container content starts scrolling in real time inside the Elementor editor.

Step 4: Configure Marquee Settings #

With the module enabled, four settings become available to fine-tune the marquee effect.

方向

Choose which way your content scrolls. Four options are available:

• Right to Left is the standard direction used by most ticker, logo, and announcement marquees.
• Left to Right is useful for reversed or RTL-language layouts.
• Bottom to Top scrolls content upward, ideal for vertical announcement tickers or notification feeds.
• Top to Bottom scrolls content downward for specific creative layouts.

Pause Behavior

Control whether the marquee animation pauses based on visitor interaction. なし means the marquee scrolls continuously with no pause at any point. ホバー時に一時停止 pauses the animation the moment a visitor’s cursor enters the container and resumes when they move it away, useful when the marquee contains links or content visitors need to read. Pause on Click pauses the animation when a visitor clicks anywhere inside the container.

Soft Edge Mask

トグル Soft Edge Mask に はい to add a fade-to-transparent gradient effect on the left and right edges of the marquee container. This creates the illusion that the content fades in from nothing and disappears back into nothing as it scrolls, Doing this, gives your marquee a premium, polished look.

When Soft Edge Mask is enabled, two additional controls appear. Left Mask Size controls the width of the fade effect on the left edge (default: 10). Right Mask Size controls the width of the fade on the right edge (default: 10). You can set these independently. So the left fade can be wider than the right, or vice versa, depending on your layout needs.

アニメーションの長さ

Use the slider to control the speed of the scrolling animation. The default value is 20. A lower number makes the marquee scroll faster, while a higher number makes it scroll slower.

Once all your settings are configured, click 公開 in Elementor to make your marquee live on your WordPress site.

The Marquee Anything module gives you unmatched flexibility.You can scroll a logo strip, a testimonial card row, a WooCommerce product grid, a blog post feed, or a bold headline banner, all with the same module and the same simple settings.