Saiy2k Nostr Components
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. Key Features Gutenberg Blocks: Modern block editor integration for Nostr Zap button, Post, Profile, Profile Badge, Follow Button, Like Button, and Livestream Shortcodes: Classic editor support with simple shortcode syntax Selective Loading: Enable only the components you need for optimal performance Customizable: Configure relays, themes, and component settings Security: Built-in security with custom element allowlist via KSES Performance: Conditional asset loading based on enabled components Available Components Nostr Zap button: Allows your readers to zap to your posts and pages Nostr Follow Button: Interactive follow/unfollow buttons for Nostr users Nostr Post: Display Nostr notes/posts with full content and metadata Nostr Profile: Show complete Nostr user profiles with bio, stats, and social links Nostr Profile Badge: Compact profile display perfect for sidebars and footers Nostr Like Button: Like URLs using Nostr reactions (NIP-25) Nostr Livestream: Display Nostr livestreams (NIP-53) with video playback and participant information How It Works Install and activate the plugin Go to Settings → Saiy2k Nostr Components to configure Enable only the components you need Add blocks in the Gutenberg editor or use shortcodes Configure relays and theme settings as needed Example Usage Gutenberg Blocks: Simply add the Nostr blocks from the block inserter and configure them in the block settings. Shortcodes: [nostr_zap_button pubkey=”npub1abc…” url=””] [nostr_post eventid=”note1abc…”] [nostr_profile pubkey=”npub1abc…”] [nostr_profile_badge pubkey=”npub1abc…”] [nostr_follow_button pubkey=”npub1abc…”] [nostr_like_button] [nostr_livestream naddr=”naddr1abc…”] Adding Like and Zap Buttons to All Posts/Pages To automatically add Like and Zap buttons to the end of every post and page: Go to Appearance → Theme Editor (or use a child theme for safer customization) Select your active theme (or child theme) Open functions.php Add the following code at the end of the file: // 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 .= ' ' . $shortcode_1 . ' ' . $shortcode_2 . ' '; } return $content; } add_filter('the_content', 'add_shortcode_to_content'); Important Notes: * Replace [YOUR-NPUB-GOES-HERE] with your actual Nostr public key (npub format) * Always use a child theme when modifying theme files to preserve changes during theme updates * The buttons will only appear on single post and page views, not on archive pages or the homepage Development This plugin is developed as part of the Nostr Components project. For development, bug reports, and feature requests, please visit the GitHub repository. Support For support, please visit the GitHub repository or create an issue. Privacy Policy 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.
Top keywords
- nostr30×5.35%
- button11×1.96%
- shortcode10×1.78%
- components9×1.60%
- add8×1.43%
- theme8×1.43%
- profile7×1.25%
- relays7×1.25%
- zap7×1.25%
- content6×1.07%
- post6×1.07%
- blocks5×0.89%
Bootstrap Blocks
Bootstrap Gutenberg Blocks for WordPress. This plugin adds Bootstrap components and layout options as Gutenberg blocks. Features Supports Bootstrap v5 and v4 Support for CSS grid (experimental) Fully customizable with filters Configuration via option page or programmatically with constants Block templates can be overwritten in your theme The full documentation of this plugin can be found on GitHub: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin#readme Available Blocks Container Options: Fluid: If enabled the container will use the full available width, spanning the entire width of the viewport. Fluid Breakpoint: Used to enable responsive containers. This feature only works with Bootstrap v4.4+. The container will use 100% of the width until the specified breakpoint is reached, after which the defined max-widths will apply for each of the higher breakpoints. Margin After: Define a margin which should be added after the container. Row Options: Template: Choose from a predefined template for the inner column blocks. No Gutters: Disable gutters between columns. Alignment: Horizontal alignment of inner column blocks. Vertical Alignment: Vertical alignment of inner column blocks. Editor stack columns: Displays stacked columns in the editor to enhance readability of block content. Horizontal Gutters: Size of horizontal gutters. Vertical Gutters: Size of vertical gutters. CSS Grid Gutters: Size of gutters when CSS grid is used. Column Options: Sizes for all breakpoints (xxl, xl, lg, md, sm, xs): How much space the column should use for the given breakpoint. Equal width for all breakpoints (xxl, xl, lg, md, sm, xs): If enabled column will spread width evenly with other columns. Background Color: Set background color to column. Content vertical alignment: Align content vertically in column. This option is only needed if a background color is set. Otherwise use the Alignment option of the outer row block. Padding: Define padding inside the column. Button Options: Style: Choose the styling of the button. Open in new tab: Choose if link should be opened in a new tab. Rel: Set rel attribute of the link. Alignment: Horizontal alignment of the button. Supported Bootstrap versions This plugin supports Bootstrap v4 and v5. The version can be selected in the plugin settings (Settings > Bootstrap Blocks) or by defining the WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION constant in the wp-config.php file: Bootstrap 4: define( 'WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION', '4' ); Bootstrap 5 (default): define( 'WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION', '5' ); Possible values right now are '4' or '5'. By default Bootstrap version 5 is selected. CSS Grid The CSS grid (supported with Bootstrap >= 5.1.0) can be enabled in the plugin settings (Settings > Bootstrap Blocks) or by defining the WP_BOOTSTRAP_BLOCKS_ENABLE_CSS_GRID constant in the wp-config.php file: eg. define( 'WP_BOOTSTRAP_BLOCKS_ENABLE_CSS_GRID', true ); When the CSS grid is enabled the row and the column blocks will use custom templates for the rendering process: Row: row-css.grid.php Column: column-css-grid.php The support is still experimental since it’s also marked as experimental in the Bootstarp library. Please read the official Bootstrap documentation to get more information on how to use it. Bootstrap library Please be aware that this plugin does not include the Bootstrap library in your website. You need to do this by yourself. We decided not to include the library so that you can modify Bootstrap to your own needs before loading it. You’ll find an example how to include it in your theme’s functions.php in the documentation. Templates All blocks are implemented as dynamic blocks. This makes it possible to overwrite the template of a block in your theme. To overwrite a block template create a folder called wp-bootstrap-blocks/ in your theme directory. You can copy the original template from wp-bootstrap-blocks/src/templates/ .php as a starting point and adjust it to your needs. Requirements WordPress >= 5.0 PHP >= 5.6 Further Information Documentation: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin#readme WordPress Plugin: https://wordpress.org/plugins/wp-bootstrap-blocks GitHub Repository: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin Changelog: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin/releases Issue tracker: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin/issues