Title: Rocksite Kit &#8211; Kadence Blocks Patterns with Figma UI Kit
Author: netbiel
Published: <strong>2022 年 6 月 1 日</strong>
Last modified: 2023 年 9 月 8 日

---

搜尋外掛

![](https://ps.w.org/rocksite-sections/assets/banner-772x250.png?rev=2953181)

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。

![](https://ps.w.org/rocksite-sections/assets/icon-256×256.png?rev=2953181)

# Rocksite Kit – Kadence Blocks Patterns with Figma UI Kit

 由 [netbiel](https://profiles.wordpress.org/netbiel/) 開發

[下載](https://downloads.wordpress.org/plugin/rocksite-sections.1.1.4.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/rocksite-sections/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/rocksite-sections/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/rocksite-sections/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/rocksite-sections/#developers)

 [技術支援](https://wordpress.org/support/plugin/rocksite-sections/)

## 外掛說明

A design library that streamlines the process of designing and implementing your
website.

 * With a ready-made library of predefined Gutenberg responsive sections, you can
   easily implement your project in WordPress.
 * With [Figma UI Kit](https://www.figma.com/community/file/1273281724920036886),
   you can easily design a page layout with Gutenberg Kadence Blocks specificity
   without worrying about future implementation

Sections designed in Figma and available in the Design Library in the WordPress 
editor have exactly the same names, and have been grouped into several categories,
such as: Hero Sections, Features, Call to Action, Portfolio, Content, Metrics, Contact,
etc.

 * [Rocksite Kit – More Info](https://rocksite.pro/rocksite-kit/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme-description)
 * [Visual Documentation](https://cloud.rocksite.pro/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme-description)

In WordPress Editor You can choose a premade section and add it on your site in 
just one click. After that you can customize a section for your needs by using options
of the selected block.

**PLUGINS REQUIRED**

 * [Kadence Blocks (free)](https://wordpress.org/plugins/kadence-blocks/)

**RECOMMENDED THEMES**

The designs will adapt to the styles of the theme you are currently using, but you
will get the best results by using the free:

 * [Kadence (free)](https://wordpress.org/themes/kadence/)
 * [Blockfold (free)](https://wordpress.org/themes/blockfold/)

**DESIGN LIBRARY CLOUD**

Rocksite Kit adds automatic connection to a collection of sections from external
url in rockite.pro domain. This functionality is based on Kadence Cloud.

**PRIVACY**

Rocksite Sections plugin uses a custom API to fetch blocks patterns libraries from
cloud.rocksite.pro when you clicks on the “Design library” button above the editor.
I collect data and information as indicated in my Privacy Policy: https://rocksite.
pro/privacy-policy/

### Privacy

Rocksite Sections plugin uses a custom API to fetch blocks patterns libraries from
cloud.rocksite.pro when you clicks on the “Design library” button above the editor.
I collect data and information as indicated in my Privacy Policy: https://rocksite.
pro/privacy-policy/

### Free and Premium Version

Free sections based on Gutenberg blocks from Kadence Blocks plugin (fee) will continue
to work even if Rocksite Section is uninstalled. The paid sections are tagged with
a ‘Pro’ tag and only work with the paid theme – Blockfold. Users can optionally 
purchase Blockfold on Creative Market.

Rocksite Sections includes links to buy Blockfold on Creative Market. The purchasing
process takes place on Creative Market. You can find their privacy policy here: 
https://creativemarket.com/privacy and Terms of Use here: https://creativemarket.
com/terms

The current list of free and premium sections also short documentation you can find
here: https://cloud.rocksite.pro/index.php/documentation/

## 螢幕擷圖

 * [[
 * How to use Rocksite Sections
 * [[
 * Insert section in one click
 * [[

## 安裝方式

 * Download the plugin from this page
 * Navigate to **Plugins** > **Add New** > **Upload Plugin** page in admin panel
   of your website
 * Click **Upload**, click **Choose file**, upload the plugin zip and click **Install
   Now** button
 * Activate the plugin when installation is complete
 * Installation of Kadence Blocks (free plugin) is required for full functionality
   of Rocksite Sections.

## 常見問題集

### How do I use this plugin?

Click on Design Library button above The editor and select a section

### How to uninstall the plugin?

Simply deactivate and delete the plugin.

## 使用者評論

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

### 󠀁[Need work styling everything](https://wordpress.org/support/topic/need-work-styling-everything/)󠁿

 [davidjs](https://profiles.wordpress.org/davidjs/) 2024 年 1 月 16 日

Thanks for free but you wont sell premium options if your free options dont even
look good. They dont scale well, many just get cut off and dont look right even 
in descktop, Im mobile they get worse. Probably time to update the styles a bit.
Ill update my review if it gets better.

 [ 閱讀全部 1 則使用者評論 ](https://wordpress.org/support/plugin/rocksite-sections/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Rocksite Kit – Kadence Blocks Patterns with Figma UI Kit〉
的開發相關工作。

參與者

 *   [ netbiel ](https://profiles.wordpress.org/netbiel/)

[將〈Rocksite Kit – Kadence Blocks Patterns with Figma UI Kit〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/rocksite-sections)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/rocksite-sections/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/rocksite-sections/)，或透過 
[RSS](https://plugins.trac.wordpress.org/log/rocksite-sections/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/rocksite-sections/)。

## 變更記錄

#### 1.1.3

 * Changing description

#### 1.1.2

 * Changing stable tag

#### 1.1.1

 * Fix error “cant redeclare function” – wrong function name

#### 1.1.0

 * updating section templates
 * changing the installation method of the required plugin
 * adding settings responsible for CSS

#### 1.0.10

 * Remove welcome message

#### 1.0.11

 * Add language files – polish

#### 1.0.10

 * Remove welcome message

#### 1.0.9

 * Better description

#### 1.0.8

 * Advanced One Click Demo Import Integration

#### 1.0.5

 * improvements – better description + banner.

#### 1.0.4

 * improvements – customer journey.

#### 1.0.3

 * readme.txt modification – link to privacy policy.

#### 1.0.2

 * Plugin improvements after review.

#### 1.0.1

 * Plugin improvements after review.

#### 1.0.0

 * Plugin released.

## 中繼資料

 *  版本 **1.1.4**
 *  最後更新 **3 年前**
 *  啟用安裝數 **100+**
 *  WordPress 版本需求 ** 5.6 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.3.8**
 *  PHP 版本需求 ** 7.0 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/rocksite-sections/)
 * 標籤:
 * [blocks](https://tw.wordpress.org/plugins/tags/blocks/)[gutenberg](https://tw.wordpress.org/plugins/tags/gutenberg/)
   [library](https://tw.wordpress.org/plugins/tags/library/)[patterns](https://tw.wordpress.org/plugins/tags/patterns/)
   [templates](https://tw.wordpress.org/plugins/tags/templates/)
 *  [進階檢視](https://tw.wordpress.org/plugins/rocksite-sections/advanced/)

## 評分

 5 星，滿分為 5 星

 *  [  1 個 5 星使用者評論     ](https://wordpress.org/support/plugin/rocksite-sections/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/rocksite-sections/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/rocksite-sections/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/rocksite-sections/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/rocksite-sections/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/rocksite-sections/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/rocksite-sections/reviews/)

## 參與者

 *   [ netbiel ](https://profiles.wordpress.org/netbiel/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/rocksite-sections/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://rocksite.pro/)