Title: Section Builder with Backgrounds – Customize with Color, Gradient, Image and Parallax. Author: Plugin Envision Published: 2024 年 3 月 4 日 Last modified: 2026 年 5 月 21 日 --- 搜索插件 ![](https://ps.w.org/background-block/assets/banner-772x250.png?rev=3528962) ![](https://ps.w.org/background-block/assets/icon-256x256.png?rev=3045157) # Section Builder with Backgrounds – Customize with Color, Gradient, Image and Parallax. 作者：[Plugin Envision](https://profiles.wordpress.org/pluginenvision/) [下载](https://downloads.wordpress.org/plugin/background-block.0.19.zip) * [详情](https://cn.wordpress.org/plugins/background-block/#description) * [评价](https://cn.wordpress.org/plugins/background-block/#reviews) * [安装](https://cn.wordpress.org/plugins/background-block/#installation) * [开发进展](https://cn.wordpress.org/plugins/background-block/#developers) [支持](https://wordpress.org/support/plugin/background-block/) ## 描述 ### 🤝 **󠀁[See Demos](https://pluginenvision.com/plugins/background-block)󠁿** 🤝 Introducing the Section Background Block – the ultimate solution for section customization with backgrounds in WordPress. Effortlessly design your website sections with solid colors, smooth gradients, and eye-catching image backgrounds. Enhance your designs with captivating parallax section backgrounds that add depth and visual appeal. This block offers precise controls for section-building features like minimum height settings, spacing adjustments, and optimized layout designs. Whether you’re a beginner or an experienced developer, the Section Background Block ensures seamless integration and a user-friendly experience. Take your WordPress design to the next level with stunning color gradient or image backgrounds and customizable parallax effects. Create professional and engaging website sections effortlessly! Start building visually appealing sections today with the Section Background Block. **🌟 Unlock More Flexibility! Use the [Blocks to Shortcode](https://pluginenvision.com/plugins/blocks-to-shortcode/) plugin to \*\*convert any blocks into shortcodes** and embed them anywhere! 🚀** ### Section Builder with Backgrounds Features 👉 **Background**: Choose from various background types – solid color, gradient, or image – to customize your WordPress sections. 👉 **Parallax Effects**: Create captivating depth with parallax backgrounds. 👉 **Height**: Set the minimum height for your section, ensuring perfect layout control. 👉 **Padding**: Apply padding around your content for a visually balanced design. 👉 **Content Max Width**: Set maximum width for the content area. ### How to use Section Builder with Backgrounds * Begin by installing the plugin. * Add the **Section Backgrounds** block from the **Widgets** block category within the Gutenberg Editor. * Customize block settings from the settings sidebar on the right. * Enjoy! * For installation assistance, click on the **[Installation](https://cn.wordpress.org/plugins/background-block/?output_format=md#installation)** tab. ### Feedback * Did you find this plugin helpful or have any concerns? Do you have a feature request? [Please share your feedback with us](https://cn.wordpress.org/plugins/background-block/support@pluginenvision.com?output_format=md) ## 区块 该插件提供了 1 个区块. * Section Backgrounds Enhance Your Website's Aesthetics with the Background Block ## 安装 ### From Gutenberg Editor: 1. Go to the Block/Gutenberg Editor. 2. Search For **Section Backgrounds** block. 3. Click on the **Section Backgrounds** to add the block. ### Download & Upload: 1. Download the **Section Builder with Backgrounds** plugin (_.zip file_). 2. In your admin area, go to the **Plugins** menu and click on **Add New**. 3. Click on **Upload Plugin** and choose the **`background-block.zip`** file and click on **Install Now**. 4. Activate the plugin. ## 常见问题 ### How do I get started with this plugin? It’s simple! Just install the plugin and add the block to your Gutenberg Block Editor page. ### How to apply parallax effects to my section using the Section Backgrounds block? From the block’s right sidebar settings, find the **Scroll Animation** option. Select** parallax** and adjust the speed as desired. ### Is this plugin compatible with my current theme? This plugin is compatible with the majority of themes. However, if you encounter any issues, please don’t hesitate to get in touch with us. Our support team is here to assist you in resolving any compatibility concerns. ### How can I customize the appearance of the plugin? After adding the block, you’ll see the appearance of a right sidebar that allows you to customize the selected block. ### Where can I get support for this plugin? You can post your questions on the [support forum here](https://wordpress.org/support/plugin/background-block). ### Is there a premium version available? At the moment, there is no premium version available. ## 评价 ![](https://secure.gravatar.com/avatar/978d20324e9e503ff828dea76d839b9d719ecbe3c618cc51b65507c47972f5c6? s=60&d=retro&r=g) ### 󠀁[The Best Section Background](https://wordpress.org/support/topic/the-best-section-background/)󠁿 [Wasek Bellah](https://profiles.wordpress.org/wasek23/) 2024 年 5 月 20 日 The best custom background plugin for my page section. It offers a range of options for background color, gradient, and image. Moreover, it features the parallax effect in the Scroll Animation option. [ 阅读所有1条评价 ](https://wordpress.org/support/plugin/background-block/reviews/) ## 贡献者及开发者 「Section Builder with Backgrounds – Customize with Color, Gradient, Image and Parallax.」 是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ Plugin Envision ](https://profiles.wordpress.org/pluginenvision/) [帮助将「Section Builder with Backgrounds – Customize with Color, Gradient, Image and Parallax.」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/background-block) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/background-block/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/background-block/)，或通过[RSS](https://plugins.trac.wordpress.org/log/background-block/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/background-block/)。 ## 更新日志 #### 0.19 – 14th April 26 * **New:** Admin Dashboard providing a centralized interface. * **Fix:** Data sanitization and input validation to address security vulnerabilities. #### 0.18 – 8th August 25 * Fix issues. #### 0.17 – 19th May 25 * Improve tab design inside the PanelBody. #### 0.16 – 3rd March 25 * Improve visibility on search. #### 0.15 – 23th February 25 * Optimize the plugin. #### 0.14 – 28th January 25 * Extra support for SVG in content. #### 0.13 – 29th December 24 * Reduce code to optimize. #### 0.12 – 17th November 24 * Add shadow for the content and wrapper. #### 0.11 – 5th November 24 * Fix inner blocks alignment. #### 0.10 – 4th October 24 * Add border and radius to wrapper and content. #### 0.09 – 13th September 24 * Add SVG and IFrame support. #### 0.08 – 13th September 24 * Shape Dividers. #### 0.07 – 23th August 24 * Content Max Width option. #### 0.06 – 6th August 24 * Content aligns in sidebar settings. #### 0.05 – 3rd June 24 * Update responsive breakpoint. #### 0.04 – 12th May 24 * Add default overlay for Background Image. #### 0.03 – 26th April 24 * Add Parallax effects. #### 0.02 – 28th March 24 * Add Content Background Option. #### 0.01 – 4th March 24 * First Release. ## 额外信息 * 版本 **0.19** * 最后更新：**4 周前** * 活跃安装数量 **1,000+** * WordPress 版本 ** 6.5 或更高版本 ** * 已测试的最高版本为 **7.0** * PHP 版本 ** 7.2 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/background-block/) * 标签 * [block](https://cn.wordpress.org/plugins/tags/block/) * [高级视图](https://cn.wordpress.org/plugins/background-block/advanced/) ## 评级 5 星（最高 5 星）。 * [ 1 条 5 星评价 ](https://wordpress.org/support/plugin/background-block/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/background-block/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/background-block/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/background-block/reviews/?filter=2) * [ 0 条 1 星评价 ](https://wordpress.org/support/plugin/background-block/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/background-block/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/background-block/reviews/) ## 贡献者 * [ Plugin Envision ](https://profiles.wordpress.org/pluginenvision/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/background-block/) ## 捐助 您愿意支持这个插件的发展吗? [ 捐助此插件 ](https://www.buymeacoffee.com/pluginenvision)