Colin Devroe

<p>Use the Favorite Toots block to quickly add a list of your favorite toots from Mastodon to any page on your website. The toots appear as a fully styled list. You can see how it looks by <a href="https://cdevroe.com/favorite-toots" rel="nofollow ugc">viewing my favorite toots on my website</a>.</p>
<h3>Toots in screenshots</h3>
<ul>
<li>Screenshot 2: <a href="https://mastodon.social/@elengale/112174709734505255" rel="nofollow ugc">@elengale@mastodon.social</a>, <a href="https://photog.social/@tomnorthfilm/112151440420302765" rel="nofollow ugc">@tomnorthfilm@photog.social</a></li>
<li>Screenshot 3: <a href="https://mastodon.art/@Jontofski/112124829992254349" rel="nofollow ugc">@jontofski@mastodon.art</a></li>
<li>Screenshot 4: <a href="https://go5.dev/@salginatobel/112136436959884868" rel="nofollow ugc">@salginatobel@go5.dev</a>, <a href="https://botsin.space/@microseasons/112130969075940516" rel="nofollow ugc">@microseasons@botsin.space</a></li>
</ul>
<h3>About this Plugin</h3>
<p>One of the primary ways I find new accounts to follow is by eavesdropping on other people’s favorites. Many platforms make favorites public but Mastodon doesn’t (yet?). I wanted to show my favorite toots publicly so that people can look through them. I’m hoping you’ll make your favorite toots public this way too.</p>


Favorite Toots

Add a list of your favorite toots from Mastodon to any page on your website using a block.

triumvirate

<p>It’s aesthetically pleasing to link WordPress sites to one’s Mastodon account by adding a link in the site footer menu to one’s Mastodon profile that’s replaced with the “M” mastodon trunk/word balloon-logo.</p>
<p>Without this plugin, however, this functionality is not <a href="https://core.trac.wordpress.org/ticket/57293#ticket" rel="nofollow ugc">expected</a> to work for any Mastodon domains until 6.2, and at that point, only the top-10-by-volume Mastodon domains.</p>
<p>This plugin allows replacing the top-100 (by user) Mastodon domains (as of plugin publication) with the Mastodon logo SVG <a href="https://wordpress.org/documentation/article/twenty-twenty-one/#add-social-icons" rel="ugc">via this mechanism</a>:</p>
<blockquote>
<p>the text label you provide will be hidden, and an icon will be shown in its place.</p>
</blockquote>
<h3>Current Limitations</h3>
<ol>
<li>Currently only works with <a href="https://wordpress.org/themes/twentytwentyone/" rel="ugc">twenty-twenty-one</a> theme and later</li>
<li>Non-top-100 domains were queried at plugin publishing time (2023-02-18) from <code>instances.social</code>: <code>'https://instances.social/api/1.0/instances/list?count=0&include_closed=true&include_down=false&sort_by=users&sort_order=desc</code></li>
</ol>
<p><a href="https://github.com/ijoseph/mastodon_social_icons" rel="nofollow ugc">I (or anyone else) can work to address these limitations if there is interest.</a></p>
<h3>Example</h3>
<p>See <a href="https://github.com/ijoseph/mastodon_social_icons#2-example" rel="nofollow ugc">here</a> for the example with screenshots inline.</p>
<h4>1. Set up Theme: Twenty Twenty-One</h4>
</p>
<h4>2 Create a Secondary Menu</h4>
</p>
<h4>3 Add custom links</h4>
</p>
<h4>4 Before</h4>
<p>
The <code>mastodon.com</code> logo is (erroneously, as it is not a true mastodon domain) is replaced by the <code>svg</code>, but a <code>mastodon.social</code> link is <em>not</em>.</p>
<h4>5 After</h4>
<h3>Support</h3>
<p>Open an <a href="https://github.com/ijoseph/mastodon_social_icons/issues" rel="nofollow ugc">issue on github</a>.</p>


Mastodon Social Icons

This plugin replaces footer menu URLs of the top-100 (by user) Mastodon domains (as of plugin publication) with the Mastodon logo SVG via the social i …

Favorite Toots vs Mastodon Social Icons