What is it?
Press This is a redesign of an existing feature with a focus on automation, speed, and mobile usability.
Download the plugin and check it out for yourself!
Features
One of the requirements of core Core is the set of software required to run WordPress. The Core Development Team builds WordPress. is at least feature parity with the old version of Press This. Here’s a comparison chart of where the new Press This is.
Feature |
Old |
New |
Drag & drop install on desktop |
Yes |
Yes |
Editor, including: title, image/gallery addition |
Yes |
Yes |
TinyMCE buttons (minus kitchen sink When using the WYSIWYG (What You See Is What You Get) editor in WordPress, you can expand the capabilities to allow more options. This expanded area is called the "Kitchen Sink.") |
Yes |
Mostly [1] |
Ability to publish or save as draft |
Yes |
Yes |
Post formats |
Yes |
Yes |
Categories |
Yes |
IYes |
Tags |
Yes |
Yes |
Content Scraping |
Yes |
Improved [2] |
Media Discovery |
Yes |
Improved [3] |
Alert before closing/navigating away |
Yes |
Yes |
Can add to bookmarks |
Yes |
Yes |
Responsive, clean design, updated icons |
No |
Yes |
Fast loading (speedy!) |
No |
Yes |
Mobile installation |
No |
Yes |
[1] A number of TinyMCE buttons are removed intentionally. Only necessary WYSIWYG What You See Is What You Get. Most commonly used in relation to editors, where changes made in edit mode reflect exactly as they will translate to the published page. buttons are shown now.
[2] Not only is it included, but it’s quite a bit smarter than the previous one.
[3] Now is actually quite exposed in the UI User interface.
More generally
- Trimmed down UI for extra-speedy reposting of your favorite left shark gif
- Core architecture of the plugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party/tools is an as-pure-JavaScript JavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a user’s browser. https://www.javascript.com/.-app as possible
- Currently AJAX-driven, but ready to be switched to using the WP-API An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. endpoints as they become available in the future
- Backward compatible with the current version of the Press This bookmarklet as bundled in WP, but also bring its own, more powerful one with it
- Can blog (versus network, site) content from any web page found online
- highlighted text gets pulled in as a blockquote
- if nothing is highlighted, it makes a good guess as to what should be quoted
- in-page images get pulled in to choose from
- Said images are augmented with meta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. data to sort them in the order the site advertises to be best
- audio, video, and and twitter embeds are also listed in the suggested media to insert at your whim
- Saving draft sends you into the full editor (and saves) so you can do your fancier WYSIWYG-y things
- Publishing is awesome and quick
- Image side-loading
- Ultimate (the best ever probably) WYSIWYG toolbar that’s trimmed down to just B, I, Blockquote, Link/unlink, undo, redo (and lists on wider screens)
- 2 modes
- Direct access: Like quick post, but awesome and totally usable on a fancy phone
- Bookmarklet
- Similar to the older Press This in use. Save as bookmarklet > Press a site for quick reposting of things
- If no content detected (new tab), you can use it like a quick post application
So which problems are we solving?
- Outdated UI –> Updated
- No responsive styles –> ultra responsive
- Decent automation –> better automation (suggested media, blockquote, etc)
- Pretty dang near impossible to add as a bookmark and use on a tablet/phone –> Added our own tool page (temporary) to add improved markup (still could use a bit of finessing)
- Suggested media was hard to find –> Now is hard to miss
- A bit rough and slow to use and compose with –> Pretty dang streamlined
What brought us to this solution and what other potential solutions did we explore?
When we were initially exploring designs and ideas, a few people suggested just improving Post New. The main reason we opted not to was speed. Post New comes with all of wp-admin (and super admin) and its files. It’s a bit of a beast. We wanted an extremely light, extremely fast (both in performance and in usability) way to post and keeping Press This was a good way to go. We can also pull the ideas and techniques we like back into Post New if successful and useful.
We experimented with SVG icons (one less http HTTP is an acronym for Hyper Text Transfer Protocol. HTTP is the underlying protocol used by the World Wide Web and this protocol defines how messages are formatted and transmitted, and what actions Web servers and browsers should take in response to various commands. request, but ultimately removed as Dashicons are required for the editor). We planned to use the upcoming API. We have trimmed down stylesheets and JS JavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors. (only the styles necessary for a PT view). There is no extra UI that could get in the way of going from 0 to published post. Press This also has the luxury of being able to fall back to the full editor (via Save Draft) for those that have plugins and other features the need to set before posting.
Usability testing (not user testing y’all)
We did a couple rounds of usability tests. One for a11y and another with some new users.
Both had tremendous difficulty in even adding the bookmarklet. @marcelomazza did a pretty solid job fixing up the add bookmarklet screen.
We ran into a number of a11y Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) issues and addressed as many as we could. Could still use another round of a11y testing.
Once the new users figured out how to install it, they didn’t have many issues creating a post. I’d like to do more with ultra Space Jam pro users like yourselves.
Mega thanks to everyone involved so far:
@stephdau @azaozz @marcelomazza @ryan @kraftbj @afercia @iseulde @melchoyce @folletto @georgestephanis @helen @drewapicture @danielbachhuber @dd32 (for epic Github GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ > SVN Subversion, the popular version control system (VCS) by the Apache project, used by WordPress to manage changes to its codebase. sync)
And thanks to all the testers so far!
#4-2, #feature-plugins, #merge, #press-this, #proposal
You must be logged in to post a comment.