{"id":362687,"date":"2023-07-04T10:27:40","date_gmt":"2023-07-04T10:27:40","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/hero-section-13-ja\/"},"modified":"2026-04-19T21:52:34","modified_gmt":"2026-04-19T21:52:34","slug":"hero-section-13-ja","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/hero-section-13-ja\/","title":{"rendered":"\u30d2\u30fc\u30ed\u30fc\u30bb\u30af\u30b7\u30e7\u30f3"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-white-color has-vivid-cyan-blue-background-color has-text-color has-background has-small-font-size wp-block-paragraph\" style=\"padding-top:15px;padding-right:10px;padding-bottom:15px;padding-left:10px;font-style:normal;font-weight:500;line-height:0.1\">\u304a\u3059\u3059\u3081\u30bf\u30a4\u30c8\u30eb<\/p>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis varius pharetra ex et varius. Vestibulum et turpis et dui ornare fermentum in sit amet sem. Nullam condimentum neque ante, sed ornare lorem feugiat a. Suspendisse eget risus vehicula est eleifend scelerisque. Ut tristique mi ac justo faucibus mattis. <\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-a90dccff wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 is-style-outline is-style-outline--1\" style=\"font-style:normal;font-weight:600;line-height:1\"><a class=\"wp-block-button__link has-vivid-cyan-blue-color has-text-color has-text-align-center wp-element-button\" style=\"border-radius:5px;border-top-style:solid;border-top-width:2px;border-right-style:solid;border-right-width:2px;border-bottom-style:solid;border-bottom-width:2px;border-left-style:solid;border-left-width:2px\">\u7d9a\u304d\u3092\u8aad\u3080 <\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full is-style-default wp-duotone-unset-2\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvd2s3MzczNDE5OS1pbWFnZS1rcDZjaWV6OS5qcGc.jpg\" alt=\"\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator alignfull has-alpha-channel-opacity is-style-dots\" \/>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b 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<figure class=\"wp-block-image aligncenter size-full is-style-default wp-duotone-unset-3\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvd2s3MzczNDE5OS1pbWFnZS1rcDZjaWV6OS5qcGc.jpg\" alt=\"\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-white-color has-vivid-cyan-blue-background-color has-text-color has-background has-small-font-size wp-block-paragraph\" style=\"padding-top:15px;padding-right:10px;padding-bottom:15px;padding-left:10px;font-style:normal;font-weight:500;line-height:0.1;text-transform:capitalize\">\u304a\u3059\u3059\u3081\u30bf\u30a4\u30c8\u30eb<\/p>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis varius pharetra ex et varius. Vestibulum et turpis et dui ornare fermentum in sit amet sem. Nullam condimentum neque ante, sed ornare lorem feugiat a. Suspendisse eget risus vehicula est eleifend scelerisque. Ut tristique mi ac justo faucibus mattis. <\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-a90dccff wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 is-style-outline is-style-outline--4\" style=\"font-style:normal;font-weight:600;line-height:1\"><a class=\"wp-block-button__link has-vivid-cyan-blue-color has-text-color has-text-align-center wp-element-button\" style=\"border-radius:5px;border-top-style:solid;border-top-width:2px;border-right-style:solid;border-right-width:2px;border-bottom-style:solid;border-bottom-width:2px;border-left-style:solid;border-left-width:2px\">\u7d9a\u304d\u3092\u8aad\u3080 <\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":21025039,"parent":361979,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"\u30d2\u30fc\u30ed\u30fc, \u30d0\u30ca\u30fc, main section, \u30d0\u30ca\u30fc\u30bb\u30af\u30b7\u30e7\u30f3","wpop_description":"Hero Section for the landing page for any website.","wpop_viewport_width":800,"wpop_block_types":[""],"wpop_locale":"ja","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/column,core\/columns,core\/group,core\/image,core\/paragraph,core\/separator","footnotes":""},"pattern-categories":[60,2,3,13,6],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-362687","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-banner","wporg-pattern-category-buttons","wporg-pattern-category-columns","wporg-pattern-category-images","wporg-pattern-category-text"],"category_slugs":["banner","buttons","columns","images","text"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\"><!-- wp:columns {\"verticalAlignment\":null} -->\n<div class=\"wp-block-columns\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:paragraph {\"style\":{\"spacing\":{\"padding\":{\"top\":\"15px\",\"right\":\"10px\",\"bottom\":\"15px\",\"left\":\"10px\"}},\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"500\",\"lineHeight\":\"0.1\"}},\"backgroundColor\":\"vivid-cyan-blue\",\"textColor\":\"white\",\"fontSize\":\"small\"} -->\n<p class=\"has-white-color has-vivid-cyan-blue-background-color has-text-color has-background has-small-font-size\" style=\"padding-top:15px;padding-right:10px;padding-bottom:15px;padding-left:10px;font-style:normal;font-weight:500;line-height:0.1\">\u304a\u3059\u3059\u3081\u30bf\u30a4\u30c8\u30eb<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"left\"} -->\n<p class=\"has-text-align-left\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis varius pharetra ex et varius. Vestibulum et turpis et dui ornare fermentum in sit amet sem. Nullam condimentum neque ante, sed ornare lorem feugiat a. Suspendisse eget risus vehicula est eleifend scelerisque. Ut tristique mi ac justo faucibus mattis. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"left\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textAlign\":\"center\",\"textColor\":\"vivid-cyan-blue\",\"width\":75,\"style\":{\"border\":{\"radius\":\"5px\",\"top\":{\"style\":\"solid\",\"width\":\"2px\"},\"right\":{\"style\":\"solid\",\"width\":\"2px\"},\"bottom\":{\"style\":\"solid\",\"width\":\"2px\"},\"left\":{\"style\":\"solid\",\"width\":\"2px\"}},\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"600\",\"lineHeight\":\"1\"}},\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 is-style-outline\" style=\"font-style:normal;font-weight:600;line-height:1\"><a class=\"wp-block-button__link has-vivid-cyan-blue-color has-text-color has-text-align-center wp-element-button\" style=\"border-radius:5px;border-top-style:solid;border-top-width:2px;border-right-style:solid;border-right-width:2px;border-bottom-style:solid;border-bottom-width:2px;border-left-style:solid;border-left-width:2px\">\u7d9a\u304d\u3092\u8aad\u3080 <\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\",\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-column is-vertically-aligned-center\"><!-- wp:image {\"align\":\"center\",\"id\":null,\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"color\":{\"duotone\":\"unset\"}},\"className\":\"is-style-default\"} -->\n<figure class=\"wp-block-image aligncenter size-full is-style-default\"><img src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvd2s3MzczNDE5OS1pbWFnZS1rcDZjaWV6OS5qcGc.jpg\" alt=\"\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:separator {\"align\":\"full\",\"className\":\"is-style-dots\"} -->\n<hr class=\"wp-block-separator alignfull has-alpha-channel-opacity is-style-dots\" \/>\n<!-- \/wp:separator -->\n\n<!-- wp:group {\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\"><!-- wp:columns {\"verticalAlignment\":null} -->\n<div class=\"wp-block-columns\"><!-- wp:column {\"verticalAlignment\":\"center\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\"><!-- wp:image {\"align\":\"center\",\"id\":null,\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"color\":{\"duotone\":\"unset\"}},\"className\":\"is-style-default\"} -->\n<figure class=\"wp-block-image aligncenter size-full is-style-default\"><img src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvd2s3MzczNDE5OS1pbWFnZS1rcDZjaWV6OS5qcGc.jpg\" alt=\"\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:paragraph {\"style\":{\"typography\":{\"lineHeight\":\"0.1\",\"textTransform\":\"capitalize\",\"fontStyle\":\"normal\",\"fontWeight\":\"500\"},\"spacing\":{\"padding\":{\"top\":\"15px\",\"right\":\"10px\",\"bottom\":\"15px\",\"left\":\"10px\"}}},\"backgroundColor\":\"vivid-cyan-blue\",\"textColor\":\"white\",\"fontSize\":\"small\"} -->\n<p class=\"has-white-color has-vivid-cyan-blue-background-color has-text-color has-background has-small-font-size\" style=\"padding-top:15px;padding-right:10px;padding-bottom:15px;padding-left:10px;font-style:normal;font-weight:500;line-height:0.1;text-transform:capitalize\">\u304a\u3059\u3059\u3081\u30bf\u30a4\u30c8\u30eb<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"align\":\"left\"} -->\n<p class=\"has-text-align-left\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis varius pharetra ex et varius. Vestibulum et turpis et dui ornare fermentum in sit amet sem. Nullam condimentum neque ante, sed ornare lorem feugiat a. Suspendisse eget risus vehicula est eleifend scelerisque. Ut tristique mi ac justo faucibus mattis. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"left\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textAlign\":\"center\",\"textColor\":\"vivid-cyan-blue\",\"width\":75,\"style\":{\"border\":{\"radius\":\"5px\",\"top\":{\"style\":\"solid\",\"width\":\"2px\"},\"right\":{\"style\":\"solid\",\"width\":\"2px\"},\"bottom\":{\"style\":\"solid\",\"width\":\"2px\"},\"left\":{\"style\":\"solid\",\"width\":\"2px\"}},\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"600\",\"lineHeight\":\"1\"}},\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 is-style-outline\" style=\"font-style:normal;font-weight:600;line-height:1\"><a class=\"wp-block-button__link has-vivid-cyan-blue-color has-text-color has-text-align-center wp-element-button\" style=\"border-radius:5px;border-top-style:solid;border-top-width:2px;border-right-style:solid;border-right-width:2px;border-bottom-style:solid;border-bottom-width:2px;border-left-style:solid;border-left-width:2px\">\u7d9a\u304d\u3092\u8aad\u3080 <\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->","favorite_count":2,"author_meta":{"name":"Darshit Rajyaguru","url":"https:\/\/wordpress.org\/patterns\/author\/darshitrajyaguru97","avatar":"https:\/\/secure.gravatar.com\/avatar\/0706362649ae7f8d3813863f204adeeac6cbac6aac65a0781a5d4ec3b7ae7b13?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/362687","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":2,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/362687\/revisions"}],"predecessor-version":[{"id":391308,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/362687\/revisions\/391308"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/darshitrajyaguru97"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=362687"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=362687"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=362687"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=362687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}