Pin

De Mi caja de notas

cette page a démarré sur iwc:pin et migrera après traduction sur iwc:pin-fr

📌

Cet article est une ébauche. Vous pouvez m'aider à l'améliorer et le compléter. Merci.

pin or pinning is a feature that allows the author to choose a post to put at the top of their profile (or homepage) which is then called a pinned or sticky post.

Why

Sometimes you want to bring attention to a post that's more currently relevant than just the most recent post in your stream, e.g.

  • before an imminent event (human) or site shutdown
  • a currently active event
  • fundraising campaign

By "pinning" such a post to the top of your stream, you make sure any new readers (or returning readers) who visit your homepage or profile see that post first, and consider it as recently (or still) relevant even if it is not the most recent thing you have posted.

IndieWeb Examples

Aaron Parecki

portrait Aaron Parecki supports pinned posts in tag pages since 2016-12-28, e.g.:

... add yourself!

...

Software Support

  • WordPress has supported sticky posts since 2.7

Silo Support

Facebook

Facebook has supported pinned posts on events, pages, and groups for quite some time (the admin/creators of such posts/pages has the ability to (un)pin posts).

  • Noticeably absent: Facebook DOES NOT have the ability for a user to pin a post on their own profile/timeline.

Fichier:Facebook-pinned-post-group.png

Facebook pinned posts appear with a separate header from "recent activity" and look visually distinct from the chronological list of posts.

Twitter

Twitter's mid-2014 UI update added support for a pinned post on a user profile.

Fichier:Twitter-pinned-tweet.png

Twitter pinned tweets are marked with "pinned tweet", but otherwise are integrated into the primary list of tweets.

Last.fm

Last.fm supporte l'ajout d'obsessions épinglées tout en haut du profil d'un utilisateur. Ces obsessions sont automatiquement réglées pour expirer après une semaine.

Exemple d'UI pour régler un post épinglé (aka obsession) : remarquez le bouton rouge Fichier:Lastfm set obsession.PNG

Exemple d'UI pour un post épinglé (aka obsession) Fichier:Lastfm pinned obsession.PNG

Brainstorming

More thinking on pinned / sticky posts. Various thoughts:

first or just near top

  • You may not want it to be the first post in your profile - because that may give the illusion that there's nothing newer.
  • Possibly 1-2 normal in-stream posts display, then followed by the pinned post, almost like it is a promoted post for itself.
  • portrait Tantek Çelik: I'm pretty sure I want my pinned post to presentationally be the first post-like thing on my profile, in the stream of posts etc.

special presentation

Any special presentational considerations for pinned posts? Besides being shown "first" (see above)?

  • portrait Tantek Çelik - the pinned post should have some indication that it is pinned and not just the latest post.
    • minimum: text (and/or icon) above the post (content) like Twitter's "Pinned Tweet" or Facebook's "Pinned Post", or portrait Aaron Parecki's little "pin" icon on a green triangle in the top right of a post block.
    • maybe a separate border around the post? especially if there is a header like "Recent Activity" after the pinned post but before the normal ordered stream of posts (FB does this)
      • new template slot? a specific spot in a home page template for a pinned post may help move some presentational distinctions to just HTML+CSS, and leave the "engine" to just find and put a pinned post in the right spot in the template. The more presentation that can be done in HTML+CSS rather than procedural coding, the better. Since this may be engine specific, I’ll add more in: Falcon#pinned_posts

markup details

  • portrait Tantek Çelik Just an h-entry. Should a pinned post have any different markup than a regular post? Only if there is a specific use-case need, otherwise, it's just a post.
  • portrait Tantek Çelik Still part of explicit (or implicit) h-feed on the page. Since a pinned post should only be shown once in a stream (instead of twice, at the top and in the stream in sort order), the pinned post h-entry should be either explicitly in the same h-feed, or at least at the same level (from a microformats2 parser perspective) as the other h-entrys on the page, so that h-feed consuming code will just include it in the overall stream it presents to readers etc.
<div class="status__prepend">
<div class="status__prepend-icon-wrapper">
<i class="status__prepend-icon fa fa-fw fa-thumb-tack"></i>
</div>
<span>
Pinned toot
</span>
</div>

The Atom feed doesn't have the pinned statuses in.

Aaron's pinned posts likewise have

<div class="ui green right corner label"><i class="ui pin icon"></i></div>

tag or category specific

pinning and feed files

  • I don't want a reader to treat a pinned post as always the most recent in a feed. Do readers sort things themselves by published date, or display things in the order they pull them from a feed? - Modèle:Rhiaro
  • portrait Tantek Çelik I would not do anything with pinning in feed files. Readers are likely to just display in dt-published order most recent first anyway.

auto-unpinning

portrait Tantek Çelik I am considering implementing pinned posts, but having them auto-unpin (or expire) after some period of time like ~60 days. This will both make them easier to implement, and also provide an automatic way to not have to worry about unpinning something eventually. I like systems that by default clean-up after themselves.

Session

Sessions about pinning:

See Also