{"id":1219033,"date":"2026-05-31T22:04:40","date_gmt":"2026-05-31T22:04:40","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=1219033"},"modified":"2026-05-31T22:04:40","modified_gmt":"2026-05-31T22:04:40","slug":"photo-call-to-action-for-focused-work","status":"publish","type":"wporg-pattern","link":"https:\/\/it.wordpress.org\/patterns\/pattern\/photo-call-to-action-for-focused-work\/","title":{"rendered":"Photo call to action for focused work"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-text-color has-background is-layout-constrained wp-container-core-group-is-layout-966a5364 wp-block-group-is-layout-constrained\" style=\"color:#17211D;background-color:#F6F8F4;padding-top:72px;padding-right:24px;padding-bottom:72px;padding-left:24px\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-67bb96b9 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\" style=\"flex-basis:48%\">\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" src=\"https:\/\/pd.w.org\/2026\/05\/30969fb05f0c54c16.00713945.jpeg\" alt=\"A hand holds a striped mug of tea at a white desk with a laptop and monitor, creating a focused workspace.\" style=\"border-radius:28px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:52%\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#2F6F5E;font-size:13px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase\">Focused next step<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-color\" style=\"color:#111827;margin-top:12px;font-size:48px;font-weight:800;letter-spacing:0;line-height:1.04\">Make it easy to move from interest to action.<\/h2>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#4B5563;margin-top:20px;font-size:18px;line-height:1.65\">Use this section when visitors need one clear invitation after learning about a service, resource, program, event, or product.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-2919cfe6 wp-block-group-is-layout-constrained\" style=\"border-left-color:#2F6F5E;border-left-width:4px;margin-top:26px;padding-left:18px\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#26352F;font-size:16px;font-weight:600;line-height:1.6\">Keep the message short, show what happens next, and give people a simple way to continue.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\" style=\"margin-top:30px\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-background wp-element-button\" href=\"#\" style=\"border-radius:12px;color:#FFFFFF;background-color:#2F6F5E;padding-top:14px;padding-right:22px;padding-bottom:14px;padding-left:22px\">Take the next step<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\" style=\"border-radius:12px;padding-top:14px;padding-right:22px;padding-bottom:14px;padding-left:22px\">Read more first<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#6B7280;margin-top:18px;font-size:14px;line-height:1.6\">Replace the buttons with links to booking, registration, onboarding, download, donation, or contact pages.<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":9676419,"parent":0,"template":"","meta":{"wpop_keywords":"call to action, photo, buttons, service, resource, registration, next step","wpop_description":"A full-width photo call to action with a focused message, supporting note, two buttons, and a reusable WordPress Photo Directory image.","wpop_viewport_width":1200,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/column,core\/columns,core\/group,core\/heading,core\/image,core\/paragraph","footnotes":""},"pattern-categories":[42],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-1219033","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-call-to-action"],"category_slugs":["call-to-action"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"align\":\"full\",\"style\":{\"color\":{\"background\":\"#F6F8F4\",\"text\":\"#17211D\"},\"spacing\":{\"padding\":{\"top\":\"72px\",\"right\":\"24px\",\"bottom\":\"72px\",\"left\":\"24px\"}}},\"layout\":{\"type\":\"constrained\",\"contentSize\":\"1180px\"}} -->\n<div class=\"wp-block-group alignfull has-text-color has-background\" style=\"color:#17211D;background-color:#F6F8F4;padding-top:72px;padding-right:24px;padding-bottom:72px;padding-left:24px\"><!-- wp:columns {\"verticalAlignment\":\"center\",\"align\":\"wide\",\"style\":{\"spacing\":{\"blockGap\":{\"top\":\"36px\",\"left\":\"56px\"}}}} -->\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center\"><!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"48%\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"flex-basis:48%\"><!-- wp:image {\"sizeSlug\":\"large\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":\"28px\"}}} -->\n<figure class=\"wp-block-image size-large has-custom-border\"><img src=\"https:\/\/pd.w.org\/2026\/05\/30969fb05f0c54c16.00713945.jpeg\" alt=\"A hand holds a striped mug of tea at a white desk with a laptop and monitor, creating a focused workspace.\" style=\"border-radius:28px\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"52%\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"flex-basis:52%\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"13px\",\"fontWeight\":\"800\",\"letterSpacing\":\"0.08em\",\"textTransform\":\"uppercase\"},\"color\":{\"text\":\"#2F6F5E\"}}} -->\n<p class=\"has-text-color\" style=\"color:#2F6F5E;font-size:13px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase\">Focused next step<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"48px\",\"fontWeight\":\"800\",\"lineHeight\":\"1.04\",\"letterSpacing\":\"0\"},\"color\":{\"text\":\"#111827\"},\"spacing\":{\"margin\":{\"top\":\"12px\"}}}} -->\n<h2 class=\"wp-block-heading has-text-color\" style=\"color:#111827;margin-top:12px;font-size:48px;font-weight:800;letter-spacing:0;line-height:1.04\">Make it easy to move from interest to action.<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"18px\",\"lineHeight\":\"1.65\"},\"color\":{\"text\":\"#4B5563\"},\"spacing\":{\"margin\":{\"top\":\"20px\"}}}} -->\n<p class=\"has-text-color\" style=\"color:#4B5563;margin-top:20px;font-size:18px;line-height:1.65\">Use this section when visitors need one clear invitation after learning about a service, resource, program, event, or product.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:group {\"style\":{\"border\":{\"left\":{\"color\":\"#2F6F5E\",\"width\":\"4px\"}},\"spacing\":{\"padding\":{\"left\":\"18px\"},\"margin\":{\"top\":\"26px\"}}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\" style=\"border-left-color:#2F6F5E;border-left-width:4px;margin-top:26px;padding-left:18px\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"lineHeight\":\"1.6\",\"fontWeight\":\"600\"},\"color\":{\"text\":\"#26352F\"}}} -->\n<p class=\"has-text-color\" style=\"color:#26352F;font-size:16px;font-weight:600;line-height:1.6\">Keep the message short, show what happens next, and give people a simple way to continue.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:buttons {\"style\":{\"spacing\":{\"margin\":{\"top\":\"30px\"}}},\"layout\":{\"type\":\"flex\",\"flexWrap\":\"wrap\"}} -->\n<div class=\"wp-block-buttons\" style=\"margin-top:30px\"><!-- wp:button {\"style\":{\"color\":{\"background\":\"#2F6F5E\",\"text\":\"#FFFFFF\"},\"border\":{\"radius\":\"12px\"},\"spacing\":{\"padding\":{\"top\":\"14px\",\"right\":\"22px\",\"bottom\":\"14px\",\"left\":\"22px\"}}}} -->\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-background wp-element-button\" href=\"#\" style=\"border-radius:12px;color:#FFFFFF;background-color:#2F6F5E;padding-top:14px;padding-right:22px;padding-bottom:14px;padding-left:22px\">Take the next step<\/a><\/div>\n<!-- \/wp:button -->\n\n<!-- wp:button {\"className\":\"is-style-outline\",\"style\":{\"border\":{\"radius\":\"12px\"},\"spacing\":{\"padding\":{\"top\":\"14px\",\"right\":\"22px\",\"bottom\":\"14px\",\"left\":\"22px\"}}}} -->\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\" style=\"border-radius:12px;padding-top:14px;padding-right:22px;padding-bottom:14px;padding-left:22px\">Read more first<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"14px\",\"lineHeight\":\"1.6\"},\"color\":{\"text\":\"#6B7280\"},\"spacing\":{\"margin\":{\"top\":\"18px\"}}}} -->\n<p class=\"has-text-color\" style=\"color:#6B7280;margin-top:18px;font-size:14px;line-height:1.6\">Replace the buttons with links to booking, registration, onboarding, download, donation, or contact pages.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->","favorite_count":1,"author_meta":{"name":"Kamran Abdul Aziz","url":"https:\/\/it.wordpress.org\/patterns\/author\/ekamran","avatar":"https:\/\/secure.gravatar.com\/avatar\/60e988ec792fd9d57b323806b34dc0166b4f604f5d3fe30a567d3c90be6b01b5?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\/1219033","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":1,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1219033\/revisions"}],"predecessor-version":[{"id":1219036,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1219033\/revisions\/1219036"}],"author":[{"embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/ekamran"}],"wp:attachment":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=1219033"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=1219033"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=1219033"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=1219033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}