{"id":6222,"date":"2024-12-23T15:43:24","date_gmt":"2024-12-23T15:43:24","guid":{"rendered":"https:\/\/tableberg.com\/?p=6222"},"modified":"2025-03-03T10:29:13","modified_gmt":"2025-03-03T10:29:13","slug":"como-utilizar-el-bloque-de-lista-en-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-use-the-list-block-in-wordpress\/","title":{"rendered":"C\u00f3mo utilizar el bloque de lista en WordPress"},"content":{"rendered":"\n<p>List Block is another essential WordPress core block that lets you organize content and make the content easier to read and comprehend. <\/p>\n\n\n\n<p>It also summarizes the key points of a bigger content, helps you outline the steps, or presents a checklist. It can help you deliver your message more effectively. <\/p>\n\n\n\n<p>Today, in this tutorial, we will show you the tutorial on how to use the listed block in WordPress effectively. But before that, let&#8217;s learn some more about the list Block. <\/p>\n\n\n<div data-is_sticky=\"false\" data-sticky_toc_position=\"left\" data-hide_sticky_on_mobile=\"false\" data-sticky_button_icon='&lt;svg style=\"color:#000000;\" class=\"ub_sticky-toc-open-button-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"34px\" width=\"34px\" viewBox=\"0, 0, 448, 512\"&gt;&lt;path fill=\"currentColor\" d=\"M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z\"&gt;&lt;\/svg&gt;' data-sticky_button_color=\"#000000\" data-sticky_toc_width=\"320px\" style=\"max-width: -moz-fit-content; \" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents ub_table-of-contents-collapsed\" id=\"ub_table-of-contents-b2ac7b04-e01e-4446-93cc-1a2aeb47372e\" data-linktodivider=\"false\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" data-enablesmoothscroll=\"false\" data-initiallyhideonmobile=\"true\" data-initiallyshow=\"false\"><div class=\"ub_table-of-contents-header-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\">How to Use the List Block in WordPress?<\/div>\n\t\t\t\t<div class=\"ub_table-of-contents-header-toggle\">\n\t\t\t<div class=\"ub_table-of-contents-toggle\" style=\"\">\n\t\t\t\u00a0[<a class=\"ub_table-of-contents-toggle-link\" href=\"#\" style=\"\">show<\/a>]\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column ub-hide\">\n\t\t\t\t<ul style=\"\"><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-use-the-list-block-in-wordpress\/#0-what-is-the-list-block\" style=\"\">What is the List Block?<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-use-the-list-block-in-wordpress\/#1-what-are-the-benefits-of-the-list-block\" style=\"\">What are the Benefits of the List Block?<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-use-the-list-block-in-wordpress\/#2-how-to-use-the-list-block-in-wordpress\" style=\"\">How to Use the List Block in WordPress?<\/a><ul><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-use-the-list-block-in-wordpress\/#3-how-to-insert-the-list-block\" style=\"\">How to Insert the List Block<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-use-the-list-block-in-wordpress\/#4-get-familiar-with-the-list-block\" style=\"\">Get Familiar with the List Block<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-use-the-list-block-in-wordpress\/#5-list-block-settings\" style=\"\">List Block Settings<\/a><\/li><\/ul><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-use-the-list-block-in-wordpress\/#6-final-thoughts\" style=\"\">Final Thoughts!<\/a><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"0-what-is-the-list-block\">What is the List Block?<\/h2>\n\n\n\n<p><strong><a href=\"https:\/\/wordpress.org\/documentation\/article\/list-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">List Block<\/a><\/strong> is another content block that comes with WordPress core blocks. It lets users create ordered or unordered lists within posts or pages.<\/p>\n\n\n\n<p>This block is a part of the WordPress Gutenberg Block editor. It simplifies the process of organizing information into readable and structured formats. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-what-are-the-benefits-of-the-list-block\">What are the Benefits of the List Block?<\/h2>\n\n\n\n<p>It is a versatile block that offers various benefits for improving content structure and clarity. Below are some of the benefits.<\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-22834565-8672-43a0-92d4-0c16962a0d83\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-ea33fdbc-6a24-4b9a-910b-d671a516aa8a\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Enhanced Readability<\/strong>: Lists break up text-heavy content and present information in a scannable format.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-ec77a776-d7dc-413d-8459-a9085bdf9810\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Organization<\/strong>: Whether you&#8217;re creating numbered steps or bullet points, the List Block keeps your content neatly arranged.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-34f9dabd-76d7-4863-b96e-a30f8895bc48\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>SEO Benefits<\/strong>: Well-structured lists can improve user experience, potentially increasing time spent on your site and benefiting your SEO.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-1e2b09fd-ee97-4b05-9d55-c4993566a897\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Customizable<\/strong>: WordPress allows you to style your lists, making them align with your site&#8217;s design and tone.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n\n<p>Let&#8217;s see the guidelines for using the list block in WordPress. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Create Beautiful Tables <\/strong><br><strong>With Block Editor<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Try Free<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Get Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-how-to-use-the-list-block-in-wordpress\">How to Use the List Block in WordPress?<\/h2>\n\n\n\n<p>Since the tutorial is based on the core list block, we will guide you on how to use the WordPress core list block. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-how-to-insert-the-list-block\">How to Insert the List Block<\/h3>\n\n\n\n<p>Navigate&nbsp;<strong>Posts (1) &gt; All Posts (2)<\/strong>&nbsp;and&nbsp;<strong>edit<\/strong>&nbsp;<strong>the post or page<\/strong>&nbsp;<strong>(3)<\/strong>&nbsp;where you want to insert the list block. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"914\" height=\"458\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-4620\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39.png 914w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39-300x150.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39-768x385.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39-18x9.png 18w\" sizes=\"auto, (max-width: 914px) 100vw, 914px\" \/><\/figure>\n\n\n\n<p>Click the&nbsp;<strong>\u201c+<\/strong>\u201d&nbsp;icon&nbsp;<strong>(Add Block Icon)<\/strong>&nbsp;in the editor&nbsp;<strong>(1)<\/strong>&nbsp;and type \u201c<strong>List<\/strong>\u201d in the search box&nbsp;<strong>(2)<\/strong>. Click <strong>\u201cList\u201d&nbsp;<\/strong>to insert it into the editor<strong>(3)<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"899\" height=\"346\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_13-48-40-2.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6241\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_13-48-40-2.png 899w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_13-48-40-2-300x115.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_13-48-40-2-768x296.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_13-48-40-2-18x7.png 18w\" sizes=\"auto, (max-width: 899px) 100vw, 899px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-get-familiar-with-the-list-block\">Get Familiar with the List Block<\/h3>\n\n\n\n<p>You can see the following options when you select the parent List block. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Transform Button: <\/strong>It allows you to transform the list block into other blocks, such as paragraph, heading, quote, group, etc.<\/li>\n\n\n\n<li><strong>Unordered Option: <\/strong>This option lets you present data in bullet form.<\/li>\n\n\n\n<li><strong>Ordered List: <\/strong>It lets you create an ordered list with numbers.<\/li>\n\n\n\n<li><strong>Outdent:<\/strong> It lets you outdent your list block.<\/li>\n\n\n\n<li><strong>Options: <\/strong>It has more options for your block and block Editor.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"876\" height=\"358\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_13-59-51.png\" alt=\"How to use the list block in WordPress\n\" class=\"has-border-color has-main-accent-border-color wp-image-6243\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_13-59-51.png 876w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_13-59-51-300x123.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_13-59-51-768x314.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_13-59-51-18x7.png 18w\" sizes=\"auto, (max-width: 876px) 100vw, 876px\" \/><\/figure>\n\n\n\n<p>There are also options for every single item on the list. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Move UP\/Down:<\/strong> This option is extremely useful when you want any particular list to move up and down.<\/li>\n\n\n\n<li><strong>List Item Outdent<\/strong>: When you don&#8217;t want to add the list item to the subcategory, Outdent helps you make that happen.<\/li>\n\n\n\n<li><strong>List Item Indent:<\/strong> It helps you create a subcategory, nested, or multi-nested list. For that, you must select any particular list item and the 3rd option in the image. That&#8217;s how a multi-nested list will be created.<\/li>\n\n\n\n<li>This section lets you bold your list item, italicize your list item, add links, offer more options, etc. <\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"394\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_14-07-52.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6244\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_14-07-52.png 888w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_14-07-52-300x133.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_14-07-52-768x341.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_14-07-52-18x8.png 18w\" sizes=\"auto, (max-width: 888px) 100vw, 888px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-list-block-settings\">List Block Settings<\/h3>\n\n\n\n<p>List Block Settings has several features: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Styles<\/strong><\/li>\n\n\n\n<li><strong>Color<\/strong><\/li>\n\n\n\n<li><strong>Typography<\/strong><\/li>\n\n\n\n<li><strong>Dimensions<\/strong><\/li>\n\n\n\n<li><strong>Border<\/strong><\/li>\n<\/ol>\n\n\n\n<p>To access the block settings, navigate to <strong>Settings (1) &gt; Block (2) &gt; Styles (3)<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"802\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_20-54-35-2.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6250\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_20-54-35-2.png 884w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_20-54-35-2-300x272.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_20-54-35-2-768x697.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_20-54-35-2-13x12.png 13w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Styles:<\/strong> The Styles let you decide whether to add discs <strong>(Bullet)<\/strong> or leave them blank. You can also include or exclude discs for particular items on the list. <\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"896\" height=\"444\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_21-01-22.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6251\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p>2. <strong>Color:<\/strong> The Color option lets you add colors for your text and background of the list block. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"306\" height=\"164\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_21-06-15.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6252\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_21-06-15.png 306w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_21-06-15-300x161.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_21-06-15-18x10.png 18w\" sizes=\"auto, (max-width: 306px) 100vw, 306px\" \/><\/figure>\n\n\n\n<p>3. <strong>Typography:<\/strong> The typography lets you select fonts &amp; font size, appearance, line height, letter spacing, letter casing, and letter decoration.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"266\" height=\"444\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-11_12-53-52.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-5976\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-11_12-53-52.png 266w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-11_12-53-52-180x300.png 180w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-11_12-53-52-7x12.png 7w\" sizes=\"auto, (max-width: 266px) 100vw, 266px\" \/><\/figure>\n\n\n\n<p><strong>4. Dimensions:<\/strong> Dimensions allow you to adjust padding and margin for your text block. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"268\" height=\"296\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-11_12-55-47-1.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6257\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-11_12-55-47-1.png 268w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-11_12-55-47-1-11x12.png 11w\" sizes=\"auto, (max-width: 268px) 100vw, 268px\" \/><\/figure>\n\n\n\n<p><strong>5. Border:<\/strong> The Border option lets you add border and border radius for your text block.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"268\" height=\"185\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-11_12-55-47-2.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6258\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-11_12-55-47-2.png 268w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-11_12-55-47-2-18x12.png 18w\" sizes=\"auto, (max-width: 268px) 100vw, 268px\" \/><\/figure>\n\n\n\n<p>Below is the image of the list item. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"434\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_21-12-03-2.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6256\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_21-12-03-2.png 888w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_21-12-03-2-300x147.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_21-12-03-2-768x375.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-23_21-12-03-2-18x9.png 18w\" sizes=\"auto, (max-width: 888px) 100vw, 888px\" \/><\/figure>\n\n\n\n<p>So, this is how you can use the list blocks. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"6-final-thoughts\">Final Thoughts!<\/h2>\n\n\n\n<p>Utilizing all these functionalities, you can create beautiful lists and beautifully present your content. List items are perfect for presenting steps, tips, or key points. <\/p>\n\n\n\n<p>The list block lets you create clean and structured lists. Its amazing features and customization options ensure your lists look appealing.  <\/p>\n\n\n\n<p>Let me know your thoughts on this tutorial in the comment section below. Also, share this amazing tutorial with your friends through social media. <\/p>\n\n\n\n<p><strong>Read More!<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-be61f72e-7e9a-433b-a820-42b9b4197749\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 2; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-538e9f4f-c22e-46ca-97be-f89d41ee6170\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/how-to-use-the-verse-block-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Use the Verse Block in WordPress (4 Easy Steps)<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-4ca4660a-c090-440a-9344-914bf2c89ad2\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/how-to-use-the-paragraph-block-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Use The Paragraph Block in WordPress (2 Easy Steps)<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-979c3ad8-9ab9-4b14-a917-64498a968575\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/how-to-use-the-heading-block-in-wordpress-2-easy-steps\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Use the Heading Block in WordPress (2 Easy Steps) Tableberg<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-a496ee7c-bee5-446c-beee-bb9d18a428a9\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/how-to-use-the-wordpress-block-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Use the WordPress Block Editor (A Beginner&#8217;s Guide)<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-f3f3b5c7-b205-4862-8efc-9ee170106e11\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/how-to-add-image-background-to-a-table-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Add Image Background to A Table in WordPress (3 Easy Steps)<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-7984482b-c1e5-47e1-9bc6-8e42c46660cc\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/best-wordpress-price-list-table-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">7 Best WordPress Price List Table Plugins<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-837ce6fd-0870-4999-9f7b-9b1a385a6d08\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/ultimate-blocks-review\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ultimate Blocks Review: Features, Pros, Cons, &amp; More<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-76fefbad-8951-4b0f-b87a-d1122fab4418\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/how-to-add-a-review-box-to-wordpress-posts-pages\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Add A Review Box to WordPress Posts\/Pages in 2 Easy Ways<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-33132787-bd5c-4a50-9766-522a74df76f9\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/how-to-create-flip-boxes-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Create Flip Boxes in WordPress in 4 Easy Steps<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n<div class=\"wp-block-ub-social-share\" id=\"ub-social-share-3227e02f-b492-443a-a637-54129b2dd64b\">\n\t\t\t<div class=\"social-share-icons align-icons-center orientation-icons-row\"><a aria-label=\"facebook-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Ftableberg.com%2Fes%2Fhow-to-use-the-list-block-in-wordpress%2F&amp;title=How%20to%20Use%20the%20List%20Block%20in%20WordPress\" class=\"ub-social-share-facebook-container\" style=\"border-color: #1877f2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-facebook\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#1877f2\" fill=\"#1877f2\" width=\"20\" height=\"20\" viewbox=\"0 0 264 512\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"><\/path><\/svg><\/span><span style=\"\">share<\/span>\n\t\t\t<\/a><a aria-label=\"twitter-logo\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Fes%2Fhow-to-use-the-list-block-in-wordpress%2F&amp;text=How%20to%20Use%20the%20List%20Block%20in%20WordPress\" class=\"ub-social-share-twitter-container\" style=\"border-color: #1d9bf0; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-twitter\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color:#1d9BF0\" fill=\"#1d9BF0\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"><\/path><\/svg><\/span><span style=\"\">tweet<\/span>\n\t\t\t<\/a><a aria-label=\"linkedin-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Fes%2Fhow-to-use-the-list-block-in-wordpress%2F\" class=\"ub-social-share-linkedin-container\" style=\"border-color: #2867b2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-linkedin\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#2867b2\" fill=\"#2867b2\" width=\"20\" height=\"20\" viewbox=\"0 0 448 512\"><path d=\"M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\"><\/path><\/svg><\/span><span style=\"\">share<\/span>\n\t\t\t<\/a><\/div>\n\t\t<\/div>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>List Block is another essential WordPress core block that lets you organize content and make the content easier to read and comprehend. It also summarizes the key points of a bigger content, helps you outline the steps, or presents a checklist. It can help you deliver your message more effectively. Today, in this tutorial, we [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":6223,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-6222","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/How-to-Use-the-List-Block-in-WordPress-1140-x-450.png","author_info":{"display_name":"Ankur Raj Bongshi","author_link":"https:\/\/tableberg.com\/es\/author\/rajankur003\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/6222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=6222"}],"version-history":[{"count":14,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/6222\/revisions"}],"predecessor-version":[{"id":7863,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/6222\/revisions\/7863"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/6223"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=6222"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=6222"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=6222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}