{"id":4545,"date":"2021-08-04T07:03:38","date_gmt":"2021-08-03T22:03:38","guid":{"rendered":"https:\/\/hanami-web.tokyo.jp\/blog\/?p=4545"},"modified":"2022-07-28T09:26:08","modified_gmt":"2022-07-28T00:26:08","slug":"pricing-plugin","status":"publish","type":"post","link":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/pricing-plugin\/","title":{"rendered":"Brizy is a page builder plugin that lets you display stylish pricing tables on WordPress!"},"content":{"rendered":"<p>You can design a stylish pricing table by using Brizy, a page builder plugin that allows you to create a WordPress site with no coding!<\/p>\n\n\n\n<p><span style=\"background-color:#fcb900\" class=\"tadv-background-color\"><strong>Brizy is a page builder that allows you to build a WordPress site without coding, just like Elementor. The difference between Brizy and Elementor and Divi is the variety of design templates. Even if you&#039;re not a designer, you can use the design templates to build a stylish site!<\/strong><\/span><\/p>\n\n\n<div class=\"sc af\"><a rel=\"sponsored\" href=\"https:\/\/www.awin1.com\/awclick.php?gid=428374&mid=26663&awinaffid=2558511&linkid=4022446&clickref=\" target=\"_blank\">\r\n\t<p class=\"sc-txt02\">Brizy official website \u2192<\/p>\r\n<\/a><\/div>\r\n<div class=\"sc\"><a href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/nocode-brizy\/\" title=\"Brizy Plugin Explanation Index\">\r\n\t<p class=\"sc-txt01\">Our website is designed using the Brizy plugin.<\/p>\r\n\t<p class=\"sc-txt01\">How to create a no-code WordPress website<\/p>\r\n\t<p class=\"sc-txt02\">Brizy Explanation Index \u2192<\/p>\r\n<\/a><\/div><br>\r\n\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">table of contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #000000;color:#000000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #000000;color:#000000\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/pricing-plugin\/#%e6%96%99%e9%87%91%e7%94%a8%e3%83%9a%e3%83%bc%e3%82%b8%e6%a7%8b%e7%af%89%e5%85%a8%e4%bd%93%e3%81%ae%e6%b5%81%e3%82%8c\" >Overall process for building a pricing page<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/pricing-plugin\/#brizy%e3%83%93%e3%83%ab%e3%83%80%e3%83%bc%e8%b5%b7%e5%8b%95\" >Launch Brizy Builder<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/pricing-plugin\/#%e6%96%99%e9%87%91%e8%a1%a8%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%82%92%e9%81%b8%e6%8a%9e\" >Select the pricing table design block<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/pricing-plugin\/#%e6%96%99%e9%87%91%e8%a1%a8%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba\" >Price list customization<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/pricing-plugin\/#%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e4%bf%ae%e6%ad%a3\" >Text correction<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/pricing-plugin\/#%e8%89%b2%e5%a4%89%e6%9b%b4\" >Change color<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/pricing-plugin\/#%e3%83%aa%e3%83%b3%e3%82%af%e3%82%92%e4%bb%98%e3%81%91%e3%82%8b\" >Add a link<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/pricing-plugin\/#%e4%bd%99%e7%99%bd%e3%81%ae%e8%a8%ad%e5%ae%9a\" >Setting Margins<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/pricing-plugin\/#%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ae%e8%a8%ad%e5%ae%9a%e3%82%82%e5%8f%af%e8%83%bd\" >Animation can also be set<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/pricing-plugin\/#%e8%a6%8b%e5%87%ba%e3%81%97%e8%bf%bd%e5%8a%a0\" >Add a heading<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/pricing-plugin\/#%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e8%aa%bf%e6%95%b4\" >Responsive Adjustments<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/pricing-plugin\/#%e6%96%99%e9%87%91%e8%a1%a8%e5%ae%8c%e6%88%90\" >Price list completed<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/website-running\/nocode\/pricing-plugin\/#%e3%81%be%e3%81%a8%e3%82%81\" >summary<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e6%96%99%e9%87%91%e7%94%a8%e3%83%9a%e3%83%bc%e3%82%b8%e6%a7%8b%e7%af%89%e5%85%a8%e4%bd%93%e3%81%ae%e6%b5%81%e3%82%8c\"><\/span>Overall process for building a pricing page<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ol class=\"wp-block-list\"><li>Install and activate the Brizy plugin (either the free or paid version is OK)<\/li><li>Launch Brizy Builder on the page where you want to build your pricing table<\/li><li>Choose a pricing table design template<\/li><li>Text correction<\/li><li>Complete<\/li><\/ol>\n\n\n\n<p>It&#039;s very easy to build, so I&#039;ll explain it in detail!<\/p>\n\n\n\n<p><span style=\"background-color:#fcb900\" class=\"tadv-background-color\"><strong>This explanation assumes that the Brizy plugin is already installed.<br>You can use any theme, but for the demo I used the free Lightnin theme. I&#039;ve also confirmed that it works with the free Cocoon theme.<\/strong><\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"brizy%e3%83%93%e3%83%ab%e3%83%80%e3%83%bc%e8%b5%b7%e5%8b%95\"><\/span>Launch Brizy Builder<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Open the edit page by adding a new static page, enter [Price list (anything is fine)] in the title, and click [Publish].<\/p>\n\n\n\n<p>Then, launch the Brizy builder by clicking [Edit with Brizy]!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"544\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-9-1024x544.png\" alt=\"\" class=\"wp-image-4546\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-9-1024x544.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-9-300x160.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-9-768x408.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-9.png 1341w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Builder started.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-10-1024x471.png\" alt=\"\" class=\"wp-image-4547\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-10-1024x471.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-10-300x138.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-10-768x353.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-10-1536x706.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-10.png 1892w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e6%96%99%e9%87%91%e8%a1%a8%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%82%92%e9%81%b8%e6%8a%9e\"><\/span>Select the pricing table design block<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Click the blue [+] icon in the middle to add a design block.<\/p>\n\n\n\n<p>By selecting the [Pricing] item, you can sort to the price list design block.<\/p>\n\n\n\n<p>The design blocks marked with [Pro] are only available to paid users, but there are several design blocks to choose from even with the free version!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"501\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-11-1-1024x501.jpg\" alt=\"\" class=\"wp-image-4549\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-11-1-1024x501.jpg 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-11-1-300x147.jpg 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-11-1-768x376.jpg 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-11-1-1536x752.jpg 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-11-1.jpg 1637w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This time, we will select the following design blocks.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-12-1024x505.jpg\" alt=\"\" class=\"wp-image-4552\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-12-1024x505.jpg 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-12-300x148.jpg 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-12-768x379.jpg 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-12-1536x758.jpg 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-12.jpg 1647w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The design was reflected.<strong><span class=\"marker-under\">Click the icon on the bottom right to preview<\/span><\/strong>You can see.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"494\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-12-1024x494.png\" alt=\"\" class=\"wp-image-4553\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-12-1024x494.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-12-300x145.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-12-768x371.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-12-1536x742.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-12.png 1802w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>preview<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"712\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-13-1024x712.png\" alt=\"\" class=\"wp-image-4554\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-13-1024x712.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-13-300x208.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-13-768x534.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-13.png 1131w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e6%96%99%e9%87%91%e8%a1%a8%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba\"><\/span>Price list customization<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e4%bf%ae%e6%ad%a3\"><\/span>Text correction<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Editing text is very easy, just click and edit.<\/p>\n\n\n\n<p>If you want to change the font size or font style, click on the text and the customization icon will appear, where you can make the changes.<\/p>\n\n\n\n<p>If you want to change the color, use the color icon, etc.<strong><span class=\"marker-under\">Intuitive operation<\/span><\/strong>It is as follows.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"967\" height=\"781\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-18.png\" alt=\"\" class=\"wp-image-4559\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-18.png 967w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-18-300x242.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-18-768x620.png 768w\" sizes=\"(max-width: 967px) 100vw, 967px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e8%89%b2%e5%a4%89%e6%9b%b4\"><\/span>Change color<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can change the color using the icon on the left.<\/p>\n\n\n\n<p>It comes with a color pattern, but you can of course use colors other than the pattern.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"428\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-15-1024x428.png\" alt=\"\" class=\"wp-image-4556\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-15-1024x428.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-15-300x125.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-15-768x321.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-15-1536x642.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-15.png 1751w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>For example, if you want to change the background color of the right item<\/p>\n\n\n\n<p>A + sign or similar will appear in the corner, and when you click it, the customization options will appear. Clicking on the color icon<strong><span class=\"marker-under\">Change the color<\/span><\/strong>It is possible.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"429\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-17-1024x429.png\" alt=\"\" class=\"wp-image-4558\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-17-1024x429.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-17-300x126.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-17-768x322.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-17-1536x644.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-17.png 1650w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%83%aa%e3%83%b3%e3%82%af%e3%82%92%e4%bb%98%e3%81%91%e3%82%8b\"><\/span>Add a link<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Click the button item and select the link icon in the customization icons that appear.<strong><span class=\"marker-under\">Specify the link destination<\/span><\/strong>can.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"454\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-19-1024x454.png\" alt=\"\" class=\"wp-image-4560\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-19-1024x454.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-19-300x133.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-19-768x341.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-19.png 1420w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e4%bd%99%e7%99%bd%e3%81%ae%e8%a8%ad%e5%ae%9a\"><\/span>Setting Margins<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can also set margins such as padding and margins without any coding!<\/p>\n\n\n\n<p><strong><span class=\"marker-under\">[Gear icon] \uff1e [More settings]<\/span><\/strong><\/p>\n\n\n\n<p>When using the corner<strong><span class=\"marker-under\">Rounded Corners<\/span><\/strong>You can.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"527\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-24-1024x527.png\" alt=\"\" class=\"wp-image-4565\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-24-1024x527.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-24-300x154.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-24-768x395.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-24-1536x790.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-24.png 1697w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ae%e8%a8%ad%e5%ae%9a%e3%82%82%e5%8f%af%e8%83%bd\"><\/span>Animation can also be set<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>When you switch to the [Advanced] tab with other settings open,<strong><span class=\"marker-under\">Animation settings<\/span><\/strong>There are items.<\/p>\n\n\n\n<p><strong><span class=\"marker-under\">You can also embed your own CSS tags and CSS codes.<\/span><\/strong>is.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"527\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-25-1024x527.png\" alt=\"\" class=\"wp-image-4566\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-25-1024x527.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-25-300x154.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-25-768x395.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-25-1536x791.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-25.png 1711w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><span style=\"background-color:#fcb900\" class=\"tadv-background-color\"><strong>It seems a bit strange to just suddenly display the price list, so I&#039;ll customize it a bit more.<\/strong><\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e8%a6%8b%e5%87%ba%e3%81%97%e8%bf%bd%e5%8a%a0\"><\/span>Add a heading<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>If you click on the + icon on the far left, you will see block parts just like in the normal block editor.<\/p>\n\n\n\n<p>Select the part you want to use from this list and drag it to the desired location.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-20-1024x484.png\" alt=\"\" class=\"wp-image-4561\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-20-1024x484.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-20-300x142.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-20-768x363.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-20-1536x726.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-20.png 1885w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"425\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-21-1024x425.png\" alt=\"\" class=\"wp-image-4562\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-21-1024x425.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-21-300x125.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-21-768x319.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-21-1536x637.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-21.png 1836w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Use the text icon to specify the font size of the heading. (You can also customize it to your liking.)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"445\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-22-1024x445.png\" alt=\"\" class=\"wp-image-4563\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-22-1024x445.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-22-300x130.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-22-768x334.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-22-1536x668.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-22.png 1732w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Clicking the gear icon allows you to set tags, so let&#039;s select h2.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-23-1024x493.png\" alt=\"\" class=\"wp-image-4564\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-23-1024x493.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-23-300x144.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-23-768x370.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-23.png 1510w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><span style=\"background-color:#fcb900\" class=\"tadv-background-color\"><strong>This time we added a heading, but you can add as many blocks as you like, such as regular text and images.<br>It is also possible to add new Brizy design blocks.<\/strong><\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e8%aa%bf%e6%95%b4\"><\/span>Responsive Adjustments<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong><span class=\"marker-under\">Adjustable layout for tablets and mobile devices<\/span><\/strong>is.<\/p>\n\n\n\n<p>Click the PC icon on the far left to switch to tablet mode.<\/p>\n\n\n\n<p>We will correct any areas of concern, such as margins and font size.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"617\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-26-1024x617.png\" alt=\"\" class=\"wp-image-4567\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-26-1024x617.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-26-300x181.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-26-768x463.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-26.png 1452w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>mobile<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"678\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-27-1024x678.png\" alt=\"\" class=\"wp-image-4568\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-27-1024x678.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-27-300x199.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-27-768x509.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-27.png 1315w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>As is common on mobile devices, in the case of two columns, they are responsive and aligned vertically, but we can also accommodate cases where you want to change the order of the columns!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"645\" height=\"845\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-28.png\" alt=\"\" class=\"wp-image-4569\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-28.png 645w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-28-229x300.png 229w\" sizes=\"(max-width: 645px) 100vw, 645px\" \/><\/figure>\n\n\n\n<p>Also, if you want to keep it as two columns on mobile, just reduce the width of both columns so that they are 50% or less.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"617\" height=\"675\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-29.png\" alt=\"\" class=\"wp-image-4570\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-29.png 617w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-29-274x300.png 274w\" sizes=\"(max-width: 617px) 100vw, 617px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e6%96%99%e9%87%91%e8%a1%a8%e5%ae%8c%e6%88%90\"><\/span>Price list completed<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>PC<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"737\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-30-1024x737.png\" alt=\"\" class=\"wp-image-4571\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-30-1024x737.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-30-300x216.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-30-768x553.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-30.png 1102w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Tablet<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"475\" height=\"396\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-31.png\" alt=\"\" class=\"wp-image-4572\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-31.png 475w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-31-300x250.png 300w\" sizes=\"(max-width: 475px) 100vw, 475px\" \/><\/figure>\n\n\n\n<p>mobile<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"446\" height=\"770\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-32.png\" alt=\"\" class=\"wp-image-4573\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-32.png 446w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/image-32-174x300.png 174w\" sizes=\"(max-width: 446px) 100vw, 446px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%81%be%e3%81%a8%e3%82%81\"><\/span>summary<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>This was an introduction to Brizy, a page builder that allows you to create stylish pricing tables in WordPress even with no coding or design.<\/p>\n\n\n\n<p><strong><span class=\"marker-under\">Responsive design<\/span><\/strong>However, it is also responsive and can be customized to your own specifications, making it a recommended page builder plugin for those who want to be particular.<\/p>\n\n\n\n<p>In addition to the pricing table, the page builder plugin Brizy also offers a variety of other design blocks, including CTA design blocks and customer testimonials.<\/p>\n\n\n\n<p>Learn Brizy and expand the scope of your WordPress site construction!<\/p>\n\n\n\n<p>Using Brizy has significantly increased the speed at which I can create WordPress sites!<\/p>","protected":false},"excerpt":{"rendered":"<p>\u30ce\u30fc\u30b3\u30fc\u30c9\u3067WordPress\u30b5\u30a4\u30c8\u304c\u4f5c\u308c\u308b\u30da\u30fc\u30b8\u30d3\u30eb\u30c0\u30fc\u30d7\u30e9\u30b0\u30a4\u30f3Brizy\u3092\u4f7f\u3046\u3068\u3001\u6599\u91d1\u8868\u3092\u304a\u6d12\u843d\u306b\u30c7\u30b6\u30a4\u30f3\u3059\u308b\u4e8b\u304c\u51fa\u6765\u307e\u3059\uff01 Brizy\u3068\u306fElementor\u306e\u3088\u3046\u306b\u30ce\u30fc\u30b3\u30fc\u30c9\u3067WordPress\u30b5\u30a4\u30c8\u3092\u69cb\u7bc9\u3067\u304d\u308b [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9151,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[1474],"tags":[1465,1483,1484,182],"class_list":["post-4545","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nocode","tag-brizy","tag-1483","tag-1484","tag-182"],"blocksy_meta":[],"aioseo_notices":[],"uagb_featured_image_src":{"full":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/thumnail-27.png",720,540,false],"thumbnail":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/thumnail-27-150x150.png",150,150,true],"medium":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/thumnail-27-300x225.png",300,225,true],"medium_large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/thumnail-27.png",720,540,false],"large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/thumnail-27.png",720,540,false],"1536x1536":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/thumnail-27.png",720,540,false],"2048x2048":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/thumnail-27.png",720,540,false],"trp-custom-language-flag":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/08\/thumnail-27.png",16,12,false]},"uagb_author_info":{"display_name":"\u682a\u5f0f\u4f1a\u793eHanamiWEB \u4ee3\u8868\u53d6\u7de0\u5f79 \u677e\u6d66\u307f\u3055","author_link":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/author\/hanami\/"},"uagb_comment_info":0,"uagb_excerpt":"\u30ce\u30fc\u30b3\u30fc\u30c9\u3067WordPress\u30b5\u30a4\u30c8\u304c\u4f5c\u308c\u308b\u30da\u30fc\u30b8\u30d3\u30eb\u30c0\u30fc\u30d7\u30e9\u30b0\u30a4\u30f3Brizy\u3092\u4f7f\u3046\u3068\u3001\u6599\u91d1\u8868\u3092\u304a\u6d12\u843d\u306b\u30c7\u30b6\u30a4&hellip;","brizy_media":[],"_links":{"self":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/4545","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/comments?post=4545"}],"version-history":[{"count":0,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/4545\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media\/9151"}],"wp:attachment":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media?parent=4545"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/categories?post=4545"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/tags?post=4545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}