saiy2k

<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/jCaPlEWjeaI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p>Nostr Components brings the power of Nostr (Notes and Other Stuff Transmitted by Relays) to your WordPress site through modern web components. This plugin provides Gutenberg blocks and shortcodes that allow you to seamlessly integrate Nostr content into your posts and pages.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Gutenberg Blocks</strong>: Modern block editor integration for Nostr Zap button, Post, Profile, Profile Badge, Follow Button, Like Button, and Livestream</li>
<li><strong>Shortcodes</strong>: Classic editor support with simple shortcode syntax</li>
<li><strong>Selective Loading</strong>: Enable only the components you need for optimal performance</li>
<li><strong>Customizable</strong>: Configure relays, themes, and component settings</li>
<li><strong>Security</strong>: Built-in security with custom element allowlist via KSES</li>
<li><strong>Performance</strong>: Conditional asset loading based on enabled components</li>
</ul>
<h4>Available Components</h4>
<ul>
<li><strong>Nostr Zap button</strong>: Allows your readers to zap to your posts and pages</li>
<li><strong>Nostr Follow Button</strong>: Interactive follow/unfollow buttons for Nostr users</li>
<li><strong>Nostr Post</strong>: Display Nostr notes/posts with full content and metadata</li>
<li><strong>Nostr Profile</strong>: Show complete Nostr user profiles with bio, stats, and social links</li>
<li><strong>Nostr Profile Badge</strong>: Compact profile display perfect for sidebars and footers</li>
<li><strong>Nostr Like Button</strong>: Like URLs using Nostr reactions (NIP-25)</li>
<li><strong>Nostr Livestream</strong>: Display Nostr livestreams (NIP-53) with video playback and participant information</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Install and activate the plugin</li>
<li>Go to Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Saiy2k Nostr Components to configure</li>
<li>Enable only the components you need</li>
<li>Add blocks in the Gutenberg editor or use shortcodes</li>
<li>Configure relays and theme settings as needed</li>
</ol>
<h4>Example Usage</h4>
<p><strong>Gutenberg Blocks:</strong><br />
Simply add the Nostr blocks from the block inserter and configure them in the block settings.</p>
<p><strong>Shortcodes:</strong><br />
    [nostr_zap_button pubkey=”npub1abc…” url=””]<br />
    [nostr_post eventid=”note1abc…”]<br />
    [nostr_profile pubkey=”npub1abc…”]<br />
    [nostr_profile_badge pubkey=”npub1abc…”]<br />
    [nostr_follow_button pubkey=”npub1abc…”]<br />
    [nostr_like_button]<br />
    [nostr_livestream naddr=”naddr1abc…”]</p>
<h4>Adding Like and Zap Buttons to All Posts/Pages</h4>
<p>To automatically add Like and Zap buttons to the end of every post and page:</p>
<ol>
<li>Go to <strong>Appearance <span aria-hidden="true" class="wp-exclude-emoji">→</span> Theme Editor</strong> (or use a child theme for safer customization)</li>
<li>Select your active theme (or child theme)</li>
<li>Open <code>functions.php</code></li>
<li>
<p>Add the following code at the end of the file:</p>
<pre><code>// Add shortcode to the end of every post and page
function add_shortcode_to_content($content) {
    // Only add in single posts and pages (not homepage or archives)
    if (is_singular(['post', 'page']) && in_the_loop() && is_main_query()) {
        $shortcode_1 = do_shortcode('[nostr_like_button]');
        $current_url = esc_url(get_permalink());
        $shortcode_2 = do_shortcode('[nostr_zap_button npub="[YOUR-NPUB-GOES-HERE]" url="' . $current_url . '"]');

        $content .= '<div class="nostr-shortcode-wrapper">' . $shortcode_1 . '<br/><br/>' . $shortcode_2 . '</div>';
    }
    return $content;
}
add_filter('the_content', 'add_shortcode_to_content');
</code></pre>
</li>
</ol>
<p><strong>Important Notes:</strong><br />
* Replace <code>[YOUR-NPUB-GOES-HERE]</code> with your actual Nostr public key (npub format)<br />
* Always use a child theme when modifying theme files to preserve changes during theme updates<br />
* The buttons will only appear on single post and page views, not on archive pages or the homepage</p>
<h3>Development</h3>
<p>This plugin is developed as part of the Nostr Components project. For development, bug reports, and feature requests, please visit the <a href="https://github.com/saiy2k/nostr-components" rel="nofollow ugc">GitHub repository</a>.</p>
<h3>Support</h3>
<p>For support, please visit the <a href="https://github.com/saiy2k/nostr-components" rel="nofollow ugc">GitHub repository</a> or create an issue.</p>
<h3>Privacy Policy</h3>
<p>This plugin does not collect, store, or transmit any personal data. All Nostr data is fetched directly from public relays and displayed locally on your site. If components fetch data client‑side, visitors’ browsers may directly connect to configured relays (exposing their IP and user agent to those relays). Configure trusted relays accordingly.</p>


Saiy2k Nostr Components

Gutenberg blocks and shortcodes for Nostr web components. Display Nostr zap buttons, follow buttons, posts, profiles.

joelmelon

<p>Share your WordPress Posts to Nostr with Postr For Nostr 🫂</p>
<h3>Features</h3>
<ul>
<li>This plugin <strong>works only with NIP-07 browser extensions</strong>. No need to save your private key in WordPress.</li>
<li>Add your taxonomy terms to the note as tag type <code>t</code>.</li>
<li>Manage relays before postring.</li>
</ul>
<h3>Demo</h3>
<p>A demo WordPress installation with Postr For Nostr is available <a href="https://postr-for-nostr.joelstuedle.ch/" rel="nofollow ugc">here</a>.</p>
<h3>Usage</h3>
<p>Logged in users will find a <code>Post to Nostr</code> button in the admin column actions (where the <code>Quick Edit</code> action is located).</p>
<p>If you want to provide Postr For Nostr to your visitors, simply place a button somewhere in your template. Make sure to add the <code>postr-for-nostr</code> class, <code>data-post-id</code> and <code>data-post-type</code> attribute as shown below.<br />
    <code><button type="button" class="postr-for-nostr" data-post-id="[ID]" data-post-type="[POST_TYPE]">Share</button></code></p>
<h3>Filters</h3>
<p><strong>Post Type Filter</strong></p>
<p>Per default <code>post</code>, <code>page</code> and all registered custom post types will be allowed to be nostr postred. The allowed post types are filterable with a filter hook:<br />
    <code>add_filter( 'postr_for_nostr_post_types', function( $post_types ) {<br />
    // unset('post_type');<br />
    return $post_types;<br />
}, 10, 1 );</code></p>
<h3>Vendors</h3>
<ul>
<li>nbd-wtf/nostr-tools: https://github.com/nbd-wtf/nostr-tools</li>
</ul>
<h3>License</h3>
<p>Use this code freely, widely and for free. Provision of this code provides and implies no guarantee.<br />
Please respect the GPL v3 licence, which is available via http://www.gnu.org/licenses/gpl-3.0.html</p>


Postr For Nostr

Share your WordPress Posts to Nostr with Postr For Nostr 🫂

Saiy2k Nostr Components vs Postr For Nostr