Admin Page Framework

Reduce the Time Spent for Plugin and Theme Development

One of the time-consuming part of developing WordPress plugins and themes is creating setting pages. As you more and more write plugins and themes, you will soon realize major part of code can be reused. Admin Page Framework aims to provide reusable code that eliminates the necessity of writing repeated code over and over again.

You will have more organized means of building option pages with the framework. Extend the library class and pass your arrays defining the form elements to the predefined class methods. The library handles all the complex coding behind the scene and creates the pages and the forms for you.

Create Essential Page and Form Components for Your Users

• Top-level Page, Sub Pages, and In-page Tabs – where your users will access to operate your plugin or theme.
• Forms – to let your users store their options.
• Custom Post Types – and the custom columns in the post listing table.
• Custom Taxonomies and Fields – store options associated with a taxonomy in the taxonomy definition page.
• Meta Boxes and Fields – store meta data associated with posts of set post types. Also meta boxes can be added to the pages created with the framework.
• Widgets and Fields – display modular outputs based on the user’s settings in the front end.
• Network Admin Pages and Forms – create admin pages in the newtork admin area of WordPress multi-sites.

Construct Simple Yet Complex Setting Forms

• Section Tabs – form sections can be displayed in a tabbed box.
• Collapsible Sections – form sections can be collapsed and expanded.
• Repeatable Sections and Fields – dynamically add/remove form sections and fields.
• Sortable Sections and Fields – drag and drop form sections and fields to change the order.
• Nested Sections and Fields – nest sections and fields to construct complex forms.
• Import and Export Options – buttons that the user can import and export settings by uploading and downloading text files.
• Reset Button – let your users to initialize the saved options.
• Validation and Error Messages – with the pre-defined validation callbacks, the user’s submitting form data can be verified. Furthermore, by setting the error array, you can display the error message to the user.
• Contextual Help Pane – help information can be added to the contextual help pane that appears at the top right of each screen.
• Custom Field Types – your own field type can be registered. This allows you to design own fields such as a combination of a checkbox with a text field.
• Contact Form – receive emails of user feedback and issue reports sent via the contact form embedded in an admin page.
• Tooltips – add a small pop-up box beside section and field title for the users to read about the option.

Produce a Series of Products with the Framework Extensibility

If you are planning to create a product possibly extended with an unlimited number of add-ons, take advantage of the framework’s native extensibility. The created admin pages and forms will become highly extensible with the automatically created hooks. In other words, it empowers other developers to customize your plugin or theme. That will result on making your projects grow.

Also, use the framework as a library and your plugin or theme does not have to require an extra dependency to be installed. Therefore, your product will be perfectly portable.

Built-in Field Types

• text – a normal field to enter text input.
• password – a masked text input field.
• textarea – a text input field with multiple lines. It supports TinyMCE rich text editor.
• radio – a set of radio buttons that lets the user pick an option.
• checkbox – a check box that lets the user enable/disable an item.
• select – a drop-down list that lest the user pick one or more item(s) from a list.
• hidden – a hidden field that will be useful to insert invisible values.
• file – a file uploader that lets the user upload files.
• image – a custom text field with the image uploader script that lets the user set an image URL.
• media – a custom text field with the media uploader script that lets the user set a file URL.
• color – a custom text field with the color picker script.
• submit – a submit button that lets the user send the form.
• export – a custom submit field that lets the user export the stored data.
• import – a custom combination field of the file and the submit fields that let the user import data.
• posttype – a set of check-lists of taxonomies enabled on the site in a tabbed box.
• taxonomy – check-lists of taxonomies enabled on the site in a tabbed box.
• size – a combination field of the text and the select fields that let the user set sizes with a selectable unit.
• section_title – a text field placed in the section title to let the user name the section.
• system – displays the site system information.
• inline_mixed – consists of inline elements of fields with different field types.

Bundled Custom Field Types

With custom field types, you can create more detailed customized field outputs. The demo component includes the following example custom field types.

• sample – a sample custom field type with a JavaScript script.
• github – displays GitHub buttons.
• path – lets the user select file paths on the server.
• toggle – lets the user toggle a switch button.
• no_ui_slider – lets the user set values between ranges with a slider.
• select2 – lets the user select items from a predefined list which cam be populated with AJAX.
• post_type_taxonomy – lets the user select taxonomy terms of selected post types.

If you want a field type that are not listed here, you can check the field type pack or request a new one in the forum.

Read the full description on the official page →