WordPress.org

Plugin Directory

Parallax Section Block – give any section scroll-stopping depth

该插件尚未通过WordPress的最新3个主要版本进行测试。 当与较新版本的WordPress一起使用时,可能不再受到维护或支持,并且可能会存在兼容性问题。

Parallax Section Block – give any section scroll-stopping depth

描述

Turn flat pages into scroll-stopping experiences – add a parallax section where the background moves slower than the content, right from the Gutenberg editor.

Demos

Why Parallax Section Block?

The parallax effect is a modern web design technique where the background element scrolls slower than the foreground content, creating a sense of depth as visitors move down the page. It’s a great way to highlight different sections on a lengthy page – landing pages, long-form content, sales pages or the homepage of a business website.

Parallax Section Block lets you create a parallax section in a few clicks, with no technical knowledge required. Just add the block in the Gutenberg editor, choose your background, and adjust the settings from the sidebar. Because the effect relies on lightweight JavaScript, it stays fast – and scripts only load on pages where the block is actually used.

Free Features

  • Easy to Use: Create a parallax section directly in the Gutenberg editor – no coding needed.
  • Lightweight: Relies on JavaScript and loads scripts only when the block is used, keeping pages fast.
  • Multiple Parallax Themes: Includes Blur Effect, Vertical, Particle, Three Image, and Row Scroll parallax styles.
  • Customizable Settings: Fine-tune the block from the right-side settings sidebar.
  • Reusable: Use the block as many times as you want across posts and pages.

How to Use

  1. Install and activate the Parallax Section plugin.
  2. Add the Parallax Section block from the block category called “Widgets” in the Gutenberg editor.
  3. Change the block settings from the right-side settings sidebar.
  4. Publish – enjoy your parallax section!

Use Cases

  • Landing Pages: Highlight key sections with depth and motion.
  • Sales Pages: Keep visitors scrolling with visually distinct sections.
  • Long-Form Content: Break up lengthy pages into engaging segments.
  • Business Homepages: Add a modern, polished feel to your most important page.

Did you like this plugin? Dislike it? Do you have a feature request? Please share your feedback with us

Check out the Parent Plugin of this plugin-

B Blocks – A blocks collection and page building tool for Gutenberg.

Check out our other WordPress Plugins-

Html5 Video Player – Display videos as single and playlist in multiple skins.

PDF Poster – Display/Embed PDF files with different styles.

Html5 Audio Player – Listen audios with awesome visuals.

StreamCast – Customizable radio player with different skins.

3D Viewer – Embed 3D models and 3D products with interaction.

Advanced Post Block – Show posts and custom posts in different layouts.

屏幕截图

区块

该插件提供了 1 个区块.

  • Parallax Section Parallax scrolling effects in section.

安装

From your WordPress dashboard (recommended):

  1. Go to Plugins Add New.
  2. Search for “Parallax Section”.
  3. Click Install Now, then Activate.
  4. Add the Parallax Section block to any post or page in the Gutenberg editor.

Manual installation:

  1. Download the Parallax Section plugin (.zip file).
  2. In your admin area, go to Plugins Add New, click Upload Plugin, choose the parallax-section.zip file, and click Install Now.
  3. Or upload the plugin folder to the /wp-content/plugins/ directory and activate it through the Plugins menu in WordPress.

常见问题

Is Parallax Section free?

Yes, Parallax Section is a free Gutenberg block plugin.

Does it work with any WordPress theme?

Yes, it works with any standard WordPress theme.

Will the parallax effect slow down my site?

No. The effect is lightweight JavaScript, and the plugin only loads its scripts on pages where the block is actually used.

Which parallax styles are included?

The plugin includes five parallax themes: Blur Effect Parallax, Vertical Parallax, Particle Parallax, Three Image Parallax, and Row Scroll Parallax.

Can I change the block settings?

Yes, you can change the block settings from the Gutenberg block editor’s right sidebar.

How many times can I reuse the block?

You can use the block an unlimited number of times across your site.

Where can I get support?

You can post your questions on the support forum here.

Where do I report security bugs found in this plugin?

Please report security bugs found in the source code of the Parallax Section plugin through the Patchstack Vulnerability Disclosure Program. The Patchstack team will assist you with verification, CVE assignment, and notify the developers of this plugin.

评价

2025 年 11 月 2 日 2 回复
Was working Perfectly fine, but 2.0 update just greets you with a paywall, Breaks old parallax sections, and just works worse in genereal. Just revert it back.
2022 年 10 月 17 日
I admit that I tried to develop my own WP parallax plugin with CSS to avoid later update issues. But without JS it came out it's impossible. This plugin provides for Gutenberg editor a very nice and easy solution. Great!
阅读所有6条评价

贡献者及开发者

「Parallax Section Block – give any section scroll-stopping depth」是开源软件。 以下人员对此插件做出了贡献。

贡献者

「Parallax Section Block – give any section scroll-stopping depth」插件已被翻译至 1 种本地化语言。 感谢所有译者为本插件所做的贡献。

帮助将「Parallax Section Block – give any section scroll-stopping depth」翻译成简体中文。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

2.0.4

  • Freemius SDK and Admin Dashboard Updated

2.0.3

  • Admin Dashboard Updated

2.0.2

  • Black Friday Sale Link Added

2.0.1

  • Update Freemius Lite SDK

2.0.0

  • 5 New Themes Added
  1. Blur Effect Parallax
  2. Vertical Parallax
  3. Particle Parallax
  4. Three Image Parallax
  5. Row Scroll Parallax

1.0.9

  • Fix Iframe issue

1.0.8

  • Reduce Dependency

1.0.7

  • Fix issue

1.0.6

  • Initial height

1.0.5

  • Not load scripts if block is not used

1.0.4

  • Add translate feature

1.0.3

  • Fix Dependency

1.0.2

  • Reduce PHP Code
  • Performance Improvement

1.0.1

  • Reduce PHP Code

1.0.0

  • Initial Release.