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%
Video Gallery for YouTube – turn your channel into a stunning gallery
Turn your YouTube channel or playlists into a beautiful, customizable video gallery on your WordPress site – no coding required. Demos | Documentation Why Video Gallery for YouTube? Embedding videos one by one is slow, and single embeds don’t show off a channel. Video Gallery for YouTube lets you display your entire YouTube channel or playlist as a visually stunning gallery, seamlessly integrated with Gutenberg through an intuitive block interface. Choose from three layout types, configure the player, and control exactly which video information appears – title, views, likes, comments, and date. Combine different layouts to create an engaging multimedia experience that keeps your audience watching, and it all stays responsive on mobile and tablet devices. Free Features Channel or Playlist Source: Display YouTube channel or playlist videos anywhere on your site. Three Layout Types: Default, Grid Details, and Playlists. Video Sorting: Filter videos by order – Date, Title, or Rating. Videos Per Page: Set how many videos display at once, with a load more button. Grid Controls: Configure columns and adjust column and row gaps. Player Options: Customize player height and toggle player controls, post-playback channel suggestions, video logo, and fullscreen icon. Video Info Show/Hide: Toggle Title, Views, Likes, Comments, and Date per video. Title Controls: Define title text length, redirect by clicking the title, and customize title typography and color. Styling Options: Set cover image border radius and adjust video info size and color. Responsive Design: Galleries perform seamlessly on mobile and tablet devices. How to Use – Quick Start Install and activate the plugin. Open the page or post where you want to show the gallery. Click the + button in the Gutenberg editor and search for Video Gallery For YouTube. Select the block, set up your gallery, then customize the view from the right sidebar. Publish the page. Enjoy! For installation help, see the Installation tab. Use Cases YouTubers & content creators: Showcase your channel and grow watch time from your own site. Course creators & educational sites: Organize lesson videos in clean playlist layouts. Business & portfolio sites: Present product demos, testimonials, and media coverage. Marketers & influencers: Keep landing pages fresh with your latest video content. Liked this plugin? Hate it? Want a new feature? Send us your 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
