Idea: Remote follow widget

[vanitasvitae]

trafficstars

Hi! It would be super cool to have a remote follow widget, that users can click on to follow the blog. Additionally this could come in handy to communicate to readers, that the blog is part of the fediverse.

Ideally the page would somewhat mimic mastodons remote follow page (example).

[pfefferle]

Good Idea! Maybe I can make it a generic template, so that it could be used as shortcode, page, widget, ...

[vanitasvitae]

Wiktor sketched out, how this can be done: https://mastodon.social/@wiktor/101410178656366469

[pfefferle]

Thanks! It is part of the „old“ OStatus protocol: http://ostatus.github.io/spec/OStatus%201.0%20Draft%202.html#anchor10

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[Cambridgeport90]

keep

From: stale[bot] @.> Sent: Friday, April 1, 2022 3:03 PM To: pfefferle/wordpress-activitypub @.> Cc: Subscribed @.***> Subject: Re: [pfefferle/wordpress-activitypub] Idea: Remote follow widget (#14)

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Reply to this email directly, view it on GitHubhttps://github.com/pfefferle/wordpress-activitypub/issues/14#issuecomment-1086233712, or unsubscribehttps://github.com/notifications/unsubscribe-auth/ADS4MAHDZYPCPZ6DX7AAGVDVC5B7HANCNFSM4GPTXGTQ. You are receiving this because you are subscribed to this thread.Message ID: @.@.>>

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[averymd]

Keep, plz.

[jaschaurbach]

I am using this nice Tool at the moment - hopefully just as a workaround until we get the widget in the plugin: https://github.com/mwt/apfollow

A really great thing with this widget is of course that I can link to the blog, my personal account AND to my pixelfed account. from any website which is nice.

You can see it in action here and here.

A universal remote follow to be configurable as a widget (with different buttons maybe) would be quite nice, no? In my idea the ActivityPlugin would make use of a plugin which only offers universal follow for AP-Services. The AP-plugin "only" would need to offer the web finger endpoints and that's it, no?

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[pfefferle]

Keep!

[chriskthomas]

I am using this nice Tool at the moment - hopefully just as a workaround until we get the widget in the plugin: https://github.com/mwt/apfollow

Me too! I just use "custom html" as a widget with

<div style="text-align:center"><a href="https://apfollow.mwt.me/?user=chris&instance=chriskthomas.com" class="ap-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2032 1536" style="margin-right:6px;vertical-align:text-top" height="14px"><path d="M923.767 256L0 789.321v213.321L738.999 576v853.321L923.767 1536zm184.768 0v213.321L1847.533 896l-738.998 426.642V1536l923.766-533.358v-213.32zm0 426.642v426.68L1478.034 896zM554.267 896l-369.536 213.321 369.536 213.321z" fill-rule="evenodd" fill="currentColor"></path></svg>ActivityPub</a></div>

and I then style it with custom CSS

/* AP Button */
.sidebar-primary .widget a.ap-button {
  display: inline-block;
  background: $button-color;
  color: $color-of-button-text-and-icon;
  text-decoration: none;
  font: 500 14px/32px sans-serif;
  border-radius: 4px;
  padding: 4px 18px 4px 16px;
}

.sidebar-primary .widget a.ap-button:hover {
  background: $button-hover-color;
}

[pfefferle]

This is part of the latest version 🎉

[edent]

How do I use this follow widget? I don't see it in the list of widgets.

I'm not using Gutenberg, or a block based theme. I do see the activitypub-followers-style-inline-css in my <head>

[pfefferle]

Sorry, this is a block editor/FSE feature only.

[edent]

In which case, is it possible to remove the CSS for non FSE sites? I can raise a new request for that.

[rghedin]

I'm in the same boat as @edent. Any news on how to block CSS for non FSE sites?

[pfefferle]

Can you help @mattwiebe ?

But this is not only for FSE sites. I also have no FSE theme, but use block-editor for my Posts and Pages and this also let's you add the widgets.

[rghedin]

Sorry, @pfefferle, I should've be more specific: I don't use FSE nor Gutenberg (I'm still on the good and old Classic Editor).

Yesterday, I opened an issue on ActivityPub plugin support forums. Maybe the info there could be useful here as well:

After installed, this plugin adds a ton of inline CSS on header, in a style tag with the ID activitypub-followers-style-inline-css.

I don’t even use blocks. What do I need to declare on functions.php to avoid ActivityPub plugin to load those inline CSS?

[pfefferle]

Ok, makes sense!

Can you maybe close it on WordPress.org and transfer it to an GitHub issue? I think this is about code, so maybe better for GitHub than for WordPress.org Support Forums?!?