Saving πŸ”– Post!

A while ago I tried to update my WordPress Android app. I noticed some major interface changes. The Reader view becomes prettier, other buttons as well, but the most important and the one I am going to discuss in this post is the bookmark symbol πŸ”– button in place with Like and Comment. Well now, it more like the trilogy than with the Follow button.

10.2:

  • New feature: Something there caught your eye? Read it any time with Save for later!
  • Various bugfixes.

All of WordPress.com related products (website WordPress.com, iOS app, Android app) are open source. The above quote is from the Android GitHub page. In the version 10.2, there is a change which mentioned that the users can Save posts. This is huge for a user like me. Please note that this post will only about the Android app and maybe a little about WordPress.com, I won’t talk about the iOS because I don’t have one, hahaha.

Usage

I tried to find an article that officially created by WordPress.com but couldn’t find any, meh, I didn’t try hard (XD), and this is my attempt to make it as my own post. As usual, I open my Android app, I go to the Reader, I find a new streams/category called Saved Posts. It will be empty or doesn’t appear, oh wait, I’ll check it… yes, the category will be available, but it is empty. I tried removing my saved posts and there will be an undo button.

Choose another category: Discover, Followed Sites, My Likes, or tags you have. You should see a post-cards with the new Save button if there isn’t try updating your Android app first (^.^). After clicking a post, try changing the category into Saved Posts, and voilΓ , there is a post in that streams, it’s not really a stream I think because it’s waiting for you to update the records for it, haha.

While I was resting from writing this post, I finally found the post from WordPress.com blog Bookmark Posts with Save For Later. But don’t stop here, I’d like to talk more.

Save is like Like

I used to use the Like feature as much as I wanted it with this bookmark feature. When I find an interesting post, make some posts as my references, or just to mark a specific post, I use the Like button to save it for later. But sometimes, I forget why I liked the post before, have I finished reading the post? or I just marked it.

The Like feature works similarly with the Bookmark. There is a category for the posts I liked. All the posts that I’ve liked will appear in that category. As I said before, I use the Like for different reasons, but then when I don’t follow up or forget, it will just make a mess, and mostly it just doesn’t work for multiple purposes.

Save isn’t like Like

I haven’t used the Save feature that much, but at least now I can minimize the mess I make using Like. The Like feature will notify the post’s owner, I don’t think the Save will, so I can click it multiple times without “distracting” people. But the Like still win, why? Because it works for multiple platforms.

While the Save feature only works locally in an app, Like is more global. When I mark a post using Like on the web for example, and then I open the mobile app, it will appear in the My Likes category. The Bookmark category doesn’t even exist in the web stream.

Advertisements

Right to Left

If you try to write in Hebrew, Kurdish (Sorani), Persian/Farsi, Aramaic, Azeri, Dhivehi/Maldivian, Urdu or Arabic you might want to read this post. My primary language is Indonesian, English is my second, and recently I’m learning Arabic. Indonesian and English are written in the same direction and that is left to right (ltr), but Arabic is different, it is written from right to left (rtl). While learning arabic, I tried to make a post and quoting some arabic texts in my post, here is how I write RTL language in my post…


πŸ”– Contents

gap
Auto Detection πŸ”–

I found it strange when I write arabic text, sometime it aligned to right, sometime to the left. After debugging, I think the WordPress.com web reader will automatically align text to the language in the post, when the post is considered using rtl language it will add direction properties to the container.

auto-right
When detected as RTL
no-auto
No RTL detection

As you can see in the image when it detected as RTL language the post story content block adding direction and style attribute to the element and filling the style attribute with direction and text-align properties.

gap
direction=rtl, {direction: rtl} & {text-align: right} πŸ”–

I don’t know the HTML attribute for direction and after I check it does nothing, so I will refer to dir HTML attribute. FYI, this attribute will give the element styles

element {
  direction: rtl;
  unicode-bidi: isolate;
}

I will just leave the dir attribute because I’m not using it, this is just for additional information.

debug-direction-text-align
Debugging direction and text-align

From the picture above I decide that I will only use the style direction: rtl; because the result is what I needed. There are a lot of technical things to deal with the rtl like unicode-bidi, but for now I’m happy enough with just that appearance. The period symbol on the div with the style direction: rtl; appear in the most left compared to the text-align: right;, so in my opinion you can ignore other attributes or properties. Now we can move on and make it real.

gap
Quoting Inline and Block RTL πŸ”–

As I was complained before about the difference view between reader, site, or mobile apps appearance I need to prepare classes and inline styles. In an inline view, I will need DayPicker--ar class which has the property direction: rtl;. In addition, you can add another class formatted-header__title to make the font size bigger font-size: 24px; because it appear pretty small compared to the English letters. For the inline element you can use span.

