How to Use the WordPress.com App for Self Hosted WordPress Sites
Articles,  Blog

How to Use the WordPress.com App for Self Hosted WordPress Sites


Hello everybody, Adam W. Warner here. In today’s
video, we are going to try out the new WordPress.com desktop app that lets you connect and manage
our WordPress.com sites and Jetpack enable WordPress.org self-hosted sites all in one
place. This is the app for the Mac. I’m going to go ahead and go through the install process
here. I’ve already downloaded it, so I’m going to drag it to my applications folder. In this
video, I’ll be connecting to a WordPress.org self-hosted site that uses the Jetpack plugin
in order to connect to my WordPress.com account and the WordPress rest API. Okay, so it is installed. Let’s go ahead and
open my applications folder. We go down here to the WordPress.com app. I’m going to go
ahead and double click that. That’s going to open up down here on my doc. I’m going
to right-click that. I’m going to go ahead and open it. We’re right-click that app icon.
I’m going to choose to keep it in my doc. Now I need to connect to WordPress.com, I
believe. Well, let’s try a self-hosted site. Okay, that’s bringing me to a tutorial on
how to do that. Let me go ahead … all right. We’re restarted here. I’m going to go ahead
and login to my WordPress.com account. Okay, now I’m connected. You can see it defaults
to the reader view, so it’s going to show me some WordPress sites that I’m already subscribed
to so I can go ahead and read in there. It’s a nice interface. I’m going to go ahead to
my sites. You can see I’ve got a really old site here, no activity, blog posts, sharing.
Let’s go ahead and let’s connect to a self-hosted site. First thing I want to do is go to ‘Succeed
with WP’ because I have not yet installed or activated Jetpack. Go ahead and log in
here. The reason I’m doing this is because this site is not yet listed in my list of
sites. Let’s go ahead and go to ‘Install plugins’ and Jetpack is here, just need to activate
that. Then, connect to WordPress.com here with Jetpack, put in my WordPress.com account
details here. Going to approve that connection. Let’s see my Jetpack connection. Let’s go
ahead and activate the ‘manage’ feature. I want to view all the active …
manage is active. Boy … so much stuff in
Jetpack that is activated by default. Let’s go ahead and deactivate everything but ‘manage’.
The only thing that’s active is manage, let’s see if we need to activate any sharing or
anything like that. I don’t think so. Okay, so let’s go back to the app. Let’s click
‘manage all my sites’. There it is. Succeed with WP. No post pages, nothing here. Not
surprising. What you can do here, you can see on this site there are no posts yet. If
I wanted to create a post, I could go to ‘add blog post’ and now I get a nice little interface
here to write my blog posts. Let’s put in a title. You can see you’ve got the familiar
editor here. You can title the advanced features, it does an automatic save. Let’s put in some
default Ipsum text. Go ahead and just paste that in there. Let’s add an image, add media.
Let’s upload some media. We’re going to choose that image, open it up. Now, there’s an image size option here so
I’m not sure- that must use the build-in WordPress media sizes, so I’m going to go ahead and
insert that into the post, see what happens here. You can see it’s doing auto-save. I
click the image, I get the familiar image tools. I normally like a little more control
over my images sizes and I’m not sure how that’s happening here other than ‘increase’
or ‘decrease image size’. I can add a caption if I like. This is my caption. All right,
let’s go ahead and enter link. This is a link. I don’t want that to be a heading, too, so
let’s go ahead and select that, choose that to be a paragraph, insert a link here, open
it in a new window. There we go. Okay, it shows a nice word count there. I like this interface overall. You can switch
to HTML if you want, that’s nice. The image sizing is one thing I’m not 100% keen on.
It does my default category, which is plugins. I can add a new category. I can add some tags.
Let’s add the WordPress.com app. Okay, and it enters it as a hashtag there. Featured
image, there is not one, so let’s set a features image. Let’s choose that one. It came in sideways,
interesting. Okay, here’s the image edit- oh, there it goes. See what happens when we
edit the image. Okay, we get the familiar media library image edit screen. Let’s go
ahead and equip caption there, some alt text. “This is the description.” Set that featured
image. Huh, interesting. You notice it came in sideways and then it showed right-side?
Okay, can do an except for the post. Let’s do that. It’s for your blog archive page,
your category archive page. Let’s allow comments. Boy, I’m not really keen on that featured
image being sideways. We’ll see how that looks when we publish. All right, without further ado, let’s go ahead
and publish. I could schedule, it looks like. Let’s publish that to the site. All right,
then let’s view the post. It opens up a new window, test post. Just the [sl-uh-gh 00:09:02].
Okay, we got the image in there full-size, looks good. Caption’s there, text is there,
link is there. Category ‘tags’. All looks good. Let’s look at the blog archive page
and see what that featured image looks like. Ah, yeah, see, it’s sideways. Not too keen
on that. All right, so let’s see if we can change that in here. This shows the featured
image. I can’t click anywhere to edit that image directly. Let’s ‘x’ that out and let’s
see if we- oh, no we can’t, can we? Hm. I wonder how that’s controlled? Let’s try this
as the featured image, see what happens there. That comes in. I wonder if it just depends
on the aspect ratio of the image? Now let’s update this post. It’s pretty fast, I like
it. It’s clean. Okay, so the featured image shows in the blog archive page and in the
test post. Okay. That is a quick first hand run through of
the WordPress.com app for Mac. It looks pretty slick. Again, I can post to any site I want.
I can switch sites. I can view my stats, my plan, pages, etc cetera. So far so good. What
do you think?

4 Comments

  • WP Smackdown

    Nice overview, Adam.

    Do you mind sharing what screencast app you use? I like how you blurred out your login credentials. That would come in handy for those of us who like to do lots of tutorials 🙂

    Oh, and the sideways image thing you experienced… I don't think it's the WordPress.com App's fault. I think it has to do with some image metadata that is incorrectly stored. — A very similar thing happened to me with an image I had stored on Dropbox, that I was displaying in a gallery on a client's site. The plugin developer of the Dropbox Gallery plugin hinted at metadata being the root of the cause.

    Not really sure how that happens, but I know I've seen that happen on my phone's camera from time-to-time… when I take a picture with the phone in landscape, yet the image has portrait-like dimensions. — The only way I fixed it was to open the image in Photoshop, rotate it, and resave it :-/

  • winkipinky

    WFT dude.. I can't see the far left or right of your screen!! No idea what you did or clicked on in the plugins section or on the Dashboard menus.. terrible video

  • Damir Karan

    Seems like the app cant discover self hosted wordpress when it if moved from a folder to root. (Domain.com/wordpress to root)

Leave a Reply

Your email address will not be published. Required fields are marked *