Syntax-highlighting Code Block (with Server-side Rendering) vs Slider Block by Sliderberg – Slider & Carousel Plugin for Block Editor

View Demo Sliderberg is a powerful and user-friendly slider and carousel block for WordPress that allows you to create beautiful, responsive slideshows and carousels with ease. Built with modern web technologies, it provides a seamless editing experience in the WordPress block editor. Perfect for showcasing your content in an engaging and interactive way, Sliderberg helps you create stunning visual presentations that capture your audience’s attention. Whether you’re building a portfolio, product showcase, image carousel, or feature highlights, Sliderberg provides the tools you need to create professional-looking slideshows and carousels. 🎉 NEW: Carousel Mode with Responsive Settings! Display multiple slides at once with customizable responsive breakpoints for desktop, tablet, and mobile devices. ** Built by the creators of Ultimate Blocks (50,000+ installs)** Use Cases Image Carousel: Display multiple images at once with smooth scrolling and responsive layouts Product Carousel: Show multiple products side-by-side with customizable spacing Logo Carousel: Create partner or client logo carousels that adapt to screen sizes Text Slider: Rotate quotes, taglines, or any text-based content in a minimal and elegant format Portfolio Showcase: Display your work or projects with smooth transitions and professional navigation Product Galleries: Showcase product images with zoom effects and touch-friendly controls Feature Highlights: Present key features or services with engaging transitions Testimonial Carousel: Share customer testimonials in an elegant carousel display Event Highlights: Showcase event photos or upcoming events with beautiful transitions Team Member Carousel: Present team members in a responsive carousel format Blog Post Carousel: Feature multiple blog posts in a scrollable carousel Promotional Banners: Create attention-grabbing promotional displays Why Choose Sliderberg? Sliderberg stands out as the ultimate Slider Block plugin for WordPress Gutenberg Editor, crafted for performance, simplicity, and versatility. Here’s why it’s the perfect choice for your website: Lightweight & Lightning-Fast Performance: Built with performance in mind, Sliderberg ensures your website remains incredibly fast. No bloated code, just smooth, efficient sliders that won’t slow down your page load times, enhancing user experience and SEO. Seamless Gutenberg Integration: Experience true block-based slider creation directly within the native WordPress Block Editor. Sliderberg integrates flawlessly, making it intuitive and easy for anyone to build stunning sliders without touching a line of code. Slide Anything You Can Imagine: Go beyond just images! With Sliderberg, you can add any Gutenberg block inside your slides. This means you can create sliders featuring text, buttons, videos, testimonials, products, and more – the possibilities are endless! Fully Responsive on All Devices: Your sliders will look perfect on every screen size. Sliderberg is engineered to be 100% responsive, automatically adapting to desktops, tablets, and mobile phones, ensuring a consistent and beautiful user experience everywhere. Copy-Paste Patterns Library: Get a head start with our growing library of pre-designed slider patterns. Easily copy and paste professional layouts directly into your content, saving you time and inspiring your creativity. Core Features Carousel Mode: Display multiple slides at once with responsive settings Beautiful Transition Effects: Choose from Slide, Fade, or Zoom transitions Responsive Design: Works perfectly on all devices with customizable breakpoints Touch & Swipe Enabled: Natural gestures for mobile and tablet users Flexible Navigation Options: Arrows (split, top, bottom) and dots with full customization Autoplay Support: Set custom speed and pause on hover Keyboard Navigation: Use arrow keys to navigate through slides Accessibility First: Built with ARIA labels and keyboard support Block Editor Native: Seamless integration with WordPress Gutenberg Infinite Loop: Keep your content cycling continuously Custom Styling: Control colors, opacity, positioning, and more Privacy Policy Sliderberg does not collect any personal data.

This plugin extends the Code block in WordPress core to add syntax highlighting which is rendered on the server. Pre-existing Code blocks on a site are automatically extended to include syntax highlighting. Doing server-side syntax highlighting eliminates the need to enqueue any JavaScript on the frontend (e.g. Highlight.js or Prism.js) and this ensures there is no flash of unhighlighted code (FOUC?). Reducing script on the frontend improves frontend performance, and it also allows for the syntax highlighted code to appear properly in AMP pages as rendered by the official AMP plugin (see also ampproject/amp-wp#972) or when JavaScript is turned off in the browser. This extended Code block uses language auto-detection to add syntax highlighting, but you can override the language in the block’s settings sidebar. (There is currently no syntax highlighting of the Code block in the editor, but see #8.) The plugin supports all programming languages that highlight.php supports (being a port of highlight.js). The Code block also is extended to support specifying lines to highlight which get marked up with mark elements (including in RSS feeds). There is also a checkbox for whether to show line numbers on the frontend (with the numbers being non-selectable). Lastly, given inconsistencies across themes regarding whether lines in a Code block should be wrapped, this plugin adds styling to force them to no-wrap by default, with a checkbox to opt in to wrapping when desired. For advanced usage, please see the plugin wiki. This plugin is developed on GitHub. See list of current issues with the plugin. Please feel free to file any additional issues or requests that you may come across. Pull requests are welcome. See contributing information. Credits This is a fork of Code Syntax Block by Marcus Kazmierczak (mkaz), which is also available on WordPress.org. Copyright (c) 2018 Marcus Kazmierczak. Licensed under GPL 2.0 or later. highlight.php is released under the BSD 3-Clause License. Copyright © 2006-2013, Ivan Sagalaev ([email protected]), highlight.js (original author). Copyright © 2013, Geert Bergman ([email protected]), highlight.php