Everyone is eager to turn their WordPress site into a mobile app, and we offer two services, Reactor and AppPresser, to help you to do that. However, as an alternative (or in tandem!), a desktop app may provide a good user experience, so I’m here to walk you through turning your WordPress site into a desktop app. We will be using Electron, an open source framework for turning web technologies into desktop apps for Mac, Windows and Linux. You may have heard of many desktop apps powered by Electron, including Atom Editor, Slack, Microsoft’s Visual Studio and the recently debuted WordPress.com app. Electron is built and run with Node so you want to make sure you have Node installed. Electron is installed as a Node module. Once you have Node installed, fire up the command line! Install dependencies[…]

BuddyPress comes with all the profile and group pages it needs to access core settings and content. Sometimes you add a plugin to your site that’s not a BuddyPress plugin but you want to have a page on the profile to display this extra content. If you are a plugin developer, you can add support for BuddyPress using this same technique. Adding BuddyPress custom pages to profiles doesn’t have to be complicated! Let’s say you have a portfolio plugin and you want to put a tab/page on a user profile and include the portfolio items. If your portfolio items are a custom post type then you can add a post loop on the page and pass in a query for the[…]

WordPress is getting a JSON Rest API added to core. The first part of the API is actually already included. The endpoint infrastructure is in 4.4. As developers build extensions to the API, we need to take responsibility for our actions and how they can affect a site. WordPress is unique in that it is the ultimate generic API tool and anything can be created utilizing this new tool. “The infrastructure of the API itself, supports basically anything you can throw at it. If you take away the core endpoints, it is essentially a framework for building APIs, and you can build those however you like.” – Ryan McCue Namespaces To avoid collisions, namespaces are something to be thoughtful about. Namespaces are the slugs in the URL before the endpoint.[…]

Social networks run on notifications and BuddyPress helps make that happen. BuddyPress sends out notifications for various actions on the site, like when you get a message from a friend or when someone replies to your status update. Though BuddyPress sends out quite a few notifications, you might want to add custom notifications for other actions. For example, you may want to send out a notification when a friends birthday is near. In this tutorial, we will go over the code necessary to send a member a notification when someone comments on their blog post. You don’t need a lot of code to add notifications; they just require special formatting. The first thing required is that notifications are attached to a BuddyPress Component. No worries though–you[…]

has default components that add extra social functionality to a WordPress install. Sometimes you will want to customize what each component displays and that is done through loop filtering. Continue reading if you want to learn more about customizing the output of BuddyPress loops. Core Components Activity Streams Groups Extended Profiles Private Messaging Notifications Friend connections Account Settings Blogs component (multi-site activated) The lists of content in these components are displayed using loops. BuddyPress loops are very similar to WordPress post loops. The loops can be manipulated by passing arguments the same as you would do to alter the returned posts in WordPress post loop. <?php if ( bp_has_activities( bp_ajax_querystring( ‘activity’ ) ) ) : ?> <?php while ( bp_activities() ) : bp_the_activity(); ?>[…]

For this post, I will offer an example of API usage and how it can benefit site owners by creating more dynamic content. In this post, we will go over creating a comment widget that auto-updates via WP-API without refreshing the page, and how to use AJAX to poll the API for new comments and then display those comments in a sidebar widget. Here’s a gif of the widget in action as it would look in the Twenty Twelve theme:   The first thing you will need is to install the WP-API plugin. WordPress has not included this in core yet as it is still in active development. (Make sure it is the correct plugin by Ryan McCue!) Activate the WP-API[…]