I’m upgrading a friend’s WordPress site and decided to go through the IndieWeb’s Getting Started on WordPress page. Here’s some notes as I go through the process, trying to view it through the lens of someone who isn’t already familiar with indieweb terminology.
gRegor is spot on for a lot of this, but I think the solution may be to leave the IndieWeb-speak versions on the wiki as they are for the Generation 1 crowd and start all over again with some new pages geared specifically toward Gen2+ which don’t include a lot of our specific jargon.
People just want to use their websites in a way that Just Works™, they don’t necessarily want to learn a whole new vocabulary to do so. While I think it’s very useful to know that vocabulary and reframe one’s perspective about the web and how it works, it shouldn’t be a necessary condition for joining in on all the fun.
I consider myself a member of the open web community and very friendly with the goals of the IndieWeb community. I too wish for a world where web giants have less power and where the user is in control of more of their data. Yet, I now work for a large (the largest?) publishing platform. It is not often easy to reconcile, but one thing that I can tell you for a fact is that your data is, on average, safer on large hosting provider than it is on your small indie site.
I’d be curious to see more concrete numbers on these statistics, though I suspect that for “mature” sites, it may actually be the case. Some of the small, middling platforms however… The other side of the coin though is that when airplanes do crash, the death toll is seemingly large, and this is also the case with major silos.
While he mentions personal sites disappearing, it’s typically something that the site owner can often at least make a conscious choice to do and they can also mothball the data for later use. With a silo death, they really have no choice and often can’t get any data at all.
This just goes to point out that we need better solutions for both openness and longevity. How much of what I write on line will survive the next 500+ years? More or less than what Copernicus or Newton wrote? (Of course, who will care is an entirely different question…)
I hope that perhaps Medium opens up in the future to do some of the functionality that he mentions.
When I re-entered social space after a three-week break, there was a very pleasant surprise. My friend Jason had relaunched his Doubtfully Daily Matigo podcast. I binged on the first five immediately (alternating with another short podcast) and then caught up fully this morning.
As so often with J...
We have been talking about the problems with Twitter, Facebook, and social media throughout the last year. Our guest has too, and he’s trying to do something about it. Manton Reece, talks about Micro.blog, the technology it is built on, and how he is being thoughtful about building something new.
BookmarkedMicroblogging by Paul Robert Lloyd(paulrobertlloyd.com)
I stopped using Facebook because I didn’t trust the people behind Facebook. I had grown weary of the sly and underhand tactics used to grow their network and was unwilling to remain part of it. But if I’m honest, I couldn’t trust myself either. Visiting Facebook would elicit behaviour you could only describe as stalking; trawling through the feeds of my friends, seeking out people I vaguely knew. I had better things to do with my time.
Almost a decade later, I’m having similar thoughts about Twitter.
After hearing from a number of schools running Domain of One’s Own, we thought it might be useful to host an in-person workshop that focuses specifically on implementing this project on your campus. Workshop of One’s Own is a two-day, geared towards the instructional technologist who assists with managing DoOO on an administrator level, but also focuses on project conceptualization, instructional uses, and empowering their community from a teaching/learning standpoint. You’ll not only be receiving the in-person, focused attention from the entire Reclaim Hosting team, but you’ll also get a chance to brainstorm with folks from other schools who are running their own Domain of One’s Own projects. We’ll work through common troubleshooting tips, SPLOTs with Alan Levine, cPanel application case studies, and more.
I’m almost painfully tempted to attend this workshop on March 15-16 with the idea of and setting up a side business to specialize in hosting WordPress and Known sites for IndieWeb use. While it could be a generic non-institutional instance for academics, researchers, post docs, graduate and undergraduate students who don’t have a “home” DoOO service, it could also be a potential landing pad for those leaving other DoOO projects upon graduation or moving. Naturally I wouldn’t turn down individuals who wanted specific IndieWeb capable personal websites either.
Either way it’s an itch (at an almost poison ivy level) that I’ve been having for a long time, but haven’t written down until now. It would certainly be an interesting platform for continuing to evangelize the overlap of IndieWeb and Educational applications on the internet.
I think there are almost enough IndieWeb friendly WordPress themes to make it a worthwhile idea to have a multi-site WordPress install that has a handful of microformats performant themes in conjunction with tools like webmentions and micropub that allows easy interaction with most of the major social silos.
I think the community might almost be ready for such a platform that would allow an integrated turnkey IndieWeb experience. (Though I’d still want to offer some type of integrated feed reader experience bundled in with it.) Perhaps I could model it a little bit after edublogs and micro.blog?
Who wants to help goad me into it?
h/t:
Workshop of One’s Own: March 15 & 16 // Attendees will not only receive focused training from the entire Reclaim Hosting team, but also join in on discussion with members from other institutions running their own unique instances of Domain of One's Own // https://t.co/31NIQIRvQgpic.twitter.com/HvU8qKhQXA
http://arturpaikin.com/media/2018/01/ryz1kYHBM.jpgGroup photos — Aaron Parecki This weekend I attended Indie Web Camp in Baltimore. It’s a fun gathering of people who believe we should own our online identities — pictures, thoughts, short and long posts (and even check-ins in some cases). Pos...
Promote your own site, or promote on Facebook? Turns out you can do both, and do even better: have your website join the IndieWeb.
Great piece, though I think it simplifies things a bit more than they’re easily capable of doing now for a Gen 2 person, which seems to be who this piece is geared towards.
sub·men·tion (noun informal): 1. A post about someone or something on a personal website where one neglects (accidentally or on purpose) to either send a webmention and/or syndicate a copy out to an appropriate social silo. 2. Such a post which explicitly has the experimental microformat rel=”nomention” which prevents webmention code from triggering for the attached URL. 3. Any technologically evolved form of apophasis (Greek ἀπόφασις from ἀπόφημι apophemi, “to say no”) which sends no notifications using standard Internet or other digital protocols.
Origin
Early 21st century: a blend or portmanteau of subliminal and webmention.
Regarding various Known post types there is a story I would say I think so because at least for me it took so long to sort it out on my instance.
After I've installed Known on my domain some time in july 2016 I have realized the Repost and Like post types don't appear to be available right on the ma...
Our next (free) conference, WPCampus Online, will take place Tuesday, January 30. It will be a free event and completely virtual. View the schedule and join us for a full day of professional development. No travel required!
The WPCampus Online schedule is filled with 16 free sessions focused on using WordPress in higher education.
This looks like a cool event at the end of the month. I’m curious to see what #edtech and #IndieWeb-esque things they may be touching on during the day.
Fragmention is a portmanteau word made up of fragment and mention (or even Webmention), but in more technical terms, it’s a simple way of creating a URL that not only targets a particular page on the internet, but allows you to target a specific sub-section of that page whether it’s a photo, paragraph, a few words, or even specific HTML elements like <div> or <span> on such a page. In short, it’s like a permalink to content within a web page instead of just the page itself.
Back in December Aaron Davis had made a quote card for one of his posts that included a quote from one of my posts. While I don’t think he pinged (or webmentioned) it within his own post, I ran across it in his Twitter feed and he cross-posted it to his Flickr account where he credited where the underlying photo and quote came from along with their relevant URLs.
Fragmentions could have not only let him link to the source page of the quote, it would have let him directly target the section or the paragraph where the quote originated or–even more directly–the actual line of the quote.
They both obviously point to the same specific page, and their beginnings are identical. The second one has a # followed by the words “I’m not looking” with some code for blank spaces and an apostrophe. Clicking on the fragmention URL will take you to the root page which then triggers a snippet of JavaScript on my site that causes the closest container with the text following the hash to be highlighted in a bright yellow color. The browser also automatically scrolls down to the location of the highlight.
This can be a very useful thing, particularly on pages with huge amounts of text. I use it quite often in my own posts to direct people to particular sub-parts of my website to better highlight the pieces I think they’ll find useful.
It can be even more useful for academics and researchers who want to highlight or even bookmark specific passages of text online. Those with experience on the Medium.com platform will also notice how useful highlighting can be, but having a specific permalink structure for it goes a step further.
I will note however, that it’s been rare, if ever, that anyone besides myself has used this functionality on my site. Why? We’ll look at that in just a moment.
Extending fragmentions for easier usability.
Recently as a result of multiple conversations with Aaron Davis (on and between our websites via webmention with syndication to Twitter), I’ve been thinking more about notes, highlights, and annotations on the web. He wrote a post which discusses “Page Bookmarks” which are an interesting way of manually adding anchors on web pages to allow for targeting specific portions of web pages. This can make it easy for the user to click on links on a page to let them scroll up and down specific pages. Sadly, these are very painful to create and use both for a site owner and even more so for the outside public which has absolutely no control over them whatsoever.
His post reminded me immediately of fragmentions. It also reminded me that there was a second bit of user interface related to fragmentions that I’d always meant to also add to my site, but somehow never got around to connecting: a “fragmentioner” to make it more obvious that you could use fragmentions on my site.
In short, how could a user know that my website even supports fragmentions? How could I make it easier for them to create a fragmention from my site to share out with others? Fortunately for me, our IndieWeb friend Kartik Prabhu had already wired up the details for his own personal website and released the code and some pointers for others who were interested in setting it up themselves. It’s freely available on Github and includes some reasonable details for installation.
So with a small bit of tweaking and one or two refinements, I got the code up and running and voilà! I now have a natural UI for highlighting things.
How?
When a user naturally selects a portion of my page with their mouse–the way they might if they were going to cut and paste the text, a simple interface pops up with instructions to click it for a link. Kartik’s JavaScript automatically converts the highlight into the proper format and changes the page’s URL to include the appropriate fragmention URL for that snippet of the page. A cut and paste allows the reader to put that highlighted piece’s URL anywhere she likes.
Highlighting text pulls up some simple user interface for creating a fragmention to the highlighted text.
The future
What else would be nice?
I can’t help but think that it would be fantastic if the WordPress Fragmention plugin added the UI piece for highlight and sharing text via an automatically generated link.
Perhaps in the future one could allow a highlight and click interaction not only get the link, but to get a copy of both the highlighted text and the link to the URL. I’ve seen this behavior on some very socially savvy news websites. This would certainly make a common practice of cutting and pasting content much easier to do while also cleverly including a reference link.
The tough part of this functionality is that it’s only available on websites that specifically enable it. While not too difficult, it would be far nicer to have native browser support for both fragmention creation and use. This would mean that I don’t need to include the JavaScript on my website to do the scrolling or highlighting and I wouldn’t need any JavaScript on my site to enable the highlighting to provide the specific code for the custom URL. How nice would it be if this were an open web standard and supported by major browsers without the need for work at the website level?
Medium-like highlighting and comments suddenly become a little easier for websites to support. With some additional code, it’s only a hop, skip, and a jump to dovetail this fragmention functionality with the W3C Webmentions spec to allow inline marginalia on posts. One can create a fragmention targeting text on a website and write a reply to it. With some UI built out, by sending a webmention to the site, it could pick up the comment and display it as a marginal note at that particular spot instead of as a traditional comment below the post where it might otherwise loose the context of being associated at the related point in the main text. In fact our friend Kartik Prabhu has done just this on his website. Here’s an example of it in his post announcing the feature.
Example of inline marginalia on Kartik Prabhu’s website “Parallel Transport”.
You’ll notice that small quotation bubbles appear at various points in the text indicating marginalia. By clicking on them, the bubble turns green and the page expands to show the comment at that location. One could easily imagine CSS that allows the marginalia to actually display in the margin of the page for wider screens.
How could you imagine using fragmentions? What would you do with them? Feel free to add your thoughts below or own your site and send me a webmention.
I have been using Dave Winer’s Radio3 platform/bookmarklet, but would rather a process which would allow me to store bookmarks on my blog and POSSE them. I was therefore wondering about creating a similar bookmarklet that generates ‘Bookmark’ post-kinds, as well as the possibility of posting from mobile?
Am I going down the wrong path, especially as WordPress tinkers with ‘Press This’?
Aaron, the IndieWeb PressThis version bookmarklets are certainly a laudable solution for bookmarking things (even as WordPress moves the functionality of the original out of core), but I suspect you may find a more robust solution given some of your current set up.
Post Kinds Bookmarklets
A screen capture of my browser bookmarklets for my WordPress site with emoji for easier visual use.
Since you have the Post Kinds plugin set up, you might consider using that for a lot of the distance it can give you instead. I’ve written up some basic usage instructions for the plugin along with screenshots, but you’ll probably be most interested in the section on Bookmarklet Configuration. I’ve created a dozen or so browser bookmarklets, with handy visual emoji, for creating specific bookmark types for my site.
As for mobile posting, I’ll mention that I’ve heard “rumors” that David Shanske has a strong itch for improving the use of Post Kinds with a better mobile flow, so I would expect it to improve in the coming months. Until that time however, you can find some great tips on the wiki page for mobile posting. I recommend reading the entire page (including the section on Known which includes tools like URL Forwarder for Android that will also work with WordPress in conjunction with Post Kinds and the URL scheme described in the Bookmarklet Configuration section noted above.)
Using these details you should be able to make bookmarklets for your desktop browser and an Android phone in under an hour. If for some reason the documentation at these locations isn’t clear enough for you to puzzle out, let me know and I can do a more complete write up with screenshots and full code. (It’s still a piece of the book I need to expand out, or I’d include it here.)
Email
WordPress has the option of setting up an email address by which to post to your site. You can configure this pretty quickly, especially for mobile use to send URLs to your website that way. I typically use this method for quickly bookmarking things to my site for private use at a later date.
PESOS Options
There are also services that do bookmarking and include RSS feeds to your content which you could also potentially use to trigger IFTTT.com actions to post to your website. I have something similar to this set up for Reading.am which I’ve described in the past. You could certainly use this in combination with Diigo, which I see you use. Again, here more often than not I use these methods when I post things to my site as drafts or private posts.
Back at IndieWebCamp Austin, I became enamored of adding additional methods of interacting with my website, particularly for those who weren’t already on the IndieWeb train. I’d seen these types of interactions already on Tantek Çelik’s site in the past, so naturally I figured I would start there.
Web Actions
Some basic searching revealed that in IndieWeb parlance, these types of functionalities are known as web actions. While they’re often added to make it easier for one site with the proper infrastructure to interact with another, they’re also designed for social web silos (Like Twitter, Facebook, et al.) to do this type of interaction simply as well.
As a small scale experiment, I thought I would begin manually and add some simple interface to allow Twitter users (who may not yet have their own websites to use to respond to me instead) to be able to quickly and easily reply to, repost, or like posts on my site. A little bit of reading on the wiki and Twitter’s developer site allowed me to leverage something into existence pretty quickly.
Interestingly, although there are many plugins that help users simply share a blog post to Twitter, I couldn’t easily find a WordPress plugin that already allows these other interactions as options at all. I suspect it may be because the other side of the interaction of bringing the replies back to one’s site isn’t commonly known yet.
Example
I was able to write a post, syndicate it to Twitter, upload the button images, and then inject the Twitter post ID (939650287622434816 in this example) for my syndicated copy into my post like so:
And voila! My new post now had some simple buttons that allow users a simple one click interaction with a popup window to reply to, repost, or like my post.
Displaying responses
Naturally, through the “magic” of Brid.gy, I’m able to collect these responses via backfeed with the Webmention protocol using the Webmention Plugin for WordPress back to my own website. In simpler and less technical terms, if you use one of these buttons, your interaction with my website as posted to Twitter comes back to live on my website. Thus users can use Twitter to write a comment or reply on Twitter and it will display in my comments section just as if they had written it directly in my comments box. Likes and reposts are sent to my site and are displayed relatively naturally as facepiles under the comment headings “Likes” and “Reposts”.
I’ll do another manual example with this particular post, so feel free to use the buttons at the bottom of this post to make your response via Twitter if you wish.
Future Improvements
Taking some of this code and abstracting into a plugin for others to use would be a nice feature. Doing this would also potentially make it available as a potential plugin in the larger IndieWeb suite of WordPress plugins. Perhaps it could be easily added into the codebase in one or another pre-existing plugins? I might think that David Shanske’sSyndication Links plugin or Bridgy Publish plugin might make sense as they’re already adding functionality for part of the publishing half of the cycle by either publishing to Twitter and/or importing the Tweet ID back into one’s WordPress site for potential display. One or the other could do a simple if/then on the existence of a syndicated Tweet, then extract the Twitter ID, and add the buttons to the interface appropriately.
It would be interesting to add full mark up to make <indie-action> functionality possible for a broader class of web actions, particularly if it could be integrated directly into WordPress in a more interesting manner to work with the Post Kinds Plugin or the IndieWeb PressThis type of bookmarklet functionality.
Instead of having these types of interactions injected at the bottom of the post, it may make more sense to have it display in the comment block instead.
I suspect that Facebook, Instagram, and others also enable some types of functionality, so adding the ability to use them the same way would be awesome. And even more so in the case of RSVP’s to events since Brid.gy handles those relatively well between Facebook and WordPress sites. (See this example.)
Try it yourself
Go ahead and use the buttons below to interact with this post via Twitter.
gRegor Morrill (gregorlove.com)
Jeremy Cherfas
Reply
Repost
Like
Aaron Davis
