+44 0330 223 3428
Call Us
+44 0330 223 3428

WPTavern: New Userscript Restores Tabs to the WordPress Plugin Directory

WPTavern: New Userscript Restores Tabs to the WordPress Plugin Directory

One of the most common complaints about the WordPress plugin directory’s redesign is the use of read more links instead of tabs. Plugin authors and users contend that tabs make information more accessible. The redesign requires visitors to scroll a one-page design and click on various read more links to discover more information.

There is a ticket on Trac that suggests a jump section be included so that visitors can jump to specific sections of a plugin’s readme file. It’s unclear if this feature will be added but if you’d like to restore the tabbed layout to the plugin directory, check out this Userscript created by Nicolas Jonas.

According to OpenUserJS, userscripts are open source add-ons for browsers that can modify webpages as they’re loaded. Using userscripts is roughly the same as installing WordPress plugins to restore lost functionality. Jonas’ userscript source code contains a mix of CSS and jQuery to generate the tabs.

To install the WordPress.org Plugin Directory Tabs userscript in Firefox, you’ll first need to install the free Greasemonkey extension. Greasemonkey is a Mozilla Add-on for Firefox that allows userscripts to run in the browser.

Greasemonkey Firefox Add-on

Jonas developed the userscript in about 30 minutes and used CSS from a CSS button generator. The tabs have a blue background with white text on top. Jonas is open to suggestions and encourages those who want better designed buttons to create an issue with the proper CSS code on his OpenUserJS page.

Tabbed Layout

I tested the userscript on Firefox 52.0.2 and didn’t encounter any issues. After navigating the plugin directory with tabs, I can easily say I prefer it versus clicking read more links. I rarely have to scroll and the information I want to see is displayed front and center. Simply put, browsing a plugin’s page with tabs is a better user experience.

Source: WordPress

Related Post
Matt: On React and WordPress

Matt: On React and WordPress Big companies like to bury unpleasant news on Fridays: A few weeks ago, Facebook announced they have decided to dig in on their patent clause addition to the React license, even after Apache had said it’s no longer allowed for Apache.org projects. In their words, removing the patent clause would […]

Read more
WPTavern: First WordCamp Dublin Set for October 14-15

WPTavern: First WordCamp Dublin Set for October 14-15 photo credit: Ireland.com Following up on the success of WordCamp Belfast last October, the WordPress community in Dublin will be hosting its first WordCamp October 14-15. Both camps began the early stages of planning last year and the two communities have shared some of the same organizers […]

Read more
WPTavern: GitHub Partners with Facebook to Release Atom-IDE

WPTavern: GitHub Partners with Facebook to Release Atom-IDE GitHub announced the launch of Atom-IDE this week, a new set of packages that extend its open source JavaScript-powered code editor to include IDE-like functionality. This first release includes packages that support TypeScript, Flow, JavaScript, Java, C#, and PHP. “The start of this journey includes smarter context-aware […]

Read more

Leave a Reply

Your email address will not be published.