Blog

Distributor plugin: Share content between your WordPress sites

Meet the newest addition to 10up’s suite of powerful, open source tools for content creators and managers: Distributor.

Distributor is a WordPress plugin that empowers content managers to safely reuse and syndicate content across their websites, supporting sites within a WordPress multisite network and across the web using the REST API. Designed with an intuitive user experience at the forefront, Distributor integrates “push” and “pull” use cases.

The sharing interface is accessible from the admin bar when viewing a single piece of content in the editor or on the front end. Without leaving the content – and with just a couple of clicks – content managers can “push” the content to any other sites where he or she has permission to publish. Think of it as a “retweet” feature for your WordPress sites.

Shares posts across a network

Read More on Distributor plugin: Share content between your WordPress sites

Introducing the WordPress Component Library

We’re proud to introduce the WordPress Component Library: a collection of front-end components constructed with WordPress and accessibility at the forefront.

Many of the HTML and CSS components we build for our clients are structurally similar, particularly for prolific features like menus, search forms, posts, and blogrolls. A common starting point offers efficiencies to our clients while simultaneously raising the bar on polish and compliance with standards like accessibility. In evaluating existing libraries, we found that the industry was missing a good, open source project built with WordPress’s often opinionated markup (e.g. menus) and basic layout structure in mind.

Read More on Introducing the WordPress Component Library

Avatar photo

WordPress 4.5 was released yesterday, featuring improvements to content editing, responsive previews, and a handful of under the hood performance and developer improvements. More than a dozen 10uppers made this release possible, most notably Adam Silverstein, who served as Release Deputy.

Thank you for helping make WordPress: David Brumbaugh, Drew Jaynes (emeritus), Dreb Bits, Faishal Saiyed, Helen Hou-Sandí, Josh Levinson, Lukas Pawlik, Pete Nelson, Ricky Lee Whittemore, Ryan Welcher, Scott Kingsley Clark, Steve Grunwell, and Sudar Muthu!

10up Engineering Best Practices

At 10up, we build custom publishing experiences. We take great pride in all aspects of building websites, from user interaction design to code performance. Security, style, workflow, design patterns, performance, and even tools all influence that publishing experience. We use the term “engineer” rather than “develop” because of the amount of skillful strategy and true craftsmanship involved in what we build.

With over 90 full time employees, 10up has a diverse team of strategists, project managers, designers, and a few dozen incredibly smart, diverse engineers. Standardization in engineering is increasingly important with such a large team. Over the past few months we collaborated as a company to document how we engineer and why. We spent a great deal of time considering various things such as WP_Query performance recommendations, workflows to maximize efficiency, and tools we want to use and maintain as a team.

We are proud to open source our Engineering Best Practices as a public project on GitHub. WordPress is an open-source project and so are our Engineering Best Practices. We believe WordPress has continued to grow because of its embracement of open source philosophies. We want our Best Practices to follow that model. We know there are opportunities to keep improving, and want to welcome community contributions that are in tune with our philosophies.

Asynchronous WordPress

When John Bloch and I (Eric Mann) started working with TechCrunch last year on their site redesign, one of the main goals was to improve site performance. Among the various tools we built to help meet that metric was a library called WP Async Task: an abstract library meant to give structure to asynchronous background tasks.

Thanks to WP Async Task, we can offload time-consuming requests (like Twitter interactions) from the main WordPress thread. Editors can publish posts as usual while expensive tasks run in the background rather than holding up the publication process.

tc performance

In June, the TechCrunch team presented on “Non-Blocking WordPress,” explaining some of the approaches we took. Attendees were interested in learning more about WP Async Task and particularly interested in whether the code was available anywhere.

Being big believers in the power of open-source and giving back to the community, we’re thrilled to say that TechCrunch has decided to open-source the library and make it available on GitHub. Check out the library and look at the documentation on how to use the library in your own code.

Editing WordPress’s Visual Editor

These are the slides from a talk I gave at the 2011 WordCamps (WordPress conferences) in Chicago, Philly, and Orlando. I consider this a “sequel” to a broader talk on editing the WordPress administrative experience that I like to think I pioneered in 2010 at a few WordCamps, including Chicago and Mid-Alantic, which several new speakers now seem to be running with.

WordPress’s visual content editor (TinyMCE) is, in many ways, at the heart of WordPress’s content management experience. It’s where editors spend most of their time, and where content is crafted to appear on the front end of your site. Like most of WordPress, the editor can be customized to be both more powerful and more specific to the needs of an individual site or client. This presentation covers topics including custom editor stylesheets based on post type, modifying and removing buttons from the editor, and even creating your own custom buttons for the TinyMCE toolbar. It even covers brand new WordPress 3.3 techniques introduced with the new wp_editor function.

Read More on Editing WordPress’s Visual Editor

Introducing WordPress as a CMS

A week and a half later, here are the slides from my WordCamp Boston 2011 talk, “Introducing WordPress as a CMS”. Unfortunately, the slides don’t include my live demo of some CMS-centric implementations, which I think was eye opening to a few participants.

None-the-less, if you’re looking for an overview of content management concepts applied to WordPress, you can find them here. I’ve uploaded the slideshow as a video to YouTube (to preserve its feel); the video moves quickly, so you might have to be quick on the pause button!

Wrapping up WordCamp Boston 2011

WordCamp Boston 2011 was every bit as informative, fun, and inspiring as we expected.

Like most great WordCamps, Boston wasn’t just a venue for some great sessions; it was an opportunity to chat it up with a diverse crowd that ranged from lead WordPress contributors to new users just discovering the ways they can use the booming content management system. On Saturday morning – the first day of the event – I finally found the time and inspiration to send in a short sponsorship blog post. Recalling memories of WordCamp Boston 2010, I was excited for the event, and it didn’t disappoint.

Read More on Wrapping up WordCamp Boston 2011

A little freebie: WordPress folder icon

WordPress folder icon previewAt 10up, are freebies usually come in the form of WordPress code: tips, themes, and plug-ins. While a bit atypical, I wanted to share this folder icon we designed from scratch. It incorporates the WordPress logo, which is available here in vector format.

Designed with the gray WordPress color palette in  mind, this icon can add some flair to your WordPress folder(s) on your computer. There’s a full sized, beautiful 256px version, along with a small version fine tuned for the common 16px icon size.

We’re providing them for free with a GPL license, in original vector (Adobe Illustrator CS5 and SVG) formats as well as 256px PNG format and Windows ICO format. As always, we do politely request that if you use these for a client or commercial project, please give us attribution. Donations are welcome!

Download now.