{"id":513314,"date":"2024-03-27T01:57:55","date_gmt":"2024-03-27T01:57:55","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=513314"},"modified":"2024-04-05T10:21:26","modified_gmt":"2024-04-05T10:21:26","slug":"text-image-button-pattern","status":"publish","type":"wporg-pattern","link":"https:\/\/it.wordpress.org\/patterns\/pattern\/text-image-button-pattern\/","title":{"rendered":"Image Text Button Pattern"},"content":{"rendered":"\n<div class=\"wp-block-cover aligncenter is-light has-black-color has-text-color has-link-color wp-elements-06ba4d9f5e3fb0da33b8d70d8ffdbacb\" style=\"border-width:2px;border-radius:0px;padding-top:var(--wp--preset--spacing--edge-space);padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:var(--wp--preset--spacing--edge-space);padding-left:var(--wp--preset--spacing--edge-space);min-height:252px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-light-grey-2-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-container-core-cover-is-layout-a95fa994 wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile is-image-fill\"><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-align-center wp-block-paragraph\"><em>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text.<\/em><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-93e96d46 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wordpress.org\/patterns\/\">Read More<\/a><\/div>\n<\/div>\n<\/div><figure class=\"wp-block-media-text__media\" style=\"background-image:url(https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvc3YyMDU5NDAtaW1hZ2Uta3d2eDY1OHAuanBn.jpg);background-position:49% 23%\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvc3YyMDU5NDAtaW1hZ2Uta3d2eDY1OHAuanBn.jpg\" alt=\"Mountain Cloud Image\" \/><\/figure><\/div>\n<\/div><\/div>\n","protected":false},"author":16703776,"parent":0,"template":"","meta":{"wpop_keywords":"","wpop_description":"This pattern has text, button, image, so I have named this Image Text Button Pattern. This will be helpful if we need Text, Button, Image pattern.","wpop_viewport_width":800,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/cover,core\/media-text,core\/paragraph","footnotes":"[]"},"pattern-categories":[2,42,6],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-513314","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-buttons","wporg-pattern-category-call-to-action","wporg-pattern-category-text"],"category_slugs":["buttons","call-to-action","text"],"keyword_slugs":[],"pattern_content":"<!-- wp:cover {\"overlayColor\":\"light-grey-2\",\"isUserOverlayColor\":true,\"minHeight\":252,\"minHeightUnit\":\"px\",\"contentPosition\":\"center center\",\"isDark\":false,\"align\":\"center\",\"style\":{\"border\":{\"radius\":\"0px\",\"width\":\"2px\"},\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|edge-space\",\"bottom\":\"var:preset|spacing|edge-space\",\"left\":\"var:preset|spacing|edge-space\",\"right\":\"var:preset|spacing|edge-space\"}},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}}},\"textColor\":\"black\",\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-cover aligncenter is-light has-black-color has-text-color has-link-color\" style=\"border-width:2px;border-radius:0px;padding-top:var(--wp--preset--spacing--edge-space);padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:var(--wp--preset--spacing--edge-space);padding-left:var(--wp--preset--spacing--edge-space);min-height:252px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-light-grey-2-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\"><!-- wp:media-text {\"align\":\"full\",\"mediaPosition\":\"right\",\"mediaType\":\"image\",\"imageFill\":true,\"focalPoint\":{\"x\":0.49,\"y\":0.23}} -->\n<div class=\"wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile is-image-fill\"><div class=\"wp-block-media-text__content\"><!-- wp:paragraph {\"align\":\"center\",\"placeholder\":\"Content\u2026\"} -->\n<p class=\"has-text-align-center\"><em>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.<\/em><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\",\"verticalAlignment\":\"top\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wordpress.org\/patterns\/\">Read More<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div><figure class=\"wp-block-media-text__media\" style=\"background-image:url(https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvc3YyMDU5NDAtaW1hZ2Uta3d2eDY1OHAuanBn.jpg);background-position:49% 23%\"><img src=\"https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvc3YyMDU5NDAtaW1hZ2Uta3d2eDY1OHAuanBn.jpg\" alt=\"Mountain Cloud Image\" \/><\/figure><\/div>\n<!-- \/wp:media-text --><\/div><\/div>\n<!-- \/wp:cover -->","favorite_count":15,"author_meta":{"name":"Narendra Sishodiya","url":"https:\/\/it.wordpress.org\/patterns\/author\/narenin","avatar":"https:\/\/secure.gravatar.com\/avatar\/2b977fd38f4eec82749768b4521cb4f24fca88449c971c3719405b95efc25b4a?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/513314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":20,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/513314\/revisions"}],"predecessor-version":[{"id":517052,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/513314\/revisions\/517052"}],"author":[{"embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/narenin"}],"wp:attachment":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=513314"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=513314"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=513314"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=513314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}