This new version of WP UI brings you some exciting features. There had been a lot of code rewrite, especially the ones on the admin side. It is important to know that plugin directory structure has changed, location of the scripts and styles hence. This post will explain the changes related to this update.
Updating from 0.7.5 or earlier
- If you updating from earlier version, please deactivate the plugin first before doing so, particularly if you uploading the plugin manually.
- Please clear the browser cache once – Yes, it does trigger some false positive errors.
- Usually can be done with Ctrl+R (Alt+R in Mac) hit a couple times.
- Still not working? Try switching *once* to another browser and back, it should now work again.
- If you installed this with WordPress installer and cache plugins such as W3TC is installed, W3TC will prompt you to empty the page cache, please do so promptly. This is important.
Choosing Categories for wptabposts shortcode
Changes
There are changes on Admin – options, editor , features – some new ones and styles.
Editor
Yep, that’s right. Editor buttons in WP UI were always a bit lacking with the feature set already available on the frontend. But not anymore. Enter the new WP UI’s editor interface – Menus and buttons. Take the following screen shot for example – It lets you select the categories, tags, recent/popular/random posts with an UI.
Choosing Categories for wptabposts shortcode
And so can you choose individual posts for use with wptabtitle, wpspoiler and wpdialog shortcodes.
Selecting individual posts with new UI
That’s not all, folks. If you have wordpress version 3.3 installed and wish to know the new features this version – I highly recommend you a tour. If you upgraded, you can always disable the tour with “WP UI options page -> General -> Tour”.
Detailed interactive tour on Editor
Options
Lot of options were changed, some were modified to preserve compatibility. It is highly recommended to re-save the options. If you find the new options blank, then it might be time to reset the options or de-re-activate the plugin.
Loading multiple styles
Choose only the style you need, with WP UI options -> Style -> Select multiple styles.
Load only the styles you want!
And the Custom CSS option is now moved from “advanced” to Style tab.
One of the new option that needs to be configured, is “Post widget”, that is shown at each posts end and can show – Related/recent/random/popular posts at end of post in single view.
Option - Posts widget
Loading
Conditional and on-demand loading
These are two new options, quite different.
Conditionals to limit/prevent scripts/styles loading.
Conditional loading
It is now possible to use conditional loading, using WordPress conditionals. For example – conditionals in the above screenshot limit to plugin scripts and styles to load only on single pages and on the page with slug – pricing. Complex conditional usage is possible, using parantheses, AND && , OR (||) conditionals.
Example – load only on pricing page or custom post type, let’s say “custom_post_type”.
is_page( 'pricing' ) || ( 'custom_post_type' == get_post_type() )
This was inspired from one of my favorite plugins – Widget Logic by Alan.
This option uses php function eval, that is used to evaluate the code. While this is essential for such functionality, it must be noted that anyone who has capabilities to edit plugin options has the ability to introduce malicious codes. If you are concerned about security implications – you may chose to refrain from using this option entirely. Eval is not used if option is left blank.
On-Demand loading
This is new and considered experimental, as it depends on some features that might be absent on some servers. This needs “Cache option” on the general tab to be set. When enabled, the scripts are loaded as necessary – If page has spoilers, only code for spoilers i s loaded. Output is already minified. Cacheing is built-in to prevent server load. If you are using W3TC or any other cache plugin, leave this disabled. If you are still unsure of this option – please leave it disabled.
FrontEnd
Related posts
With a new option, you can display recent/related/popular/random posts at the end of post in single view. While the styling is now just minimal – I’m all open to ideas, please feel free to suggest me.
Display related posts with WP UI
New style – wpui-gene
New style for minimalistic lovers. With no background, this is absolutely suited for long posts, as used here.
wpui-gene style
Misc
Using images/icons in tab titles
Yes, you can now use images and icons with wptabtitle shortcodes. Links will still be stripped, as it is jQuery UI’s default behavior. See the next screenshot.
Language support
Now all the languages should be compatible, even the RTL languages. And AJAX option works simultaneoulsly.
Use images/icons in tabs | Language support
Widgets
Two wordpress widgets are available, one for entering the content manually and other for using posts. While these widgets are still being developed, I’d appreciate some feedback.
Widgets
That’s it, friends. Hope you enjoy the plugin.