Title: f(x) Builder
Author: David Chandra Purnama
Published: <strong>2016 年 9 月 24 日</strong>
Last modified: 2017 年 8 月 13 日

---

搜尋外掛

![](https://ps.w.org/fx-builder/assets/banner-772x250.png?rev=1501732)

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

![](https://ps.w.org/fx-builder/assets/icon-256x256.png?rev=1501732)

# f(x) Builder

 由 [David Chandra Purnama](https://profiles.wordpress.org/turtlepod/) 開發

[下載](https://downloads.wordpress.org/plugin/fx-builder.1.0.2.zip)

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

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

## 外掛說明

**[f(x) Builder](http://genbumedia.com/plugins/fx-builder/)** is a new page builder
plugin that provides visual columns in the post editor without using shortcodes.
From the setting page, you can enable it for posts, pages, and custom post types.
There is no vendor lock-in. If you decide you no longer wish to use the plugin, 
you can disable it without losing your content (though you would loose the column
formatting).

**GITHUB**

You can contribute to development at GitHub https://github.com/turtlepod/fx-builder

**Features:**

 1. Super simple to use.
 2. Visual columns in the post editor.
 3. If you disable the plugin, you content is not lost.
 4. Settings to enable/disable for each post type.
 5. 1 – 4 columns supported.
 6. Free, Open Source, GPL v2.0 or later license. 🙂 Use it to make something cool.
 7. Support available at [Genbu Media](http://genbumedia.com/contact/?about=f%28x%29+Builder).
    
    Notes for developer:

#### GitHub

Development of this plugin is hosted at [GitHub](https://github.com/turtlepod/fx-builder).
Pull request and bug reports are welcome.

## 螢幕擷圖

[⌊Page Builder Settings⌉⌊Page Builder Settings⌉[

Page Builder Settings

[⌊The Page Builder in Action⌉⌊The Page Builder in Action⌉[

The Page Builder in Action

[⌊Row Settings⌉⌊Row Settings⌉[

Row Settings

[⌊Edit Content Item⌉⌊Edit Content Item⌉[

Edit Content Item

[⌊Front End Results.⌉⌊Front End Results.⌉[

Front End Results.

[⌊Admin Color Scheme.⌉⌊Admin Color Scheme.⌉[

Admin Color Scheme.

## 安裝方式

 1. Navigate to “Plugins > Add New” Page from your Admin.
 2. To install directly from WordPress.org repository, search the plugin name in the
    search box and click “Install Now” button to install the plugin.
 3. To install from plugin .zip file, click “Upload Plugin” button in “Plugins > Add
    New” Screen. Browse the plugin .zip file, and click “Install Now” button.
 4. Activate the plugin.
 5. Navigate to “Settings > Page Builder” to configure.
 6. Edit your content.

## 常見問題集

  Installation Instructions

 1. Navigate to “Plugins > Add New” Page from your Admin.
 2. To install directly from WordPress.org repository, search the plugin name in the
    search box and click “Install Now” button to install the plugin.
 3. To install from plugin .zip file, click “Upload Plugin” button in “Plugins > Add
    New” Screen. Browse the plugin .zip file, and click “Install Now” button.
 4. Activate the plugin.
 5. Navigate to “Settings > Page Builder” to configure.
 6. Edit your content.

## 使用者評論

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

### 󠀁[This is awesome!](https://wordpress.org/support/topic/this-is-awesome-71/)󠁿

 [Peter Raschendorfer](https://profiles.wordpress.org/petersplugins/) 2017 年 7 
月 6 日

Exactly what I was looking for. Thanks a lot. Works great.

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

### 󠀁[Super simple but effective](https://wordpress.org/support/topic/super-simple-but-effective/)󠁿

 [Mary](https://profiles.wordpress.org/marypop/) 2017 年 5 月 12 日

I love it!

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

### 󠀁[Perfect for me!](https://wordpress.org/support/topic/perfect-for-me-40/)󠁿

 [artmaug](https://profiles.wordpress.org/artmaug/) 2017 年 5 月 2 日

I’ve used several Page Builders, but none integrates as perfectly as the f (x) Builder
plugin. Clean design, very lightweight and easy to use make this plugin essential
for any WordPress site. Please continue with this beautiful development, I sincerely
do not know if it needs any improvement, it is perfect for me. Many thanks to the
developer!

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

### 󠀁[Like it works itself!](https://wordpress.org/support/topic/like-it-works-itself/)󠁿

 [mikhmich](https://profiles.wordpress.org/mikeei/) 2016 年 10 月 12 日

I mean it works without me thinking how to use it), which is unbelievable for a 
builder. Simple and efficient. I tried it yesterday when it was alpha, today is 
beta, I liked UI improvement. Great potential!

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

### 󠀁[EXACTLY What I was craving for!!!](https://wordpress.org/support/topic/exactly-what-i-was-craving-for/)󠁿

 [nick6352683](https://profiles.wordpress.org/nick6352683/) 2016 年 9 月 24 日

No bells and whistles, just a plain and simple page builder, with a FULL editor 
at our disposal. Perfect for those who create their own themes or shortcodes or 
use some quality shortcodes plugins. What’s really amazing is that it add 0 (ZERO)
strain on the server – the page loads are exactly the same with this page builder
active or not. If you are using a shared hosting, and especially if you are using
a “heavy” plugin like Woocommerce, and if you want to have a page builder without
effecting the speed of the site, then besides a good theme and agood cache plugin,
this is the page builder to use. I cannot specify how excited I’m with this, I hope
they don’t add too many things to it. There are a million other page builders that
have plenty of features, at the expense of speed and memory (RAM). We needed at 
least one that is extremely lightweight, and this is it. Besides, there is no way
any builder plugin can compete with Visual composer, so dominating a different niche
is very clever. If anything that needs to be added, the ability to have full width
content when the theme is fixed width, ala Visual Composer, or SiteOrigin. The Divi
builder plugin and the Beaver builder plugin fail miserably with this.

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

## 參與者及開發者

以下人員參與了開源軟體〈f(x) Builder〉的開發相關工作。

參與者

 *   [ David Chandra Purnama ](https://profiles.wordpress.org/turtlepod/)

[將〈f(x) Builder〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/fx-builder)

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

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

## 變更記錄

#### 1.0.2 – 13 Ags 2017

 * Fix bug: WP 4.8 compat https://github.com/turtlepod/fx-builder/issues/48
 * Credit for reporting WP 4.8 bug: nick6352683 https://wordpress.org/support/users/
   nick6352683/

#### 1.0.1 – 06 Jan 2017

 * Fix bug: wp preview remove page builder data https://github.com/turtlepod/fx-
   builder/issues/45
 * Fix CSS Bug: Tools & CSS button position.
 * Store _fxb_active in revisions.
 * Hide “Preview Changes” button in “Publish” meta box when page builder active.
 * Fix “save_post” hook to fix fatal error bug.

#### 1.0.0 – 09 Dec 2016

 * First Stable Release.

#### 1.0.0.beta – 12 Oct 2016

 * Browser compatibility (Tested with: Firefox, Chrome, IE11, Edge, Android Phone,
   Tablet)
 * Use Admin Color
 * UI and UX Improvement.
 * RTL Support
 * Use HTML Class for Front End Output + Update Front CSS.

#### 1.0.0.alpha3 – 29 Sep 2016

 * Revision: Revert to Revision now also revert to page builder data.
 * Remove disable editor feature. Simpler Settings.
 * Change settings option name. You need to re-configure settings.
 * Page is enabled by default.
 * Introduce Tools: Export / Import page builder data.
 * Auto focus to editor when open editor modal.
 * Fix Custom CSS textarea line break.
 * Fix several small-screen accessibility issue in modal box.

#### 1.0.0.alpha2 – 23 Sep 2016

 * Add row with thumbnail for each layoout.
 * Welcome notice with link to admin page/
 * Improve overall builder design.
 * Fix overflow in editor modal.
 * add post class “fx-builder-entry” when active.
 * Reset undo in editor modal.
 * Custom CSS for each posts.
 * Other small fixes and improvements.

#### 1.0.0.alpha – 21 Sep 2016

 * Initial alpha release.

## 中繼資料

 *  版本 **1.0.2**
 *  最後更新 **9 年前**
 *  啟用安裝數 **20+**
 *  WordPress 版本需求 ** 4.5 或更新版本 **
 *  已測試相容的 WordPress 版本 **4.8.29**
 *  語言
 * [English (US)](https://wordpress.org/plugins/fx-builder/)
 * 標籤:
 * [beta](https://tw.wordpress.org/plugins/tags/beta/)[drag-and-drop](https://tw.wordpress.org/plugins/tags/drag-and-drop/)
   [page builder](https://tw.wordpress.org/plugins/tags/page-builder/)
 *  [進階檢視](https://tw.wordpress.org/plugins/fx-builder/advanced/)

## 評分

 5 星，滿分為 5 星

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

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

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

## 參與者

 *   [ David Chandra Purnama ](https://profiles.wordpress.org/turtlepod/)

## 技術支援

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

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

## 贊助

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

 [ 贊助這個外掛 ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=TT23LVNKA3AU2)