{"id":21952,"date":"2024-06-20T08:59:02","date_gmt":"2024-06-19T23:59:02","guid":{"rendered":"http:\/\/localhost\/blog\/?page_id=21952"},"modified":"2024-09-24T11:35:21","modified_gmt":"2024-09-24T11:35:21","slug":"guide-en-pattern","status":"publish","type":"post","link":"https:\/\/wordpress.pandassi.com\/hellopanda\/guide-en-pattern\/","title":{"rendered":"How to use special patterns"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull\" style=\"min-height:600px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-90 has-background-dim wp-block-cover__gradient-background has-background-gradient has-gradient-31-gradient-background\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"2504\" height=\"1224\" class=\"wp-block-cover__image-background wp-image-17314\" alt=\"\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2.png\" data-object-fit=\"cover\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2.png 2504w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2-300x147.png 300w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2-1024x501.png 1024w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2-768x375.png 768w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2-1536x751.png 1536w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-2-2048x1001.png 2048w\" sizes=\"(max-width: 2504px) 100vw, 2504px\" \/><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-1 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-white-color\" style=\"color:#fffffd;width:76px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24\" viewBox=\"0 -960 960 960\" width=\"24\"><path d=\"M467.5-804v-86H493v86h-25.5Zm0 733.5v-86H493v86h-25.5Zm336.5-397V-493h86v25.5h-86Zm-733.5 0V-493h86v25.5h-86Zm655-239.5L707-725.5l53-53 18.5 18.5-53 53Zm-525 525L182-200.5l53-53 18.5 18.5-53 53Zm559.5 0-53-53 18.5-18.5 53 53L760-182ZM235-707l-53-53 18.5-18.5 53 53L235-707Zm245.265 411q-76.765 0-130.515-53.603Q296-403.206 296-480.103 296-557 349.632-610.75q53.633-53.75 130.25-53.75 76.618 0 130.618 53.624t54 130.229q0 77.147-53.735 130.897Q557.029-296 480.265-296ZM480-321.5q66.5 0 112.75-46.25T639-480.25q0-66.25-46.25-112.5T480-639q-66.5 0-112.5 46.363-46 46.364-46 112.387t46 112.387Q413.5-321.5 480-321.5Zm0-159Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color has-x-small-font-size wp-elements-b4c063194403f12d1695074eef404ff3\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20)\"><strong> H E L L O P A N D A  . M A N U A L <\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-x-huge-font-size\" style=\"margin-top:0;margin-bottom:0;letter-spacing:-2px;line-height:1\">Special features<\/p>\n\n\n\n<p class=\"has-text-align-center has-primary-color has-text-color has-link-color has-x-huge-font-size wp-elements-a7f38ebd50a1f8550f9575f3970b6595\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-bottom:var(--wp--preset--spacing--10);letter-spacing:-2px;line-height:1\">Pattern design<\/p>\n\n\n\n<div class=\"wp-block-outermost-icon-block items-justified-center\" style=\"padding-top:0;padding-bottom:0;\" ><div class=\"icon-container has-icon-color has-white-color\" style=\"color:#fffffd;width:48px;padding-top:0;padding-bottom:0\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns-xlink=\"http:\/\/www.w3.org\/1999\/xlink\" version=\"1.1\" viewBox=\"0 0 100 100\" xml:space=\"preserve\"><g><polygon height=\"50px\" points=\"79.293,56.49 69.632,46.829 59.97,56.49 50.309,46.829 40.647,56.49 30.985,46.829 21.324,56.49 11.66,46.827    3.412,55.046 0.589,52.213 11.665,41.174 21.324,50.833 30.985,41.172 40.647,50.833 50.309,41.172 59.97,50.833 69.632,41.172    79.293,50.833 88.944,41.183 100.02,52.095 97.213,54.944 88.966,46.818  \"><\/polygon><\/g><\/svg><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern\" style=\"padding-top:5em;padding-bottom:4em;padding-bottom:4em;padding-top:5em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-130 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-6 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-5 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"border-width:3px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30)\">\n<p class=\"has-text-align-center has-xx-large-font-size\" style=\"padding-bottom:0;letter-spacing:5px;text-transform:uppercase\"><strong>1,000+ PATTERNS<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-4 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group media-query-transform-mobile has-base-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-width:1px;transform:rotate(0deg) translate(0%, -50%)\">\n<p class=\"has-small-font-size\" style=\"padding-top:0;padding-right:var(--wp--preset--spacing--10);padding-bottom:0;padding-left:var(--wp--preset--spacing--10);letter-spacing:2px;line-height:1.5\">more 30+ cateogories<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern\" style=\"padding-bottom:5em;padding-bottom:5em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-282 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-step-1-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:30px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70)\" data-aos=\"fade-up\" data-aos-easing=\"timing-function-custom-1\" data-aos-anchor-placement=\"center-center\" data-aos-offset=\"-300\" data-aos-delay=\"0\" data-aos-duration=\"600\" data-aos-once=\"false\" data-aos-mirror=\"false\">\n<div class=\"wp-block-columns columns-media-1 is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\" style=\"height:%\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-xxx-large-font-size\" style=\"line-height:1.2\">Design patterns <br>are the core technology <br>of the Hello Panda theme .<\/p>\n\n\n\n<p class=\"has-step-13-color has-text-color has-link-color wp-elements-3046c49c88ef44faa7b68afe3d30e838\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--40)\">We have prepared over 1,000 completed design themes for you to use with one click. This feature will dramatically reduce your working time, and your design will be produced with a level of perfection that goes beyond that of an expert.<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-10 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-step-4-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:100px;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-8 wp-block-group-is-layout-flex\">\n<p class=\"has-small-font-size\" style=\"padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\"><strong>Design Preview<\/strong><\/p>\n\n\n\n<div class=\"wp-block-outermost-icon-block\" style=\"border-radius:100px;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);\" ><a class=\"icon-container has-icon-color has-icon-background-color has-contrast-background-color has-base-color\" href=\"\/hellopanda\/hellopanda-pages\/hellopanda-pages-layout-right\/\" style=\"background-color:#37474F;color:#f0f0f0;width:38px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10);border-radius:100px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"20\" viewBox=\"0 -960 960 960\" width=\"20\"><path d=\"M238.769-254.232 202.001-291l414.616-415.001H245.77v-51.998h459.998v459.998H653.77v-370.847L238.769-254.232Z\"><\/path><\/svg><\/a><\/div>\n<\/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<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-step-2-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:20px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\" style=\"border-radius:100px;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);\" ><div class=\"icon-container has-icon-background-color has-step-1-background-color\" style=\"background-color:#ffffff;width:72px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-radius:100px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24\" viewBox=\"0 -960 960 960\" width=\"24\"><path d=\"M160-590h640l-41-140H202l-42 140Zm320-70Zm203 98H277l-15 118h437l-16-118ZM203-211l47-351h-96q-11 0-18-9t-4-20l44-151q2-8 8-12.5t14-3.5h565q8 0 14 4.5t8 12.5l44 150q3 11-4 20t-18 9h-97l47 351h-27l-28-205H258l-28 205h-27Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<div class=\"wp-block-outermost-icon-block items-justified-center\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);\" ><div class=\"icon-container\" style=\"width:36px;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns-xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 100 1\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\"><rect width=\"100\" height=\"1\" rx=\"0\" ry=\"0\" stroke-width=\"0\"><\/rect><\/svg><\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-11 wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-center has-small-font-size wp-container-content-1\" style=\"padding-top:0\">Well-designed, enjoy your meal with just one click. There are even themes that combine one page.<\/p>\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<div class=\"wp-block-group has-step-2-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:20px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-outermost-icon-block items-justified-center\" style=\"border-radius:100px;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);\" ><div class=\"icon-container has-icon-background-color has-step-1-background-color\" style=\"background-color:#ffffff;width:72px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);border-radius:100px\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24\" viewBox=\"0 -960 960 960\" width=\"24\"><path d=\"M240-400q0 74 41.5 135T392-177q-10-14-15-29.5t-5-31.5q0-21 8.5-40t23.5-34l76-75 77 75q15 15 23 34t8 40q0 16-5 31.5T568-177q69-27 110.5-88T720-400q0-50-18.5-94.5T648-574q-20 13-42 19.5t-45 6.5q-63 0-108.5-41T401-692q-39 32-69 67.5t-50.5 73Q261-514 250.5-476T240-400Zm240 52-57 56q-11 11-17 25t-6 29q0 32 23.5 55t56.5 23q33 0 56.5-23t23.5-55q0-16-6-29.5T537-292l-57-56Zm-52-399v39q0 56 38.5 94t94.5 38q19 0 37.5-6t35.5-17l17-11q46 38 71.5 93.5T748-400q0 112-78 190t-190 78q-112 0-190-78t-78-190q0-95 58-188t158-159Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<div class=\"wp-block-outermost-icon-block items-justified-center\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);\" ><div class=\"icon-container\" style=\"width:36px;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns-xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 100 1\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\"><rect width=\"100\" height=\"1\" rx=\"0\" ry=\"0\" stroke-width=\"0\"><\/rect><\/svg><\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-13 wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-center break-keep-all has-small-font-size wp-container-content-2\" style=\"padding-top:0\">Now focus on your content. Don&#8217;t worry about design. Hellopanda theme will solve the problem.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-126 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-23 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-22 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-21 wp-block-group-is-layout-flex\" style=\"padding-top:0;padding-bottom:0\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-20 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-contrast-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:3px;margin-bottom:0.2em;padding-top:0.7em;padding-right:1em;padding-bottom:0.7em;padding-left:1em\">\n<p class=\"has-base-color has-text-color has-link-color has-large-font-size wp-elements-26b9be3c20b37135c0b8a18064f5f9bc\"><strong>01<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-18 wp-block-group-is-layout-flex\">\n<p class=\"has-x-large-font-size\">Inserting a pattern<\/p>\n\n\n\n<p class=\"has-step-10-color has-text-color has-link-color has-x-small-font-size wp-elements-4b8bcc1a9b9d7af2e6c6b237fb5a3689\" style=\"margin-right:0;margin-left:2px;letter-spacing:1px;text-transform:uppercase\">hellopanda WP manual<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-39 wp-block-group-is-layout-constrained\" style=\"border-top-color:var(--wp--preset--color--step-7);border-top-width:1px;margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-26 wp-block-group-is-layout-flex\">\n<p class=\"white-nowrap wp-container-content-3\" style=\"margin-right:var(--wp--preset--spacing--10)\">1.<\/p>\n\n\n\n<div class=\"wp-block-group wp-container-content-4 is-vertical is-layout-flex wp-container-core-group-is-layout-25 wp-block-group-is-layout-flex\">\n<p>Run the block editor.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-28 wp-block-group-is-layout-flex\">\n<p class=\"white-nowrap wp-container-content-5\" style=\"margin-right:var(--wp--preset--spacing--10)\">2.<\/p>\n\n\n\n<div class=\"wp-block-group wp-container-content-6 is-vertical is-layout-flex wp-container-core-group-is-layout-27 wp-block-group-is-layout-flex\">\n<p>Select the Block Inserter toggle.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"199\" height=\"41\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-5.png\" alt=\"\" class=\"wp-image-16456\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-30 wp-block-group-is-layout-flex\">\n<p class=\"white-nowrap wp-container-content-7\" style=\"margin-right:var(--wp--preset--spacing--10)\">3.<\/p>\n\n\n\n<div class=\"wp-block-group wp-container-content-8 is-vertical is-layout-flex wp-container-core-group-is-layout-29 wp-block-group-is-layout-flex\">\n<p>Select the slider block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"98\" height=\"89\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-44-en.webp\" alt=\"\" class=\"wp-image-22585\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-32 wp-block-group-is-layout-flex\">\n<p class=\"white-nowrap wp-container-content-9\" style=\"margin-right:var(--wp--preset--spacing--10)\">3.<\/p>\n\n\n\n<div class=\"wp-block-group wp-container-content-10 is-vertical is-layout-flex wp-container-core-group-is-layout-31 wp-block-group-is-layout-flex\">\n<p>Select the created pattern block and click the \u201cSelect\/Change Pattern\u201d button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"631\" height=\"190\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-45-en.webp\" alt=\"\" class=\"has-border-color has-step-7-border-color wp-image-22586\" style=\"border-width:1px\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-45-en.webp 631w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-45-en-300x90.webp 300w\" sizes=\"(max-width: 631px) 100vw, 631px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-34 wp-block-group-is-layout-flex\">\n<p class=\"white-nowrap wp-container-content-11\" style=\"margin-right:var(--wp--preset--spacing--10)\">4.<\/p>\n\n\n\n<div class=\"wp-block-group wp-container-content-12 is-vertical is-layout-flex wp-container-core-group-is-layout-33 wp-block-group-is-layout-flex\">\n<p>Select the \u201cAll\u201d category.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"227\" height=\"337\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-46-en.webp\" alt=\"\" class=\"wp-image-22587\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-46-en.webp 227w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-46-en-202x300.webp 202w\" sizes=\"(max-width: 227px) 100vw, 227px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-36 wp-block-group-is-layout-flex\">\n<p class=\"white-nowrap wp-container-content-13\" style=\"margin-right:var(--wp--preset--spacing--10)\">5.<\/p>\n\n\n\n<div class=\"wp-block-group wp-container-content-14 is-vertical is-layout-flex wp-container-core-group-is-layout-35 wp-block-group-is-layout-flex\">\n<p>Select the desired category and click the desired design pattern.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2497\" height=\"1219\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-2-en.webp\" alt=\"\" class=\"wp-image-22565\" style=\"width:700px\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-2-en.webp 2497w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-2-en-300x146.webp 300w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-2-en-1024x500.webp 1024w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-2-en-768x375.webp 768w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-2-en-1536x750.webp 1536w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-2-en-2048x1000.webp 2048w\" sizes=\"(max-width: 2497px) 100vw, 2497px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-38 wp-block-group-is-layout-flex\">\n<p class=\"white-nowrap wp-container-content-15\" style=\"margin-right:var(--wp--preset--spacing--10)\">6.<\/p>\n\n\n\n<div class=\"wp-block-group wp-container-content-16 is-vertical is-layout-flex wp-container-core-group-is-layout-37 wp-block-group-is-layout-flex\">\n<p>Check the applied pattern.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1501\" height=\"834\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-47.png\" alt=\"\" class=\"wp-image-16884\" style=\"width:700px\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-47.png 1501w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-47-300x167.png 300w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-47-1024x569.png 1024w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-47-768x427.png 768w\" sizes=\"(max-width: 1501px) 100vw, 1501px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-step-4-color has-alpha-channel-opacity has-step-4-background-color has-background is-style-hellopanda-separator-15\" style=\"margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70)\"\/>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-126 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-46 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-45 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-44 wp-block-group-is-layout-flex\" style=\"padding-top:0;padding-bottom:0\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-43 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-contrast-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:3px;margin-bottom:0.2em;padding-top:0.7em;padding-right:1em;padding-bottom:0.7em;padding-left:1em\">\n<p class=\"has-base-color has-text-color has-link-color has-large-font-size wp-elements-2b2341b481cab60c1a30c8b6903450c3\"><strong>02<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-41 wp-block-group-is-layout-flex\">\n<p class=\"has-x-large-font-size\">Pattern controller<\/p>\n\n\n\n<p class=\"has-step-10-color has-text-color has-link-color has-x-small-font-size wp-elements-4b8bcc1a9b9d7af2e6c6b237fb5a3689\" style=\"margin-right:0;margin-left:2px;letter-spacing:1px;text-transform:uppercase\">hellopanda WP manual<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-56 wp-block-group-is-layout-constrained\" style=\"border-top-color:var(--wp--preset--color--step-7);border-top-width:1px;margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-49 wp-block-group-is-layout-flex\">\n<p class=\"white-nowrap wp-container-content-17\" style=\"margin-right:var(--wp--preset--spacing--10)\">1.<\/p>\n\n\n\n<div class=\"wp-block-group wp-container-content-18 is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-48 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>This is the initial state menu of the pattern block.<\/p>\n\n\n\n<figure class=\"wp-block-image alignleft size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"496\" height=\"53\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-48-en.webp\" alt=\"\" class=\"wp-image-22588\" style=\"border-width:1px\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-48-en.webp 496w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-48-en-300x32.webp 300w\" sizes=\"(max-width: 496px) 100vw, 496px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"is-style-hellopanda-list-14 wp-block-list\">\n<li class=\"is-style-hellopanda-list-item-4\"><span><strong>Select\/Change Pattern<\/strong> ) Opens a menu box where you can select a pattern.<\/span><\/li>\n\n\n\n<li class=\"is-style-hellopanda-list-item-4\"><span><strong>Pattern [Number input]<\/strong> ) This is an input box where you can quickly enter a pattern using the pattern number.<\/span><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-51 wp-block-group-is-layout-flex\">\n<p class=\"white-nowrap wp-container-content-19\" style=\"margin-right:var(--wp--preset--spacing--10)\">2.<\/p>\n\n\n\n<div class=\"wp-block-group wp-container-content-20 is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-50 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>This is a menu with a pattern already applied.<\/p>\n\n\n\n<figure class=\"wp-block-image alignleft size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"698\" height=\"54\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-49-en.webp\" alt=\"\" class=\"wp-image-22589\" style=\"border-width:1px\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-49-en.webp 698w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-49-en-300x23.webp 300w\" sizes=\"(max-width: 698px) 100vw, 698px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"is-style-hellopanda-list-15 wp-block-list\">\n<li class=\"is-style-hellopanda-list-item-4\"><span><strong>Initialization<\/strong> ) Initializes the applied pattern.<\/span><\/li>\n\n\n\n<li class=\"is-style-hellopanda-list-item-4\"><span><strong>Left and right width settings<\/strong> ) Determines the size of the top block surrounding the pattern. 1400, 1600px is the default, and this size can be changed in settings. Please refer to the manual<\/span><\/li>\n\n\n\n<li class=\"is-style-hellopanda-list-item-4\"><span><strong>Child selection<\/strong> ) Selects the first block of the pattern. The first block is very important in the pattern. This is because it is the top block that has the pattern number, can determine the left and right widths, and can select various properties such as margins, padding, and background in each pattern unit.<\/span><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-53 wp-block-group-is-layout-flex\">\n<p class=\"white-nowrap wp-container-content-21\" style=\"margin-right:var(--wp--preset--spacing--10)\">3.<\/p>\n\n\n\n<div class=\"wp-block-group wp-container-content-22 is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-52 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>This is a menu for other blocks within the pattern.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"408\" height=\"46\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-50.png\" alt=\"\" class=\"wp-image-16889\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-50.png 408w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-50-300x34.png 300w\" sizes=\"(max-width: 408px) 100vw, 408px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"is-style-hellopanda-list-15 wp-block-list\">\n<li class=\"is-style-hellopanda-list-item-4\"><span>\ud83d\udc3c ) Select the top-level pattern surrounding this block. This function is very useful when there are multiple overlapping patterns.<\/span><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-55 wp-block-group-is-layout-flex\">\n<p class=\"white-nowrap wp-container-content-23\" style=\"margin-right:var(--wp--preset--spacing--10)\">4.<\/p>\n\n\n\n<div class=\"wp-block-group wp-container-content-24 is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-54 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-6 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>This is UI when another pattern exists within a pattern.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1491\" height=\"966\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-51.png\" alt=\"\" class=\"wp-image-16891\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-51.png 1491w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-51-300x194.png 300w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-51-1024x663.png 1024w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/05\/manual-51-768x498.png 768w\" sizes=\"(max-width: 1491px) 100vw, 1491px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"is-style-hellopanda-list-15 wp-block-list\">\n<li class=\"is-style-hellopanda-list-item-4\"><span>You can insert another pattern into a pattern. If there are overlapping patterns, the color of the blue bar on the right where you can select the pattern changes depending on the depth of the pattern. For example, if the top pattern is blue, patterns within it may be expressed as red, and patterns within it may be expressed as green. Only up to 5 levels are expressed.<\/span><\/li>\n\n\n\n<li class=\"is-style-hellopanda-list-item-4\"><span>The innermost pattern can be freely modified, but if the top pattern is initialized or changed, all internal patterns will be removed and replaced with the contents of the top pattern. Keep this in mind and use the pattern.<\/span><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-step-4-color has-alpha-channel-opacity has-step-4-background-color has-background is-style-hellopanda-separator-15\" style=\"margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70)\"\/>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-126 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-63 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-62 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-61 wp-block-group-is-layout-flex\" style=\"padding-top:0;padding-bottom:0\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-60 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-contrast-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:3px;margin-bottom:0.2em;padding-top:0.7em;padding-right:1em;padding-bottom:0.7em;padding-left:1em\">\n<p class=\"has-base-color has-text-color has-link-color has-large-font-size wp-elements-dbcda3f6e0a2cdd7261b953d5ed32b8f\"><strong>03<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-58 wp-block-group-is-layout-flex\">\n<p class=\"has-x-large-font-size\">Pattern style settings<\/p>\n\n\n\n<p class=\"has-step-10-color has-text-color has-link-color has-x-small-font-size wp-elements-4b8bcc1a9b9d7af2e6c6b237fb5a3689\" style=\"margin-right:0;margin-left:2px;letter-spacing:1px;text-transform:uppercase\">hellopanda WP manual<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-75 wp-block-group-is-layout-constrained\" style=\"border-top-color:var(--wp--preset--color--step-7);border-top-width:1px;margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-67 wp-block-group-is-layout-flex\">\n<p class=\"white-nowrap wp-container-content-25\" style=\"margin-right:var(--wp--preset--spacing--10)\">1.<\/p>\n\n\n\n<div class=\"wp-block-group wp-container-content-26 is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-66 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>When you select a pattern, the style settings window on the right opens.<br>This setting changes the pattern or hides or exposes each device.<\/p>\n\n\n\n<p>However, this setting is mostly used to set the margins of the pattern. The pattern is basically designed to have 3em padding at the bottom. However, when using patterns, there may be cases where margins are not needed or more are needed. In this case, the margins can be determined within a line that does not affect child blocks, making it convenient to use.<\/p>\n\n\n\n<p>Detailed margin settings can be set by opening the Padding\/Margin tab.<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-65 wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"282\" height=\"386\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-53-en.webp\" alt=\"\" class=\"has-border-color has-step-6-border-color wp-image-22591\" style=\"border-width:1px\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-53-en.webp 282w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-53-en-219x300.webp 219w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"282\" height=\"456\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-54-en.webp\" alt=\"\" class=\"has-border-color has-step-6-border-color wp-image-22592\" style=\"border-width:1px\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-54-en.webp 282w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-54-en-186x300.webp 186w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/figure>\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 alignleft size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"659\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-52-en.webp\" alt=\"\" class=\"wp-image-22590\" style=\"border-width:1px\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-52-en.webp 279w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-52-en-127x300.webp 127w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-74 wp-block-group-is-layout-flex\">\n<p class=\"white-nowrap wp-container-content-27\" style=\"margin-right:var(--wp--preset--spacing--10)\">2.<\/p>\n\n\n\n<div class=\"wp-block-group wp-container-content-30 is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-73 wp-block-group-is-layout-flex\">\n<p>The design selection pop-up window allows you to check all available patterns at a glance.<br>By using WordPress&#8217;s basic pattern features and Hellopanda patterns together, you can create a really cool web.<\/p>\n\n\n\n<div class=\"wp-block-hellopanda-design-pattern\" style=\"padding-top:2em;padding-bottom:2em;padding-bottom:2em;padding-top:2em;\">\n<div class=\"wp-block-group alignfull hellopanda-pattern-78 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-68 wp-block-group-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<div class=\"wp-block-outermost-icon-block media-query-transform-mobile\" style=\"padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);\" ><div class=\"icon-container has-icon-background-color has-base-background-color rotate-90\" style=\"background-color:#f0f0f0;width:50px;padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);transform:rotate(0deg) translate(0%, 50%)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"12\" viewBox=\"0 -960 960 480\" width=\"24\"><path d=\"M0-480v-247h960v14H0Z\"><\/path><\/svg><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"border-width:3px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"is-style-hellopanda-list-1 wp-block-list\">\n<li class=\"is-style-default\"><span>There are a total of 32 categories.<\/span><\/li>\n\n\n\n<li><span>You can search separately within each category, and one pattern can be in multiple categories. Although this is under development, we are preparing a function that will allow you to remember frequently used categories, keywords, or patterns.<\/span><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"is-style-hellopanda-list-1 wp-block-list\">\n<li class=\"is-style-default\"><span>We recommend that you make good use of the search function.<\/span><\/li>\n\n\n\n<li class=\"is-style-default\"><span>You can search by pattern number or keyword, and you can achieve great performance by remembering the number of frequently used patterns or grouping them and managing them using the pattern function of WordPress.<\/span><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-70 wp-block-group-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<div class=\"wp-block-outermost-icon-block media-query-transform-mobile\" style=\"padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);\" ><div class=\"icon-container has-icon-background-color has-base-background-color rotate-90\" style=\"background-color:#f0f0f0;width:50px;padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);transform:rotate(0deg) translate(0%, -50%);z-index:\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"12\" viewBox=\"0 -960 960 480\" width=\"24\"><path d=\"M0-480v-247h960v14H0Z\"><\/path><\/svg><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2497\" height=\"1219\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-2-en.webp\" alt=\"\" class=\"has-border-color has-step-6-border-color wp-image-22565\" style=\"border-width:1px;object-fit:cover\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-2-en.webp 2497w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-2-en-300x146.webp 300w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-2-en-1024x500.webp 1024w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-2-en-768x375.webp 768w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-2-en-1536x750.webp 1536w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2024\/06\/manual-2-en-2048x1000.webp 2048w\" sizes=\"(max-width: 2497px) 100vw, 2497px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-hellopanda-separator-3\" style=\"margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\"\/>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-hellopanda-button-9\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/blog\/hellopanda-en-manual\">GUIDE HOME<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>1. Run the block editor. 2. Select the Block Inserter toggle. 3. Select the slider block. 3. Select the created pattern block and click the \u201cSelect\/Change Pattern\u201d button. 4. Select the \u201cAll\u201d category. 5. Select the desired category and click the desired design pattern. 6. Check the applied pattern. 1. This is the initial state [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":23010,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,6],"tags":[],"class_list":["post-21952","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide-en","category-guide"],"_links":{"self":[{"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/posts\/21952"}],"collection":[{"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/comments?post=21952"}],"version-history":[{"count":6,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/posts\/21952\/revisions"}],"predecessor-version":[{"id":22620,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/posts\/21952\/revisions\/22620"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/media\/23010"}],"wp:attachment":[{"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/media?parent=21952"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/categories?post=21952"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/tags?post=21952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}