{"id":288548,"date":"2022-05-10T12:00:03","date_gmt":"2022-05-10T12:00:03","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/tabs-tab-area-1-column-button-and-text-creative-tab-area-design-de_de_formal\/"},"modified":"2026-04-19T16:06:07","modified_gmt":"2026-04-19T16:06:07","slug":"tabs-tab-area-1-column-button-and-text-creative-tab-area-design-de_de_formal","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/tabs-tab-area-1-column-button-and-text-creative-tab-area-design-de_de_formal\/","title":{"rendered":"Tabs, Tab-Bereich, 1 Spalte, Button und Text, kreatives Tab-Bereich-Design"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-306f1320 wp-block-group-is-layout-constrained\" style=\"padding-top:50px;padding-right:15px;padding-bottom:50px;padding-left:15px\">\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<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-constrained wp-container-core-column-is-layout-ac775772 wp-block-column-is-layout-constrained\">\n<h2 class=\"has-text-align-center has-vivid-green-cyan-color has-text-color has-medium-font-size wp-block-heading\" style=\"line-height:0\"><strong>Lorem Ipsum<\/strong><\/h2>\n\n\n\n<h2 class=\"has-text-align-center has-large-font-size wp-block-heading\" style=\"line-height:1.2\"><strong>Was ist Lorem Ipsum?<\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"font-size:16px;line-height:1.4\">Entgegen der landl\u00e4ufigen Meinung ist Lorem Ipsum nicht einfach ein beliebiger Text. Es hat seine Wurzeln in einem St\u00fcck klassischer lateinischer Literatur aus dem Jahr 45 vor Christus, das macht<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:6px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-8707c93c wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns are-vertically-aligned-center 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<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-eb817b6c wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-green-cyan-background-color has-text-color has-background wp-element-button\" style=\"border-radius:30px;padding-top:3px;padding-right:40px;padding-bottom:3px;padding-left:40px\">Lorem <\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button\" style=\"border-radius:30px;padding-top:3px;padding-right:40px;padding-bottom:3px;padding-left:40px\">Lorem <\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button\" style=\"border-radius:30px;padding-top:3px;padding-right:40px;padding-bottom:3px;padding-left:40px\">Lorem <\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--3\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button\" style=\"border-radius:30px;padding-top:3px;padding-right:40px;padding-bottom:3px;padding-left:40px\">Lorem <\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:9px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns has-border-color has-light-green-cyan-border-color has-background is-layout-flex wp-container-core-columns-is-layout-662fc22c wp-block-columns-is-layout-flex\" style=\"border-style:solid;border-radius:32px;background-color:#bcf5d4;padding-top:40px;padding-right:20px;padding-bottom:40px;padding-left:20px\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left wp-block-paragraph\" style=\"font-size:18px;line-height:1.4\">Es gibt viele Variationen von Lorem Ipsum, aber die meisten sind in irgendeiner Form ver\u00e4ndert worden, z. B. durch eingef\u00fcgten Humor oder willk\u00fcrliche W\u00f6rter, die nicht einmal ann\u00e4hernd glaubw\u00fcrdig wirken. Wenn Sie eine Lorem-Ipsum-Passage verwenden wollen, m\u00fcssen Sie sicher sein, dass in der Mitte des Textes nichts Peinliches versteckt ist.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:18px;line-height:1.2\"><strong>\u2714\u00a0Wo bekomme ich das?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:18px;line-height:1.2\"><strong>\u2714 Entgegen der landl\u00e4ufigen Meinung ist Lorem Ipsum nicht einfach ein beliebiger Text.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:18px;line-height:1.2\"><strong>\u2714 The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:18px;line-height:1.2\">\u2714 <strong><strong>Lorem Ipsum<\/strong>\u00a0ist einfach ein Platzhaltertext der Druck- und Zeichensetzungsbranche<\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":20340707,"parent":60234,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"","wpop_description":"","wpop_viewport_width":1200,"wpop_block_types":[""],"wpop_locale":"de_DE_formal","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/column,core\/columns,core\/group,core\/heading,core\/paragraph,core\/spacer","footnotes":""},"pattern-categories":[3,5,6],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-288548","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-columns","wporg-pattern-category-header","wporg-pattern-category-text"],"category_slugs":["columns","header","text"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"50px\",\"right\":\"15px\",\"bottom\":\"50px\",\"left\":\"15px\"}}},\"layout\":{\"contentSize\":\"1000px\",\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group alignfull\" style=\"padding-top:50px;padding-right:15px;padding-bottom:50px;padding-left:15px\"><!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column {\"verticalAlignment\":\"center\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\"><!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column {\"layout\":{\"contentSize\":\"700px\"}} -->\n<div class=\"wp-block-column\"><!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"typography\":{\"lineHeight\":\"0\"}},\"textColor\":\"vivid-green-cyan\",\"fontSize\":\"medium\"} -->\n<h2 class=\"has-text-align-center has-vivid-green-cyan-color has-text-color has-medium-font-size\" style=\"line-height:0\"><strong>Lorem Ipsum<\/strong><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"typography\":{\"lineHeight\":\"1.2\"}},\"fontSize\":\"large\"} -->\n<h2 class=\"has-text-align-center has-large-font-size\" style=\"line-height:1.2\"><strong>Was ist Lorem Ipsum?<\/strong><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"style\":{\"typography\":{\"lineHeight\":\"1.4\",\"fontSize\":\"16px\"}}} -->\n<p class=\"has-text-align-center\" style=\"font-size:16px;line-height:1.4\">Entgegen der landl\u00e4ufigen Meinung ist Lorem Ipsum nicht einfach ein beliebiger Text. Es hat seine Wurzeln in einem St\u00fcck klassischer lateinischer Literatur aus dem Jahr 45 vor Christus, das macht<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->\n\n<!-- wp:spacer {\"height\":\"6px\"} -->\n<div style=\"height:6px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:group {\"layout\":{\"type\":\"constrained\",\"contentSize\":\"800px\",\"justifyContent\":\"center\"}} -->\n<div class=\"wp-block-group\"><!-- wp:columns {\"verticalAlignment\":\"center\"} -->\n<div class=\"wp-block-columns are-vertically-aligned-center\"><!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\"><!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"},\"style\":{\"spacing\":{\"blockGap\":{\"top\":\"8px\",\"left\":\"8px\"}}}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"vivid-green-cyan\",\"textColor\":\"white\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"3px\",\"right\":\"40px\",\"bottom\":\"3px\",\"left\":\"40px\"}},\"border\":{\"radius\":\"30px\"}}} -->\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-green-cyan-background-color has-text-color has-background wp-element-button\" style=\"border-radius:30px;padding-top:3px;padding-right:40px;padding-bottom:3px;padding-left:40px\">Lorem <\/a><\/div>\n<!-- \/wp:button -->\n\n<!-- wp:button {\"backgroundColor\":\"white\",\"textColor\":\"black\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"3px\",\"right\":\"40px\",\"bottom\":\"3px\",\"left\":\"40px\"}},\"border\":{\"radius\":\"30px\"}},\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button\" style=\"border-radius:30px;padding-top:3px;padding-right:40px;padding-bottom:3px;padding-left:40px\">Lorem <\/a><\/div>\n<!-- \/wp:button -->\n\n<!-- wp:button {\"backgroundColor\":\"white\",\"textColor\":\"black\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"3px\",\"right\":\"40px\",\"bottom\":\"3px\",\"left\":\"40px\"}},\"border\":{\"radius\":\"30px\"}},\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button\" style=\"border-radius:30px;padding-top:3px;padding-right:40px;padding-bottom:3px;padding-left:40px\">Lorem <\/a><\/div>\n<!-- \/wp:button -->\n\n<!-- wp:button {\"backgroundColor\":\"white\",\"textColor\":\"black\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"3px\",\"right\":\"40px\",\"bottom\":\"3px\",\"left\":\"40px\"}},\"border\":{\"radius\":\"30px\"}},\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button\" style=\"border-radius:30px;padding-top:3px;padding-right:40px;padding-bottom:3px;padding-left:40px\">Lorem <\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:spacer {\"height\":\"9px\"} -->\n<div style=\"height:9px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:columns {\"style\":{\"border\":{\"style\":\"solid\",\"radius\":\"32px\"},\"color\":{\"background\":\"#bcf5d4\"},\"spacing\":{\"padding\":{\"top\":\"40px\",\"right\":\"20px\",\"bottom\":\"40px\",\"left\":\"20px\"}}},\"borderColor\":\"light-green-cyan\"} -->\n<div class=\"wp-block-columns has-border-color has-light-green-cyan-border-color has-background\" style=\"border-style:solid;border-radius:32px;background-color:#bcf5d4;padding-top:40px;padding-right:20px;padding-bottom:40px;padding-left:20px\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:paragraph {\"align\":\"left\",\"style\":{\"typography\":{\"fontSize\":\"18px\",\"lineHeight\":\"1.4\"}}} -->\n<p class=\"has-text-align-left\" style=\"font-size:18px;line-height:1.4\">Es gibt viele Variationen von Lorem Ipsum, aber die meisten sind in irgendeiner Form ver\u00e4ndert worden, z. B. durch eingef\u00fcgten Humor oder willk\u00fcrliche W\u00f6rter, die nicht einmal ann\u00e4hernd glaubw\u00fcrdig wirken. Wenn Sie eine Lorem-Ipsum-Passage verwenden wollen, m\u00fcssen Sie sicher sein, dass in der Mitte des Textes nichts Peinliches versteckt ist.&nbsp;<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\",\"lineHeight\":\"1.2\"}}} -->\n<p style=\"font-size:18px;line-height:1.2\"><strong>\u2714\u00a0Wo bekomme ich das?<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\",\"lineHeight\":\"1.2\"}}} -->\n<p style=\"font-size:18px;line-height:1.2\"><strong>\u2714 Entgegen der landl\u00e4ufigen Meinung ist Lorem Ipsum nicht einfach ein beliebiger Text.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\",\"lineHeight\":\"1.2\"}}} -->\n<p style=\"font-size:18px;line-height:1.2\"><strong>\u2714 The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\",\"lineHeight\":\"1.2\"}}} -->\n<p style=\"font-size:18px;line-height:1.2\">\u2714 <strong><strong>Lorem Ipsum<\/strong>\u00a0ist einfach ein Platzhaltertext der Druck- und Zeichensetzungsbranche<\/strong><\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->","favorite_count":0,"author_meta":{"name":"FinestWebGeek.com","url":"https:\/\/wordpress.org\/patterns\/author\/finestwebgeek","avatar":"https:\/\/secure.gravatar.com\/avatar\/5501a07bc9bf4a730e94fa637f194c1c33b8f841ffaf527b6bc0417f481bb320?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\/288548","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":10,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/288548\/revisions"}],"predecessor-version":[{"id":780067,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/288548\/revisions\/780067"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/finestwebgeek"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=288548"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=288548"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=288548"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=288548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}