How to make content editable in WordPress

When doing the PSD 2 WordPress job, it’s important to provide a tools to make the content edition as easy as possible. The default WordPress settings page contains limited possibilities of customisations, and each post has only title, content and featured picture title. Here are the possible ways to extend the default WordPress. Thanks to all of them, there is no need to develop theme options page or meta boxes from scratch.

Visual Composer plugin

The most popular WordPress plugin on CodeCanyon is Visual Composer. It changes the default WYSIWYG editor into advanced tool to manage content. With VC you are able to create the columns and fill it with various type of data.

From the other hand, this solution might be difficult for some users. In addition, it gives possibilities to break the website by reckless use. This is why we’re not using VC, unless our clients ask us to do so.

Options Frameworks, like Redux

Options frameworks are tools which creates theme panels or custom fields for specific content. Theme creator needs to setup the fields first, the end user will just fill it with proper data. There are usually many types of fields types: text, WYSIWYG editor, dropdown, checkboxes, radio selects, data pickers, google maps pickers.

Redux Framework is a big package of code, and we’re looking for something lighter. This is why we’re using the Advanced Custom Fields.

Advanced Custom Fields

Advanced Custom Fields is a plugin similar to Redux. It also gives ability to create custom fields and theme options page, so the end client can just edit the content and don’t care about html tags or css classes. In our opinion, ACF is lighter and fits better. This is why we’re using it in every project.

Please take a look how ACF looks like, this is a screenshot from our home page edit screen. See how the fields are organised in tabs, and the repeatable data (like portfolio) can be added multiple times with its own proper set of fields.

Advanced Custom Fields