OpenDNA

aleahey

Display your Mastodon posts on a WordPress page. Simply add the [shortcode-mastodon-feeds] shortcode to any WordPress page where you want to display your Mastodon posts.

Shortcode Mastodon Feeds

Display your Mastodon posts on a WordPress page.

Stefan Bohacek

This plugin lets you optimize and customize embedded posts from fediverse platform that support this feature.
Please visit the GitHub repo for instructions on <a href="https://github.com/stefanbohacek/fediverse-embeds-wordpress-plugin#supported-platforms" rel="nofollow ugc">how to embed posts</a> and for <a href="https://github.com/stefanbohacek/fediverse-embeds-wordpress-plugin#faq" rel="nofollow ugc">general FAQ and troubleshooting tips</a>.
<a href="https://stefanbohacek.com/project/wordpress-plugin-for-fediverse-embeds/" rel="nofollow ugc">Learn more</a> | <a href="https://github.com/stefanbohacek/fediverse-embeds-wordpress-plugin" rel="nofollow ugc">View source</a>
<h3>Privacy notice</h3>
When embedding a post from a fediverse server, the content of the post needs to be fetched from that server, which is then stored in your site’s database. Based on the way you configure the plugin, additional requests will be made periodically to refresh the cached data.
When making requests to a third party server in general, the server will receive and may record the IP address of the server hosting your website. Please consult the privacy details and terms of use of each server you are embedding content from. (Example for mastodon.social: <a href="https://mastodon.social/privacy-policy" rel="nofollow ugc">About Mastodon</a>, <a href="https://mastodon.social/privacy-policy" rel="nofollow ugc">Privacy policy</a>)
<h3>Development</h3>
The complete source code for this plugin, including unminified JavaScript and SCSS files, is publicly available on GitHub:
https://github.com/stefanbohacek/fediverse-embeds-wordpress-plugin
To build the plugin from source you will need Node.js (v18+) and npm. Run the following commands from the plugin root:
<ol>
<li>npm install</li>
<li>npm run dev</li>
</ol>
The build process uses Gulp with Browserify and Babel to bundle and minify the JavaScript files located in the src directory, and compiles SCSS to CSS. The compiled output is placed in the dist directory.

Shortcode Mastodon Feeds vs Fediverse Embeds