Accordion Blocks vs PDF Embed Block – share documents right inside your posts

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 */

Embedding a PDF through the Gutenberg block editor is now a breeze, thanks to the PDF Embed Block plugin. Tackling the once daunting task of PDF integration is made seamless, allowing you to effortlessly embed your PDF files directly into the block editor, ensuring a smooth and consistent experience across all browsers. This plugin leverages the robust capabilities of the Adobe PDF Viewer API to bring you a powerful and user-friendly solution. Whether you’re a content creator, educator, or business professional, the PDF Embed Block plugin empowers you to enhance your WordPress posts and pages with rich, interactive PDF content. Say goodbye to the challenges of PDF integration and embrace the simplicity and efficiency of this plugin, making your web experience both dynamic and engaging. Live Demo | Try The Pro Free Features PDF Embed Block – Easily embed PDF files in posts and pages. Global Viewer Settings Profile – Configure site-wide default viewer settings (Download, Print, Fullscreen) from the dedicated Settings page. Viewer Toolbar Controls – Show or hide Download PDF, Print PDF, and Fullscreen Mode toggles. Responsive Width Control – Adjust the width of the PDF viewer. Height Control – Set the viewer height when using Sized Container mode. File Name Support – Automatically display or edit the PDF file name. Gutenberg Block Support – Fully compatible with the WordPress block editor. Shortcode Support – Use the embed via shortcode as well. Cross-Browser Compatibility – Works smoothly across modern browsers. Lightweight & Easy to Use – Simple interface and quick setup. Premium Features Multiple Document Viewer Blocks – Display PDF, Word, Excel, Google Docs, Slides and more with different viewer styles. Enhanced Layout Customization – Control padding, margin, border, and shadow. More Display Styles – Choose from multiple modern document viewer layouts. Better Presentation Options – Improve how documents appear inside your pages. Includes All Free Features – Everything available in the free version is included. How to use First, install the PDF Embed Block plugin Add the PDF Embed Block from the block category called “Widgets” in the Gutenberg editor. You can change block settings from the right-side settings sidebar. Enjoy! For installation help click on Installation Tab Source Code You can find the source code, report bugs, and contribute to the development of this plugin on our GitHub repository: PDF Embed Block on GitHub bpl-tools Source / GitHub: https://github.com/bPlugins/bpl-tools License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls. External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made Feedback Did you like this plugin? Dislike it? Do you have a feature request? Please share your feedback with us Check out the Parent Plugin of this plugin- bBlocks – A blocks collection and page building tool for Gutenberg. Check out our other WordPress Plugins- Html5 Video Player – Display videos as single and playlist in multiple skins. PDF Poster – Display/Embed PDF files with different styles. Html5 Audio Player – Listen audios with awesome visuals. Panorama – Displays panoramic images/videos easily on your WordPress site. 3D Viewer – Embed 3D models and 3D products with interaction. Advanced Post Block – Show posts and custom posts in different layouts.