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.

unmus

<p>TootPress copies your toots from Mastodon to WordPress continuously. The toots can be displayed chronologically in the blog, making your timeline accessible to other people outside of Mastodon. In addition, you regain ownership of your own data back.</p>
<h4>Features</h4>
<ul>
<li>Copy your toots back</li>
<li>Copy your tooted images back</li>
<li>Display your toots on the blog</li>
<li>Retrieve your complete timeline</li>
<li>Languague: English, German (only FrontEnd)</li>
</ul>
<h4>Live Demo</h4>
<p><a href="https://www.unmus.de/troets/" rel="nofollow ugc">Here!</a></p>
<h3>Setup Manual</h3>
<ol>
<li>Install the Plugin in WordPress</li>
<li>Create an Application on your Mastodon Instance to get API Access (under Settings/Development)</li>
<li>Restrict the Authorization of the created Application to Read (all data)</li>
<li>Maintain Mastodon Instance and Access Token in the TootPress Settings</li>
<li>Retrieve your Account ID (in WordPress under Tools/Toots)</li>
<li>Maintain the Account ID in the TootPress Settings</li>
<li>Create a new WordPress Page and add the Page to your Menu</li>
<li>Maintain the Page ID in the TootPress Settings (you find the Page ID in URL of the Browser when editing the Page in WordPress)</li>
<li>Run Mastodon API Request once (in WordPress under Tools/Toots)</li>
<li>Activate Steady Fetch</li>
<li>That’s it!</li>
</ol>
<h3>Instructions for Use</h3>
<ul>
<li>You find TootPress in WordPress in the area of Settings and Tools</li>
<li>Steady Fetch activates the automatic and regular load of new toots</li>
<li>First API Request will copy your last 40 toots</li>
<li>New toots will be loaded every 15 minutes (customizable)</li>
<li>You can load your complete timeline into WordPress with the eponymous function</li>
<li>Loading your complete timeline can take several hours depending of the amount of toots</li>
<li>480 toots are loaded per hour as maximum</li>
<li>You can run a Mastodon API Request everytime at your own with the eponymous function</li>
<li>There is no prescribed order for the execution of Steady Fetch, Complete Timeline or manual requests</li>
<li>If problems occur, TootPress provides a Healthy Check</li>
</ul>
<h3>Further Information</h3>
<h4>Supported Toot Objects</h4>
<p>Following toot objects are supported.</p>
<ul>
<li>Text</li>
<li>Images</li>
<li>Galleries</li>
<li>URLs</li>
<li>Hashtags</li>
<li>Mentions</li>
</ul>
<h4>Not supported Toot Objects</h4>
<p>Following toot objects are not supported.</p>
<ul>
<li>Audio</li>
<li>Video</li>
<li>Poll</li>
<li>Teaser</li>
<li>Quotes</li>
</ul>
<h4>Excluded Toot Types</h4>
<p>Following toot types are excluded from the data transfer.</p>
<ul>
<li>Boosts</li>
<li>Replys</li>
<li>Private Toots</li>
</ul>
<h4>Architecture</h4>
<p>Data storage and process logic is separated from the WordPress Framework. The toots are not saved in the table wp_posts. And TootPress is not registering a custom post type for the toots as well.</p>
<h4>CSS classes</h4>
<p>TootPress comes with basic CSS Styles. For best fit it is required to add additional styles in your theme. All TootPress UI elements can be addressed with individual CSS selectors. Please use the browser development tools to find the right classes.</p>
<h4>Data & Files</h4>
<p>TootPress creates 2 folders within the WordPress Uploads Directory.</p>
<ul>
<li>tootpress-mastodonapidata = Archive of the received Mastodon API data</li>
<li>tootpress-images = Toot Image Folder </li>
</ul>
<h4>wpCrons</h4>
<ul>
<li>Steady Fetch (every 15 minutes, customizable)</li>
<li>Load Complete Timeline (every 5 minutes)</li>
</ul>
<h4>TootPress API</h4>
<p><strong>Action: tootpress_toots_update</strong><br />
It will be fired after toot update to execute custom post-processing.<br />
You can use the following code.</p>
<pre><code>function tootpress_toots_update_postprocessing() {

    // Add your code to be executed here

}
add_action('tootpress_toots_update', 'tootpress_toots_update_postprocessing');
</code></pre>
<p><strong>Filter: tootpress_preamble_filter</strong><br />
It outputs html content before the toot loop.<br />
You can use the following code.</p>
<pre><code>function tootpress_preamble_add( $preamble ) {

    // Add your filter code here
    // Example: $preamble='<p>Hello World.</p>';

    return $preamble;

}
add_filter( 'tootpress_preamble_filter', 'tootpress_preamble_add', 10, 1 );
</code></pre>
<p><strong>Filter: tootpress_closing_filter</strong><br />
It outputs html content after the last toot loop.<br />
You can use the following code.</p>
<pre><code>function tootpress_closing_add( $content ) {

    // Add your filter code here
    // Example: $content='<p>Hello World.</p>';

    return $content;

}
add_filter( 'tootpress_closing_filter', 'tootpress_closing_add', 10, 1 );
</code></pre>
<p><strong>Filter: tootpress_menu_forward_label</strong><br />
This filter overwrites the forward label in the bottom navigation.<br />
You can use the following code.</p>
<pre><code>function tootpress_menu_forward_label_change( $label ) {

    // Add your filter code here
    // Example: $label='Newer Posts';

    return $label;

}
add_filter( 'tootpress_menu_forward_label', 'tootpress_menu_forward_label_change', 10, 1 );
</code></pre>
<p><strong>Filter: tootpress_menu_backward_label</strong><br />
This filter overwrites the backward label in the bottom navigation.<br />
You can use the following code.</p>
<pre><code>function tootpress_menu_backward_label_change( $label ) {

    // Add your filter code here
    // Example: $label='Older Posts';

    return $label;

}
add_filter( 'tootpress_menu_backward_label', 'tootpress_menu_backward_label_change', 10, 1 );
</code></pre>
<p><strong>Filter: tootpress_beforeloop_filter</strong><br />
This filter outputs content before the toot loop (on all tootpress pages).<br />
You can use the following code.</p>
<pre><code>function tootpress_beforeloop_filter_add( $content, $page_number ) {

    // Add your filter code here
    // Example: $content='<p>Page '.$page_number.'</p>';

    return $label;

}
add_filter( 'tootpress_beforeloop_filter', 'tootpress_beforeloop_filter_add', 10, 2 );
</code></pre>
<p><strong>Filter: tootpress_afterloop_filter</strong><br />
This filter outputs content after the toot loop (on all tootpress pages).<br />
You can use the following code.</p>
<pre><code>function tootpress_afterloop_add( $content, $current_page_number, $last_page_number ) {

    // Add your filter code here
    // Example: $content='<p>Page '.$current_page_number.' of '.$last_page_number.'</p>';

    return $content;

}
add_filter( 'tootpress_afterloop_filter', 'tootpress_afterloop_add', 10, 3 );
</code></pre>
<p><strong>Filter: tootpress_mastodon_logo_filter</strong><br />
This filter overwrites the Mastodon Logo with Custom Logo.<br />
You can use the following code.</p>
<pre><code>function tootpress_mastodon_logo_change ( $img ) {

    // Standard Value
    // <img class="toot-symbol" src="FILE-URL" alt="Toot Symbol" width="35" height="37"/>

    // Add your filter code here
    // Example: $img='<img class="toot-symbol" src="FILE-URL" alt="Custom Toot Symbol" width="32" height="32"/>';

    return $img;

}
add_filter( 'tootpress_mastodon_logo_filter', 'tootpress_mastodon_logo_change', 10, 1 );
</code></pre>
<p><strong>Filter: tootpress_between_filter</strong><br />
This filter adds custom HTML between the toots.<br />
You can use the following code.</p>
<pre><code>function tootpress_create_element_between ( $content ) {

    // Add your filter code here
    // $content='<hr/>';

    return $content;

}
add_filter( 'tootpress_between_filter', 'tootpress_create_element_between', 10, 1 );
</code></pre>
<p><strong>Filter: tootpress_toot_content_filter</strong><br />
This filter can be used to manipulate the toot content.<br />
You can use the following code.</p>
<pre><code>function tootpress_manipulate_content ( $content ) {

    // Add your filter code here
    // $content=str_replace('href=','target="_blank" href=',$content); 

    return $content;

}
add_filter( 'tootpress_toot_content_filter', 'tootpress_manipulate_content', 10, 1 );
</code></pre>
<p><strong>Filter: tootpress_date_filter</strong><br />
This filter overwrites the date output with custom format.<br />
You can use the following code.</p>
<pre><code>function tootpress_date_custom_format ( $date, $year, $month, $day, $hour, $minute, $second ) {

    // $date = 2023-05-30 22:40:28
    // $year = 2023
    // $month = 05
    // $day = 30
    // $hour = 22
    // $minute = 40
    // $second = 28

    // Add your filter code here
    // $date=$day.'.'.$month.'.'.$year.' '.$hour.':'.$minute.':'.$second;

    return $date;

}
add_filter( 'tootpress_date_filter', 'tootpress_date_custom_format', 10, 7 );
</code></pre>
<p><strong>Filter: tootpress_image_filter</strong><br />
This filter can be used to manipulate image tags.<br />
You can use the following code.</p>
<pre><code>function tootpress_image_manipulate ($img_tag,$filename,$description,$width,$height,$image_directory_path,$amount_of_images,$image_number) {

    // Amount of Images
    // ----------------
    // 1 = Single Image
    // >1 = Gallery + Size of Gallery

    // Image Number
    // ------------
    // This number indicates position within the gallery

    // Add your filter code here
    // $img_tag=str_replace('alt=','class="tootpress-image" alt=',$img_tag);

    return $img_tag;

}
add_filter( 'tootpress_image_filter', 'tootpress_image_manipulate', 1, 8 );
</code></pre>
<h4>Related Links</h4>
<ul>
<li><a href="https://github.com/circuscode/tootpress" rel="nofollow ugc">Source Code @ GitHub</a></li>
<li><a href="https://www.unmus.de/tootpress/" rel="nofollow ugc">Official Plugin Page</a> (German)</li>
</ul>


TootPress

TootPress copies your toots from Mastodon to WordPress.

Favorite Toots vs TootPress