Nasio Blocks

توسط Nasio Themes

Custom Gutenberg Blocks for the WordPress Block editor. Easy to use, lightweight and super useful. Post slider, Content slider, Gallery slider, Tabs, Accordeon, Chart, Icon and Countdown blocks. Features a template library with predefined demo content (block patterns) to speed up the page creation process. No unnecessary code to slow you down – you can choose which blocks to activate for maximum performance.

Features

Post Slider Block

Display your latest posts in a beautiful responsive slider using Swiper.js – lightweight and fully responsive vanilla JS slider with RTL support.

Choose between Fullwidth Slider (single column) or Carousel (multi-column slider) display mode
Fully customizable settings for number of posts, category filtering and flexible display options
Responsive design that works on all devices
Support for featured images, excerpts, post metadata and more

Content Slider Block

Create beautiful responsive sliders using the WordPress Cover block and Swiper.js.

Choose between Fullwidth Slider or Carousel (multi-column slider) display mode
Fully customizable settings for slider behavior
Ability to add, delete and edit slides through the familiar Block Editor interface
Responsive design that works on all devices

Gallery Slider Block

Display galleries in beautiful multi-column carousels.

Fully customizable settings for slider behavior
Ability to add a gallery using the familiar Block Editor interface
Ability to set custom image sizes
Responsive design that works on all devices

Icon Block

Display svg icons from the WordPress Icons Library or upload custom svg icons. Allow users to add beautiful and scalable svg icons on their website without excessive font libraries – only the specified icons are loaded on the frontend.

Different font size, color and background color
Different spacing options
Option to add custom svg icons

Accordeon Block

Display FAQ-style section in the form of expandable/collabsible dropdowns.

Show a default Open Item
Change header background and text color

Tabs Block

Create organized content sections with tabbed navigation.

Customizable tab colors and styling
Set default active tab
Responsive design that stacks tabs vertically on mobile
Easy content management through the Block Editor interface

Chart Block

Display data in beautiful, interactive charts using Chart.js.

Support for multiple chart types: Pie, Doughnut, Bar, and Line charts
Fully customizable colors for chart segments and datasets
Interactive legends with customizable positioning
Data labels with custom units and threshold controls
Multiple datasets support

Countdown Block

Create engaging countdown timers to build anticipation for sales, events, or product launches.

Set custom target date and time for your countdown
Customizable time unit labels (Days, Hours, Minutes, Seconds)
Multiple display styles: Default (stacked) and Inline layout options
Multiple style options for countdown units
Unit delimiter options (e.g., “:”, “-“, ” | “) between time units

Template Library

List of Block patterns (ready to use demo content) created with the Block Editor.

Take the easy route and install through the WordPress plugin installer or download the .zip file and upload the unzipped folder to the /wp-content/plugins/ directory
Activate the plugin through the ‘Plugins’ menu in WordPress
Add the blocks to your posts or pages using the WordPress Block Editor

سوالات متداول

How do I add a Post Slider to my page?

Simply edit a page or post with the Block Editor, click the “+” button to add a new block, and search for “Post Slider”. Add the block and customize its settings in the sidebar.

Can I customize how many posts appear in the post slider?

Yes, you can set the number of posts to display, filter by category, and adjust how many slides appear at once on different screen sizes.

Can I show custom post types using the post slider, e.g. projects, courses, movies, etc.?

Yes, this is possible in the pro version of the plugin.

Can I customize the height and the overlay ratio of the content slider?

Yes, you can control these settings per slide. Select a cover block from the content slider, click on Styles tab and adjust accordingly.

Do the sliders work on mobile devices?

Yes, the sliders are fully responsive and will automatically adjust the number of visible slides based on the screen size.

I don’t have time and patience to create content from scratch. Are there templates with demo content that I can use to speed things up?

Yes, the plugin registers block patterns that can easily be imported to your posts and pages. Simply go to the Block Editor, click on “Template Library” in the top left-hand side of the screen and insert the pattern of choice. We will be adding more patterns in the future.

I need only the icon and the accordeon block. I don’t want a slider. Can I switch on or off blocks that I don’t plan to use?

Yes, in the plugin settings page, you can choose which blocks to enable for maximum performance.

Where is the plugin documentation?

Here is the official plugin documentation.