Develop Your Own Slider Bock | WordPress Block Development Tutorial
Автор: WPCookie
Загружено: 2024-03-29
Просмотров: 563
This video tutorial will guide you through the process of creating a custom image slider block for WordPress using the Swiffy Slider library.
The slider block allows you to:
Add titles to each image
Choose the image quality
Transform the slider into a carousel
Select light or dark themes
Adjust the slider's height
Enable autoplay and pause on hover
And more!
Throughout the video, we'll break down the development process into several steps, including:
🎬️Chapters
00:00 - Introduction
04:00 - Pre-requisites
04:28 - Setting up the development environment
06:12 - Update block.json file
08:58 - Implementing image selection and editing functionalities
10:23 - Adding alignment options and a toolbar
17:16 - Creating control panels for various settings
18:18 - Add toggle, dropdown, navigation, select control components in settings pannel
31:44 - Integrating the Swiffy Slider library
34:19 - Render Slider on the front-end by using PHP code in the render.php file
40:45 - Building and packaging the plugin
I'll also provide links to additional resources and the code used in the video for further customization.
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
