Gutenberg Slider plugin documentation

Requirements

WordPress : Version 5.9 or higher
PHP : Version 7.0 or higher

Installation

To install the plugin, please refer to the “Installing a plugin” documentation.

Example

Free content

Slide 1

Slide 2

Slide 3

Slide 4

From posts (Query)

The 5 best tools for testing and debugging your Webhooks

1 December 2024
REST API vs. SOAP: Differences, advantages and best practices

1 December 2024
How to remove the Help tab from the top of the administrator dashboard

24 November 2024
Creating a layout template with Gutenberg

24 October 2024
Webhook: When Internet becomes the messenger

30 September 2024
HTTPS: A secure version of HTTP using SSL/TLS to encrypt data

1 September 2024
HTTP: The protocol used to transfer hypertext documents over the web.

1 September 2024
Introduction to CSS : Style your website

1 September 2024
HTML: The standard markup language used to create web pages

1 September 2024
HTTP statuses: the art of web communication

1 September 2024

Block parameters

Number of slides to display
Looping slider
Autoplay
Autoplay speed
Center first slide
Show pagination (dots)
Show navigation (prev, next)
Responsive: to modify the following parameters according to screen size:
- Number of slides to display
- Show pagination (dots)
- Show navigation (prev, next)

Query

When creating a slider from posts, a query block is added to manage query parameters (content type, sorting, filters). This block contains the publication template block, enabling you to adjust the content of the slides.

The rendering in the back-office does not reflect the rendering on the site.

Publication type
Elements per page – Number of slides
Offset in query
Order
- Order by – To order by meta value or randomly, see “Customization” section
- Order (ASC or DESC)
Filters – Depending on the type of publication selected, allows filtering by associated taxonomy – if no taxonomy, the parameter is not displayed.

Personalization

Breakpoints

By default, the plugin adds the following breakpoints:

PHP

return [
	["size"=>991,"prefix"=>'md'],
	["size"=>767,"prefix"=>'sm'],
];

Add a breakpoint

PHP

add_filter("habefast_gutenberg_slider_get_breakpoints",function($array){
	return array_merge([
 		["size"=>600,"prefix"=>"md"],
	],$array);
},11);

Edit a breakpoint

PHP

//As the prefix is already in use, its value will be replaced by
add_filter("habefast_gutenberg_slider_get_breakpoints",function($array){
	return array_merge([
 		["size"=>600,"prefix"=>"md"],
 	],$array);
 },11);

Delete a breakpoint

PHP

add_filter("habefast_gutenberg_slider_get_breakpoints",function($array){
	unset($array[1]);
	return $array;
},11);

Texts

Previous and next buttons

PHP

add_filter("habefast_gutenberg_slider_global_options",function($array){
	return [
		"navText"=>["Prev","Next"],
	];
},11);

Sorting for sliders from posts

Ordonner par meta value

By default, the WordPress Rest API doesn’t support requests using meta values. To enable them, copy the following code into your theme’s functions.php file:

PHP

if(class_exists("HabefastGutenbergSliderRegister")){
	HabefastGutenbergSliderRegister::allowMetaValueForPostTypeOrder("page");
}

The function allows meta values for pages, but “page” must be replaced by “post” or a CPT slug for other types of content.

Random order

This functionality is not activated by default in the Worpress API Rest. Copy the following code into your theme’s functions.php file to activate it:

PHP

if(class_exists("HabefastGutenbergSliderRegister")){
	HabefastGutenbergSliderRegister::allowRandomForPostTypeOrder("page");
}

For other types of content, replace “page” with “post” or a CPT slug.