FX Builder for ClassicPress

A simple page builder plugin.
The one you can actually use.

Use FX Builder to build innovative enterprise solutions.

FX Builder is an improved page builder plugin for ClassicPress 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 lose the column formatting).

Formerly known as f(x) builder. Forked and improved.

FX Builder
Get FX Builder
Demo
More ClassicPress Plugins

Features

  1. Super simple to use.
  2. Visual columns in the post editor.
  3. If you disable the plugin, your content is not lost.
  4. Settings to enable/disable for each post type.
  5. 1–5 columns supported.
  6. Custom Google fonts or Bunny Fonts.
  7. Free, open source, GPL v3.0 or later licence.

GitHub

You can contribute to development on GitHub –
https://github.com/wolffe/fx-builder

Roadmap

  1. Set up a GitHub repository and update all links
  2. Rebrand to FX to avoid any confusion
  3. Make sure the plugin is fully compatible with ClassicPress 2.1+
  4. Make sure the plugin is fully compatible with PHP 8+
  5. Change all legacy CSS (floats) with Flex CSS (front-end)
  6. Change all legacy CSS (floats) with Flex CSS (back-end)
  7. Move the settings page to top-level and add layout options
    • Wide width
    • Default column gap
  8. Build a demo page with various layouts — https://vault80.com/fx-builder-demo/
  9. Replace all jQuery code with vanilla JavaScript

Frequently Asked Questions

Installation Instructions

  1. Navigate to Plugins → Add New Page from your ClassicPress Dashboard.
  2. To install from plugin .zip file, click “Upload Plugin” button in Plugins → Add New screen. Browse the plugin .zip file, and click the “Install Now” button.
  3. Activate the plugin.
  4. Navigate to FX Builder to configure.
  5. Edit your content.

Screenshots

Changelog

= 1.4.2 =
* Fix undefined array key "row_html_height_unit"
* Fix SCF/ACF outline overlapping the FX column wrapper
* Convert FX switcher to vanilla JavaScript (from jQuery)

= 1.4.1 =
* Fix bottom column selector being displayed as block instead of Flex

= 1.4.0 =
* Fix unescaped variable
* Fix typo in readme.txt
* Add new Settings and Typography options panel
* Add Google fonts and Bunny fonts functionality to TinyMCE's `fontformats` array
* Add translatable strings to the Settings page
* Add admin stylesheet
* Update readme.md with helpful links and a short description
* Update ZIP release workflow
* Switch more elements from floats to Flex CSS
* Replace deprecated "resize" function with "resize" event
* Clean up old settings panel (alpha)
* Remove unused filter
* Remove tabbing capability in textarea element

= 1.3.1 =
* Add line height controls
* Add column vertical alignment
* Add 5-column layout
* Add section height controls to create spacers
* Various UI improvements

= 1.3.0 =
* Remove jQuery UI Sortable dependency and replace with SortableJS
* Remove old, unused files
* Update plugin branding to be consistent with "FX Builder"

= 1.2.3 =
* Fix author link
* Add system fonts to TinyMCE

= 1.2.2 =
* Fix undefined variable
* Add image styling to wraps to make sure images are not wider than content
* Remove "Wide" content width, as it's not relevant, and can be added as a class

= 1.2.1 =
* Add font size presets, custom font size and font weigh to TinyMCE
* Clean up row and item templates
* Clean up front-end styles
* Clean up readme.txt

= 1.2.0 =
* First public release for ClassicPress
* Make sure the plugin is fully compatible with ClassicPress 2.1+
* Make sure the plugin is fully compatible with PHP 8+
* Change all legacy CSS (floats) with Flex CSS

= 1.0.2 =
* Last version before forking

This plugin was originally built by Genbu Media.