inline-block-rtl

inline-rtl-example

For the block view, I have some additional styling because I want it to appear more interesting than other parts.

block-rtl-example

It has different classes with the inline term-tree-selector for border style and notice__content to add more margin and padding. I used h1 for the rtl text part because I want to make the font even bigger than just 24px, probably. I separate the meaning with hr which is horizontal line.

code-block-rtl

Or you can just make the block rtl simpler with changing span into div from the inline.


Now I’m wondering why some languages is written right to left or left to right, or even why there are so many languages. I hope that my experience can help you if you had difficulties with writing RTL text.

Visit the Post I was talking about

Ψ§Ω„Ψ³ΩŽΩ‘Ω„ΩŽΨ§Ω…Ω ΨΉΩŽΩ„ΩŽΩŠΩ’ΩƒΩΩ…Ω’ (assalamu ‘alaykum) means “peace be upon you”. When a muslim meet his/her brother/sister on the way, he greet him by saying this sentence or at least this is how I’ve been taught since I was little as a muslim kid. I’d like to greet you also in Islamic way because I’m planning on filling this blog with posts about Islam.Β […]

via May Peace be Upon You β€” Another Islam Student Blog

Misconception between Me and a WordPress.com Site, Probably

I write about me in the About Page of my blog and that is just wrong! But how should I know? It’s simple, you are a person or a internet user and your blog is the product that you’ve created. Write your blog’s information in the blog’s about page, and set up your profile in the me section or gravatar.

πŸ”– Contents

MeπŸ”–

I create a new account on WordPress.com and I have to create a site. So I fill in the inputs, one of them is the site name, after done configuring the site, I am directed to a new screen to create an account. I have some input boxes and one of them is login name, and it is already filled with the same site name, I should change it to a user related name, it is for account login not a site login right?

I successfully created my account and site, the first thing I want to do is changing my profile picture, because that is very important. I see the user menu on the right top side after the bell icon on my page, I click it. I am in my profile page wordpress.com/me, I see boxes about me like first, last, public display name, and About me textarea ← this is where I should write about me as a person, right? And then I see a text after those fields that say, “This information will be displayed publicly on your profile and in Gravatar Hovercards.

GravatarπŸ”–

I go to your profile link and it directs me to a whole new domain, en.gravatar.com/{username}. It’s not WordPress, what is this? It’s gravatar.

A Gravatar is a Globally Recognized Avatar, gravatar is a free service for site owners, developers, and users.

I try to access the gravatar alone without login and I can only create a gravatar account when I create a WordPress.com account, I am confused. I want to create a gravatar account but I have to create WordPress.com account which make me creating a site or blog. But I already have my account and I login using it. Later I find out that this is called WordPress.com Connect.

WordPress.com Connect πŸ”–

Chances are that you’re here because you use (or would like to use) one of the fancy services created by Automattic β€” perhaps VaultPress, Akismet, Polldaddy, Gravatar, IntenseDebate, or a third-party service β€” and you’ve been asked to create or log into a WordPress.com account to do so.

With WordPress.com Connect, one username and one password allows you to access these services. You save time and hassle not having to maintain and remember unique login credentials for each service.

Continue, I log in the en.gravatar.com, I need to authorize the app because it is a new connection between apps, WordPress.com and Gravatar. I go to My Profile section and there are another inputs, it’s already filled with my inputs in the wordpress.com/me page. I try to change the records and you know what, I visit wordpress.com/me again and see the records changed just like my changes in the gravatar. I become more confused, is it the same thing? WordPress.com == Gravatar?

Profile Hovercards πŸ”–

I have made some posts and I try to visit one of my post. In the post page I see a section called published by. I see my avatar there, I move my mouse pointer to the avatar cause I want to know if this works like facebook, you know, when you hover someone profile picture you see a hovercard of that person and yes there it is a hovercard for my avatar. If you don’t see yours check yoursite.url/wp-admin/ β†’ Settings β†’ Discussion β†’ Avatars. ← this thing is not appear in my new WordPress.com calypso site setting, I need to go to the old backend.

gravatar-hovercard

There is also a View Complete Profile link, it directs me to my gravatar profile page en.gravatar.com/{username}, and that is how people should see my user profile. So, what should I write in the blog about page?

About Page πŸ”–

I should write anything about what my blog is all about. If I want to know the detail about a person I should visit their gravatar profile page.


Nothing is wrong πŸ”–

It is probably just not the best practice of using the platform. In the new WordPress.com I can still use the old stuff, so I guess the system is not changed entirely it is just still in the phase of migrating so in the future it will be more changes and updates. What about you? Do you have similar impression with mine? I’d like to know if you have similar or different experience and approaches with me.