Accordion Blocks
Accordion Blocks is a simple plugin that adds a Gutenberg block for adding accordion drop-downs to your pages. The accordions should blend seamlessly with your theme. However, you may want to add custom styles to your theme. Features Adds a Gutenberg block for adding accordions to your site. Supports multiple accordions with individual settings for each accordion item. Fully responsive. Support for item IDs and direct links. Supports nesting accordions. Accessible (for users requiring tabbed keyboard navigation control). Optional Features Open individual accordion items by default. Disable auto closing of accordion items. Manually close items by clicking the title again. Scroll page to title when it’s clicked open (including setting a scroll offset position). Set the HTML heading tag for the title element (h1–h6, button). Set defaults to be applied to all new accordion items or reset a specific accordion item to the defaults. Supports adding custom block styles using wp.blocks.registerBlockStyle. Output The plugin will ultimately output following HTML (simplified for this example): Title with H2 tag Content Custom CSS You can use the following CSS classes to customize the look of the accordion. .c-accordion__item {} /* The accordion item container */ .c-accordion__item.is-open {} /* is-open is added to open accordion items */ .c-accordion__item.is-read {} /* is-read is added to accordion items that have been opened at least once */ .c-accordion__title {} /* An accordion item title */ .c-accordion__title--button {} /* An accordion item title that is using a ` ` tag */ .c-accordion__title:hover {} /* To modify the style when hovering over an accordion item title */ .c-accordion__title:focus {} /* To modify the style when an accordion item title currently has broswer focus */ .c-accordion__content {} /* An accordion item content container */
Top keywords
- accordion16×5.84%
- item12×4.38%
- title11×4.01%
- accordion item8×2.92%
- c-accordion8×2.92%
- items6×2.19%
- accordion items5×1.82%
- accordion item title4×1.46%
- accordions4×1.46%
- item title4×1.46%
- adding3×1.09%
- block3×1.09%
Player for SoundCloud – share your music without leaving your site
Share your SoundCloud tracks and playlists right on your website – paste a URL and get a fully customizable player in seconds. Demos Why Player for SoundCloud? Player for SoundCloud lets you easily embed SoundCloud audio tracks, playlists, and profiles directly into your website’s content. Showcase your own audio creations or share your favorite tracks with your audience – without sending visitors away from your site. The plugin is a Gutenberg block: add it to any post or page, paste the URL of the SoundCloud track, playlist, or profile you want to embed, and the plugin does the rest. Customize the player’s appearance with settings for color, artwork display, visible elements, and more. It’s designed to be user-friendly even for those with limited technical knowledge – no code, no extra software. And the player is fully responsive, so your embedded audio looks great and works perfectly on every device and screen size. Free Features Tracks & Playlists: Play a SoundCloud single track as well as full playlists. Player Options: Change SoundCloud options such as AutoPlay, Single Active, Visual Design, Teaser, and more. Show/Hide Elements: Toggle the buy button, download button, comments, artwork, play count, user, and sharing buttons. Style Customization: Customize the player with color, border, border radius, and shadow options. Shortcode Support: Place players anywhere on your site using shortcodes. Fully Responsive: Looks great on desktop, tablet, and mobile. How to Use Install and activate the Player for SoundCloud plugin. In the Gutenberg editor, add the SoundCloud Block from the “Widgets” block category. Paste the URL of the SoundCloud track, playlist, or profile you want to embed. Customize the player from the right-side settings sidebar. Publish – your SoundCloud player is live! Use Cases Musicians & Producers: Showcase your latest tracks and albums on your own site. Podcasters: Embed episodes hosted on SoundCloud into posts and pages. Music Bloggers: Share favorite tracks and playlists with your readers. Labels & Studios: Present artist profiles and releases in a branded player. Liked this plugin? Want a new feature? Send us some feedback. ⭐ Check out the Parent Plugin of this plugin- 🔥 b Blocks – Best gutenberg blocks collections for WordPress. ⭐ Check out our other WordPress Plugins- 🔥 Html5 Audio Player – Best audio player plugin for WordPress. 🔥 Html5 Video Player – Best video player plugin for WordPress. 🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress. 🔥 StreamCast – A fully-featured Radio Player Plugin for WordPress. 🔥 3D Viewer – Display interactive 3D models on the webs.
Top keywords
