Title: Services Section Block – Showcase Service Details in Grid or Columns
Author: bPlugins
Published: <strong>2021 年 8 月 7 日</strong>
Last modified: 2026 年 3 月 28 日

---

搜索插件

![](https://ps.w.org/services-section/assets/banner-772x250.png?rev=3408735)

![](https://ps.w.org/services-section/assets/icon-128x128.png?rev=2579643)

# Services Section Block – Showcase Service Details in Grid or Columns

 作者：[bPlugins](https://profiles.wordpress.org/bplugins/)

[下载](https://downloads.wordpress.org/plugin/services-section.1.4.3.zip)

 * [详情](https://cn.wordpress.org/plugins/services-section/#description)
 * [评价](https://cn.wordpress.org/plugins/services-section/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/services-section/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/services-section/#developers)

 [支持](https://wordpress.org/support/plugin/services-section/)

## 描述

Professionally showcase your services. This plugin adds a new block in the Block
Editor by which you can create a professional-looking service section or OUR SERVICE
section.

It is very effective in presenting your services nicely. There are many options 
that you can use to decorate your service section using any color you like.

#### Features

 * **Icon Library**: There is an icon library from which you can select the icon
   of your choice, or if that icon is not available in the library, you can upload
   any images in PNG, JPEG, or JPG format and set it as a service icon.
 * **Built-in Templates**: We have added several templates that you can use whenever
   you want to present your services.
 * **Customize elements**: Apply custom typography to the title and description

#### Pro Features

 * **Advanced Layout Variations**: Unlock exclusive layouts like Layout 2 to Layout
   8 with unique styles and structures.
 * **Pro-Level Padding & Spacing Controls**: Set custom padding and spacing per 
   side with more flexibility using Pro controls.
 * **Enhanced Border Customization**: Access full border controls including individual
   side styles and advanced radius options.
 * **Animation Direction Settings**: Enable directional animation control for layout-
   specific designs like Layout 4.
 * **Border Div Customization (Layout 8)**: Toggle and style an additional decorative
   border layer behind items.
 * **Advanced Shadow Effects**: Apply smooth box shadows and hover transitions for
   more modern aesthetics.
 * **Flexible Linking Options**: Enable links on items and choose where they apply—
   on button, title, or entire box.
 * **Open in New Tab**: Choose whether links open in a new browser tab.
 * **Opacity**: Control the transparency level of the circle background.
 * **Hover Opacity**: Set the transparency when hovering over the circle.
 * **Radius**: Control the corner roundness of the box.
 * **Border**: Customize the border style, width, and color.

**[Get Pro Version](https://bplugins.com/products/services-section/pricing)**

#### How to use

 * First, install the Services Section Block plugin
 * Add the Services Section block from the block category called “widgets” in the
   Gutenberg editor.
 * You can change block settings from the right-side settings sidebar.
 * Enjoy!
 * For installation help click on Installation Tab

#### Feedback

 * Did you like this plugin? Dislike it? Do you have a feature request? [Please share your feedback with us](https://cn.wordpress.org/plugins/services-section/support@bplugins.com?output_format=md)

### ⭐ Check out the Parent Plugin of this plugin-

🔥 **[B Blocks](https://bblockswp.com)** – Best gutenberg blocks collections for
WordPress.

### ⭐ Check out our other WordPress Plugins-

🔥 **[Html5 Audio Player](https://bplugins.com/products/html5-audio-player)** – 
Best audio player plugin for WordPress.

🔥 **[Html5 Video Player](https://bplugins.com/products/html5-video-player)** – 
Best video player plugin for WordPress.

🔥 **[PDF Poster](https://bplugins.com/products/pdf-poster)** – A fully-featured
PDF Viewer Plugin for WordPress.

🔥 **[Document Embedder](https://bplugins.com/products/document-embedder)** – Best
WordPress Document Embedder Plugin.

🔥 **[3D Viewer](https://bplugins.com/products/3d-viewer)** – Display interactive
3D models on the webs.

🔥 **[Advanced Post Block](https://bplugins.com/products/advanced-post-block)** –
Best Post Display Plugin for WordPress.

## 屏幕截图

 * [[
 * Add Block
 * [[
 * Layout, Items & Elements Settings
 * [[
 * Service Configuration
 * [[
 * Default Layout
 * [[
 * Layout 1
 * [[
 * Layout 2
 * [[
 * Layout 3
 * [[
 * Layout 4
 * [[
 * Layout 5
 * [[
 * Layout 6
 * [[
 * Layout 7
 * [[
 * Layout 8
 * [[
 * ShortCode

## 区块

该插件提供了 2 个区块.

 *   Services Section Display your business services in a clean, responsive, and
   customizable section.
 *   Service Service item for services.

## 安装

#### From Gutenberg Editor:

 1. Go to the WordPress Block/Gutenberg Editor
 2. Search For **Services Section**
 3. Click on the **Services Section** block to add the block

#### Download & Upload:

 1. Download the **Services Section** 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 **`services-section.zip`** file and click
    on **Install Now**
 4. Activate the plugin and Enjoy!

#### Manually:

 1. Download and upload the **Services Section** plugin to the **`/wp-content/plugins/`**
    directory
 2. Activate the plugin through the Plugins menu in WordPress

## 常见问题

### Is Services Section Block free?

Yes, Services Section Block is a free Gutenberg block plugin.

### Does it work with any WordPress theme?

Yes, it will work with any standard WordPress theme.

### Can I change block settings?

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

### How many times can I reuse a block?

You can use unlimited times as you want.

### Where can I get support?

You can post your questions on the [support forum here](https://wordpress.org/support/plugin/services-section/)

## 评价

![](https://secure.gravatar.com/avatar/ca481b56965d51c2202d6b74d3e6567908a142d529dc39061546a1acef255af2?
s=60&d=retro&r=g)

### 󠀁[Good start, but needs more work](https://wordpress.org/support/topic/good-start-but-needs-more-work/)󠁿

 [Lovro Hrust](https://profiles.wordpress.org/lovor/) 2024 年 9 月 6 日

This plugin does its job and it looks nice. What I didn’t like about it is that 
it enqueues React in the frontend, which is unnecessary for that relatively simple
functionality. For that, I decided not to use it in the future in order not to slow
down sites. Also, block has its own styling which is different from block editor
native styling which I am familiarized with. It is impossible to insert any block
inside services cards, just predefined titles, subtitles and places for icons are
possible.

![](https://secure.gravatar.com/avatar/818785ba5093b76cf8d79e49495ab233f8b67d5da2c1f89ec732610f6fe5e6c1?
s=60&d=retro&r=g)

### 󠀁[Very clean layouts](https://wordpress.org/support/topic/very-clean-layouts/)󠁿

 [pencilbee](https://profiles.wordpress.org/pencilbee/) 2022 年 9 月 28 日

The layouts are very clean and pretty straight forward

![](https://secure.gravatar.com/avatar/c73f8587cccdf67fb4bbe5afb4a223d612f067787c86d54073911880f504fefe?
s=60&d=retro&r=g)

### 󠀁[Excellent](https://wordpress.org/support/topic/excellent-12072/)󠁿

 [ahmed4d](https://profiles.wordpress.org/ahmed4d/) 2022 年 8 月 5 日

It’s a professional blocks with great variety of icons thank you so much

![](https://secure.gravatar.com/avatar/6ca1113a1f709ce71abb4156459ea3b6952b3fd33bf2c1201e941606f820376e?
s=60&d=retro&r=g)

### 󠀁[Excellent!](https://wordpress.org/support/topic/excellent-11234/)󠁿

 [vlavanch](https://profiles.wordpress.org/vlavanch/) 2021 年 10 月 17 日

Works fine, easy to use and the support is super reactive!

 [ 阅读所有4条评价 ](https://wordpress.org/support/plugin/services-section/reviews/)

## 贡献者及开发者

「Services Section Block – Showcase Service Details in Grid or Columns」是开源软件。
以下人员对此插件做出了贡献。

贡献者

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
 *   [ Freemius ](https://profiles.wordpress.org/freemius/)
 *   [ Md Shamim Islam ](https://profiles.wordpress.org/shamim10/)

[帮助将「Services Section Block – Showcase Service Details in Grid or Columns」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/services-section)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/services-section/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/services-section/)，或通过[RSS](https://plugins.trac.wordpress.org/log/services-section/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/services-section/)。

## 更新日志

#### 1.4.3 – 28 Feb, 26

 * Update brand new dashboard with license activation support

#### 1.4.2 – 24 Jan, 26

 * Improved section title formatting in dashboard

#### 1.4.1 – 04 Nov, 25

 * update sdk

#### 1.4.0 – 15 October, 25

 * added modern dashboard and layout switch in toolbar

#### 1.3.8 – 28 July 25

 * updated admin dashboard page

#### 1.3.7 – 20 May 25

 * escapeHTML imported from common

#### 1.3.6 – 6 May 25

 * Improve Admin dashboard demo page

#### 1.3.5 – 17 Feb 25

 * Improve security

#### 1.3.4 – 28 Dec 24

 * Fix default image not found issue.

#### 1.3.3

 * Update font library

#### 1.3.2

 * Fix empty link

#### 1.3.1

 * Reduce assets load

#### 1.3.0

 * Remove the link if no link

#### 1.2.9

 * Add translate feature

#### 1.2.8

 * Fix HTML Render

#### 1.2.7

 * Reduce PHP Code
 * Performance Improvement

#### 1.2.6

 * Fix the default icon issue.

#### 1.2.5

 * Reduce PHP Code

#### 1.2.4

 * Performance upgrade

#### 1.2.3

 * Performance upgrade

#### 1.2.2

 * Update theme and link position settings in the global

#### 1.2.1

 * Add an option for the link in the whole service element

#### 1.2.0

 * Add options for hover background
 * Fix the upload icon

#### 1.1.4

 * Fix align issues

#### 1.1.3

 * Fix issues

#### 1.1.2

 * Add Templates
 * Add more settings

#### 1.1.1

 * Fix align class

#### 1.1

 * Add Icon Upload Option

#### 1.0

 * Initial Release.

## 额外信息

 *  版本 **1.4.3**
 *  最后更新：**1 周前**
 *  活跃安装数量 **2,000+**
 *  WordPress 版本 ** 6.5 或更高版本 **
 *  已测试的最高版本为 **6.9.4**
 *  PHP 版本 ** 7.1 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/services-section/)
 * 标签
 * [block](https://cn.wordpress.org/plugins/tags/block/)
 *  [高级视图](https://cn.wordpress.org/plugins/services-section/advanced/)

## 评级

 4.5 星（最高 5 星）。

 *  [  3 条 5 星评价     ](https://wordpress.org/support/plugin/services-section/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/services-section/reviews/?filter=4)
 *  [  1 条 3 星评价     ](https://wordpress.org/support/plugin/services-section/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/services-section/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/services-section/reviews/?filter=1)

[添加我的评价](https://wordpress.org/support/plugin/services-section/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/services-section/reviews/)

## 贡献者

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
 *   [ Freemius ](https://profiles.wordpress.org/freemius/)
 *   [ Md Shamim Islam ](https://profiles.wordpress.org/shamim10/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/services-section/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://www.buymeacoffee.com/abuhayat)