Title: Lessons | Learn WordPress --- # Lessons Lessons can be taken as part of a course or whenever you want to learn deeply about a specific subject or concept. They come in a range of formats, including how-to videos, quizzes, text-based content, and other activities. Search ## Filter Filter বাংলা English Suomi Français Deutsch ગુજરાતી हिन्दी Italiano 日本語 Lietuvių kalba Oluganda Polski Português do Brasil Русский Српски језик Español de Argentina Español Tagalog ## Filter Filter Block Development Block Editor Community Team Contributing Core Diversity Extending WordPress Getting Started Gutenberg Plugin Development Publishing Site Editor Site Management Theme Development theme.json Training Team Using Plugins Using Themes Using WordPress WordPress ## Level Level All Advanced Beginner Intermediate * [⌊The finished project⌉⌊The finished project⌉[ * ## 󠀁[The finished project](https://learn.wordpress.org/lesson/the-finished-project/)󠁿 * Part of: [Introduction to Block Development: Build your first custom block](https://learn.wordpress.org/course/introduction-to-block-development-build-your-first-custom-block/) * Your project is now complete and you’ve learned a ton of important concepts related to block… * [⌊Conditionally display controls⌉⌊Conditionally display controls⌉[ * ## 󠀁[Conditionally display controls](https://learn.wordpress.org/lesson/conditionally-display-controls/)󠁿 * Part of: [Introduction to Block Development: Build your first custom block](https://learn.wordpress.org/course/introduction-to-block-development-build-your-first-custom-block/) * Tidy up the interface so that irrelevant controls don’t show up when they’re not needed. * [⌊Add configuration options for the Style Variations⌉⌊Add configuration options for the Style Variations⌉[ * ## 󠀁[Add configuration options for the Style Variations](https://learn.wordpress.org/lesson/add-configuration-options-for-the-style-variations/)󠁿 * Part of: [Introduction to Block Development: Build your first custom block](https://learn.wordpress.org/course/introduction-to-block-development-build-your-first-custom-block/) * Configuration options that will allow the user to style the appearance of the drop-cap. * [⌊Add Style Variations⌉⌊Add Style Variations⌉[ * ## 󠀁[Add Style Variations](https://learn.wordpress.org/lesson/add-style-variations/)󠁿 * Part of: [Introduction to Block Development: Build your first custom block](https://learn.wordpress.org/course/introduction-to-block-development-build-your-first-custom-block/) * Block styles enable the user to choose from a number of variations of the block. * [⌊Refining the project⌉⌊Refining the project⌉[ * ## 󠀁[Refining the project](https://learn.wordpress.org/lesson/refining-the-project/)󠁿 * Part of: [Introduction to Block Development: Build your first custom block](https://learn.wordpress.org/course/introduction-to-block-development-build-your-first-custom-block/) * Make some refinements to your code to ensure that you’re following best practices, * [⌊Work with the InnerBlocks component⌉⌊Work with the InnerBlocks component⌉[ * ## 󠀁[Work with the InnerBlocks component](https://learn.wordpress.org/lesson/work-with-the-innerblocks-component/)󠁿 * Part of: [Introduction to Block Development: Build your first custom block](https://learn.wordpress.org/course/introduction-to-block-development-build-your-first-custom-block/) * Using the InnerBlocks component to give users the option to add a variety of content. * [⌊Configuration options for the separator⌉⌊Configuration options for the separator⌉[ * ## 󠀁[Configuration options for the separator](https://learn.wordpress.org/lesson/configuration-options-for-the-separator/)󠁿 * Part of: [Introduction to Block Development: Build your first custom block](https://learn.wordpress.org/course/introduction-to-block-development-build-your-first-custom-block/) * You are going to add options for styling the column separator. * [⌊Add more configuration options⌉⌊Add more configuration options⌉[ * ## 󠀁[Add more configuration options](https://learn.wordpress.org/lesson/add-more-configuration-options/)󠁿 * Part of: [Introduction to Block Development: Build your first custom block](https://learn.wordpress.org/course/introduction-to-block-development-build-your-first-custom-block/) * Add more configuration options so the user can customize the block to their liking. * [⌊Create custom inspector panel controls⌉⌊Create custom inspector panel controls⌉[ * ## 󠀁[Create custom inspector panel controls](https://learn.wordpress.org/lesson/create-custom-inspector-panel-controls/)󠁿 * Part of: [Introduction to Block Development: Build your first custom block](https://learn.wordpress.org/course/introduction-to-block-development-build-your-first-custom-block/) * You will learn to start turning your block into a multi-columns block. * [⌊Define default settings in block.json⌉⌊Define default settings in block.json⌉[ * ## 󠀁[Define default settings in block.json](https://learn.wordpress.org/lesson/define-default-settings-in-block-json/)󠁿 * Part of: [Introduction to Block Development: Build your first custom block](https://learn.wordpress.org/course/introduction-to-block-development-build-your-first-custom-block/) * How to show the display as soon as the editor page is loaded. * [⌊Add ‘block supports’ controls⌉⌊Add ‘block supports’ controls⌉[ * ## 󠀁[Add ‘block supports’ controls](https://learn.wordpress.org/lesson/add-block-supports-controls/)󠁿 * Part of: [Introduction to Block Development: Build your first custom block](https://learn.wordpress.org/course/introduction-to-block-development-build-your-first-custom-block/) * How to allow the user to customise the look and feel of each block. * [⌊Make the block interactive⌉⌊Make the block interactive⌉[ * ## 󠀁[Make the block interactive](https://learn.wordpress.org/lesson/make-the-block-interactive/)󠁿 * Part of: [Introduction to Block Development: Build your first custom block](https://learn.wordpress.org/course/introduction-to-block-development-build-your-first-custom-block/) * Adding some interactivity to the block by making the static text editable by the user. [Previous](https://learn.wordpress.org/lessons/page/36/?output_format=md) [1](https://learn.wordpress.org/lessons/?output_format=md) … [35](https://learn.wordpress.org/lessons/page/35/?output_format=md) [36](https://learn.wordpress.org/lessons/page/36/?output_format=md) 37 [38](https://learn.wordpress.org/lessons/page/38/?output_format=md) [39](https://learn.wordpress.org/lessons/page/39/?output_format=md) … [49](https://learn.wordpress.org/lessons/page/49/?output_format=md) [Next](https://learn.wordpress.org/lessons/page/38/?output_format=md)