<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>The Social Website - Update - Bagaag</title>
	<atom:link href="https://www.bagaag.com/the-social-website-update/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.bagaag.com</link>
	<description></description>
	<lastBuildDate>Sat, 11 Oct 2025 15:19:50 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.bagaag.com/wp-content/uploads/2025/09/cropped-bagaag-favicon-32x32.png</url>
	<title>The Social Website - Update - Bagaag</title>
	<link>https://www.bagaag.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
					<title>The Social Website — Update</title>
					<link>https://www.bagaag.com/the-social-website-update/</link>
					<comments>https://www.bagaag.com/the-social-website-update/#comments</comments>
		
		<dc:creator><![CDATA[matt]]></dc:creator>
		<pubDate>Sat, 11 Oct 2025 04:09:19 +0000</pubDate>
				<category><![CDATA[Web]]></category>
		<guid isPermaLink="false">https://www.bagaag.com/?p=423</guid>

					<description><![CDATA[This is a follow-up to my previous post, The Social Website. In that post, I challenged myself to turn this website into my “central social media hub”. Having thought about it a while, I suppose that can mean any combination of a few things: So I’ve just been mucking about with plugins to see what’s [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>This is a follow-up to my previous post, <a href="https://www.bagaag.com/2025/09/23/the-social-website/" data-type="post" data-id="202">The Social Website</a>. In that post, I challenged myself to turn this website into my “central social media hub”. Having thought about it a while, I suppose that can mean any combination of a few things:</p>



<span id="more-423"></span>



<ol class="wp-block-list">
<li>Use the website to post content, replacing the act of posting to other social networks</li>



<li> Syndicating that content to other social networks — either manually, automatically or on schedule</li>



<li>Pulling in reactions from other social networks — for example, displaying on the website if a post got a reply or like on a social network where it was posted</li>



<li>The ability to interact with social network posts by reposting and sharing content from external feeds</li>
</ol>



<p>So I’ve just been mucking about with plugins to see what’s out there.</p>



<p>I tried a WordPress plugin called <em>Blog2Social: Social Media Auto Post &amp; Scheduler</em>, but it couldn’t even connect to my Mastodon account without the paid version. I’d honestly just manually post rather than pay a subscription fee. But for $29/year, it can post to up to 25 social networks. I need at least the $11/yr version just to connect to Mastodon, which is the only social network I’m currently active on. Blog2Social has a <a href="https://en.blog2social.com/pricing/#wordpress-plugin">silly complicated</a> pricing structure. But if it works, and you want to post to a bunch of social networks from WordPress, the cost isn’t bad. It’s good to know there are options for this, but I decided I’m happy to just post a link to Mastodon when I need to. Doing that from WordPress isn’t particularly helpful for me.</p>



<p>What I really wanted was to make it easy to share and interact with the content on this site. I installed the <a href="https://wordpress.org/plugins/add-to-any/">AddToAny</a> plugin for this. That’s one of the two sharing plugins we recommend to clients at work. Seems like Oracle bought <a href="https://www.addtoany.com/blog/replace-addthis-with-addtoany-the-addthis-alternative/">the other one</a> and now is shutting it down. Nice. I like AddToAny because it replaces the Blocksy theme’s less complete sharing options. It looks good and works well. AddToAny <a href="https://en.wikipedia.org/wiki/AddToAny">supposedly</a> makes money by selling data, but its unclear exactly what data they are collecting and who they are selling it to. I could find nothing about this anywhere on the website, even in the <a href="https://www.addtoany.com/terms">terms of service</a>. That’s pretty shady. There is no paid option. It wasn’t enough to keep me from using it, in any case. This is a public website, and if someone is sharing, they’re most likely doing that publicly too. So whatever, take public data and sell it, I guess?</p>



<p>Despite integrating with a ridiculously large number of sharing targets, Instagram isn’t supported by AddToAny out of the box. I found some <a href="https://wordpress.stackexchange.com/questions/307795/no-way-to-add-instagram-in-addtoany-plugin">code on SO</a> that adds it as an option. I tweaked it to reference a better Instagram logo I found and uploaded to WordPress, and changed the icon size to match the default AddToAny icons:</p>



<div class="wp-block-kevinbatdorf-code-block-pro" data-code-block-pro-font-family="Code-Pro-JetBrains-Mono" style="font-size:.75rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#39404f;color:#c8d0e0">PHP</span><span role="button" tabindex="0" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><pre class="code-block-pro-copy-button-pre" aria-hidden="true"><textarea class="code-block-pro-copy-button-textarea" tabindex="-1" aria-hidden="true" readonly>/*  AddToAny Instagram */
function addtoany_add_share_services( $services ) {
    $services['example_share_service'] = array(
        'name'        =&gt; 'Instagram',
        'icon_url'    =&gt; site_url('/wp-content/uploads/2025/10/instagram.gif'),
        'icon_width'  =&gt; 34,
        'icon_height' =&gt; 34,
        'href'        =&gt; 'https://www.instagram.com/',
    );
    return $services;
}
add_filter( 'A2A_SHARE_SAVE_services', 'addtoany_add_share_services', 10, 1 );</textarea></pre><svg style="width:24px;height:24px" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" /><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" /></svg></span><pre class="shiki nord" style="background-color: #2e3440ff" tabindex="0"><code><span class="line"><span style="color: #616E88">/*  AddToAny Instagram */</span></span>
<span class="line"><span style="color: #81A1C1">function</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">addtoany_add_share_services</span><span style="color: #ECEFF4">(</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">services</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">)</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">{</span></span>
<span class="line"><span style="color: #D8DEE9FF">    </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">services</span><span style="color: #ECEFF4">[</span><span style="color: #ECEFF4">'</span><span style="color: #A3BE8C">example_share_service</span><span style="color: #ECEFF4">'</span><span style="color: #ECEFF4">]</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">array</span><span style="color: #ECEFF4">(</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">'</span><span style="color: #A3BE8C">name</span><span style="color: #ECEFF4">'</span><span style="color: #D8DEE9FF">        </span><span style="color: #81A1C1">=&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">'</span><span style="color: #A3BE8C">Instagram</span><span style="color: #ECEFF4">'</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">'</span><span style="color: #A3BE8C">icon_url</span><span style="color: #ECEFF4">'</span><span style="color: #D8DEE9FF">    </span><span style="color: #81A1C1">=&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #88C0D0">site_url</span><span style="color: #ECEFF4">(</span><span style="color: #ECEFF4">'</span><span style="color: #A3BE8C">/wp-content/uploads/2025/10/instagram.gif</span><span style="color: #ECEFF4">'</span><span style="color: #ECEFF4">),</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">'</span><span style="color: #A3BE8C">icon_width</span><span style="color: #ECEFF4">'</span><span style="color: #D8DEE9FF">  </span><span style="color: #81A1C1">=&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">34</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">'</span><span style="color: #A3BE8C">icon_height</span><span style="color: #ECEFF4">'</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">=&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #B48EAD">34</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #D8DEE9FF">        </span><span style="color: #ECEFF4">'</span><span style="color: #A3BE8C">href</span><span style="color: #ECEFF4">'</span><span style="color: #D8DEE9FF">        </span><span style="color: #81A1C1">=&gt;</span><span style="color: #D8DEE9FF"> </span><span style="color: #ECEFF4">'</span><span style="color: #A3BE8C">https://www.instagram.com/</span><span style="color: #ECEFF4">'</span><span style="color: #ECEFF4">,</span></span>
<span class="line"><span style="color: #D8DEE9FF">    </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #D8DEE9FF">    </span><span style="color: #81A1C1">return</span><span style="color: #D8DEE9FF"> </span><span style="color: #81A1C1">$</span><span style="color: #D8DEE9">services</span><span style="color: #81A1C1">;</span></span>
<span class="line"><span style="color: #ECEFF4">}</span></span>
<span class="line"><span style="color: #88C0D0">add_filter</span><span style="color: #ECEFF4">(</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">'</span><span style="color: #A3BE8C">A2A_SHARE_SAVE_services</span><span style="color: #ECEFF4">'</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">'</span><span style="color: #A3BE8C">addtoany_add_share_services</span><span style="color: #ECEFF4">'</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #B48EAD">10</span><span style="color: #ECEFF4">,</span><span style="color: #88C0D0"> </span><span style="color: #B48EAD">1</span><span style="color: #88C0D0"> </span><span style="color: #ECEFF4">)</span><span style="color: #81A1C1">;</span></span></code></pre></div>



<p>In the spirit of making this space more interactive, I enabled standard WordPress comments and registration. Because doing this creates a nearly instant spam honeypot, I installed  <a href="https://pluginkollektiv.org/plugins/">Antispam Bee</a>.</p>



<p>I also installed the <a href="https://wordpress.org/plugins/indieweb/">IndieWeb</a> plugin. This plugin wraps a bunch of other plugins that provide additional features. It’s a little unclear what, if anything, the core plugin does. But it collects a bunch of other plugins. </p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;69c971f86b46f&quot;}" data-wp-interactive="core/image" data-wp-key="69c971f86b46f" class="wp-block-image size-large wp-lightbox-container"><img fetchpriority="high" decoding="async" width="1024" height="624" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://www.bagaag.com/wp-content/uploads/2025/10/indieweb-plugin-extensions-1024x624.png" alt class="wp-image-518" srcset="https://www.bagaag.com/wp-content/uploads/2025/10/indieweb-plugin-extensions-1024x624.png 1024w, https://www.bagaag.com/wp-content/uploads/2025/10/indieweb-plugin-extensions-300x183.png 300w, https://www.bagaag.com/wp-content/uploads/2025/10/indieweb-plugin-extensions-768x468.png 768w, https://www.bagaag.com/wp-content/uploads/2025/10/indieweb-plugin-extensions-1536x937.png 1536w, https://www.bagaag.com/wp-content/uploads/2025/10/indieweb-plugin-extensions.png 1653w" sizes="(max-width: 1024px) 100vw, 1024px"><button class="lightbox-trigger" type="button" aria-haspopup="dialog" aria-label="Enlarge" data-wp-init="callbacks.initTriggerButton" data-wp-on--click="actions.showLightbox" data-wp-style--right="state.imageButtonRight" data-wp-style--top="state.imageButtonTop">
			<svg width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>



<p>Webmention is like the standards-based implementation of WordPress <a href="https://wordpress.org/documentation/article/trackbacks-and-pingbacks/">pingbacks</a>. I set up IndieAuth, which is a cool idea that is slowly gaining <a href="https://indieweb.org/IndieAuth_clients">adoption</a>. Syndication Links lets you reference where else you posted the same content or a reference to it. WebSub is a cool idea — basically web hooks for website notifications. I’ll be tinkering with this stuff. IndieBlocks seems to provide a set of questionably useful blocks. This one formats a repost, which is kind of cool:</p>



<div class="wp-block-indieblocks-repost"><div class="u-repost-of h-cite"><p><i>Reposted <a class="u-url p-name" href="https://mastodon.online/@universalhub/115353401056878569">Universal Hub: “Hours after refusing to kiss the Presidential rin…” — Mastodon</a>.</i></p><blockquote class="wp-block-quote e-content">
<p>Hours after refusing to kiss the Presidential ring, <a href="https://mastodon.online/tags/MIT">#MIT</a> wins court battle over Defense Department plan to slash its grant funding</p>
</blockquote></div></div>



<p>At least for Mastodon, using their embed code looks a lot better:</p>



<blockquote class="mastodon-embed" data-embed-url="https://indieweb.social/@Bagaag/115296675531979338/embed" style="background: #FCF8FF; border-radius: 8px; border: 1px solid #C9C4DA; margin: 0; max-width: 540px; min-width: 270px; overflow: hidden; padding: 0;"> <a href="https://indieweb.social/@Bagaag/115296675531979338" target="_blank" style="align-items: center; color: #1C1A25; display: flex; flex-direction: column; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Roboto, sans-serif; font-size: 14px; justify-content: center; letter-spacing: 0.25px; line-height: 20px; padding: 24px; text-decoration: none;"> <svg width="32" height="32" viewBox="0 0 79 75" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M63 45.3v-20c0-4.1-1-7.3-3.2-9.7-2.1-2.4-5-3.7-8.5-3.7-4.1 0-7.2 1.6-9.3 4.7l-2 3.3-2-3.3c-2-3.1-5.1-4.7-9.2-4.7-3.5 0-6.4 1.3-8.6 3.7-2.1 2.4-3.1 5.6-3.1 9.7v20h8V25.9c0-4.1 1.7-6.2 5.2-6.2 3.8 0 5.8 2.5 5.8 7.4V37.7H44V27.1c0-4.9 1.9-7.4 5.8-7.4 3.5 0 5.2 2.1 5.2 6.2V45.3h8ZM74.7 16.6c.6 6 .1 15.7.1 17.3 0 .5-.1 4.8-.1 5.3-.7 11.5-8 16-15.6 17.5-.1 0-.2 0-.3 0-4.9 1-10 1.2-14.9 1.4-1.2 0-2.4 0-3.6 0-4.8 0-9.7-.6-14.4-1.7-.1 0-.1 0-.1 0s-.1 0-.1 0 0 .1 0 .1 0 0 0 0c.1 1.6.4 3.1 1 4.5.6 1.7 2.9 5.7 11.4 5.7 5 0 9.9-.6 14.8-1.7 0 0 0 0 0 0 .1 0 .1 0 .1 0 0 .1 0 .1 0 .1.1 0 .1 0 .1.1v5.6s0 .1-.1.1c0 0 0 0 0 .1-1.6 1.1-3.7 1.7-5.6 2.3-.8.3-1.6.5-2.4.7-7.5 1.7-15.4 1.3-22.7-1.2-6.8-2.4-13.8-8.2-15.5-15.2-.9-3.8-1.6-7.6-1.9-11.5-.6-5.8-.6-11.7-.8-17.5C3.9 24.5 4 20 4.9 16 6.7 7.9 14.1 2.2 22.3 1c1.4-.2 4.1-1 16.5-1h.1C51.4 0 56.7.8 58.1 1c8.4 1.2 15.5 7.5 16.6 15.6Z" fill="currentColor" /></svg> <div style="color: #787588; margin-top: 16px;">Post by @Bagaag@indieweb.social</div> <div style="font-weight: 500;">View on Mastodon</div> </a> </blockquote> <script data-allowed-prefixes="https://indieweb.social/" async src="https://indieweb.social/embed.js"></script>



<p></p>



<p>Finally, I added this site to the <a href="https://xn--sr8hvo.ws/">IndieWeb Webring</a>, which is now displayed in the footer with links to previous and next sites in the ring. These are fun to surf through. </p>



<p>I’m curious to see what I can do with cross-posting to Mastodon. Can I capture replies and likes and boosts from Mastodon in WordPress?</p>



<p>Late breaking update: <a href="http://mwaters.net/">Mark Waters</a> posted a comment suggesting a couple additional plugins for Mastodon integration. <a href="https://github.com/janboddez/share-on-mastodon">Share on Mastodon</a> is an easy way to auto-post to Mastodon from the WordPress editor. And <a href="https://wordpress.org/plugins/replies-importer-for-mastodon/">Replies Importer for Mastodon</a> closes the loop, importing replies to posts on Mastodon that link back to a page here into comments in WordPress.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.bagaag.com/the-social-website-update/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
