{"id":51673,"date":"2026-10-07T11:17:00","date_gmt":"2026-10-07T07:47:00","guid":{"rendered":"https:\/\/8899.ir\/web\/?p=51673"},"modified":"2026-10-07T11:17:00","modified_gmt":"2026-10-07T07:47:00","slug":"stp-web-20261007-patterns-en","status":"publish","type":"post","link":"https:\/\/8899.ir\/web\/stp-web-20261007-patterns-en\/","title":{"rendered":"WordPress practice: keep a contact box synchronized across posts"},"content":{"rendered":"
\n

WordPress practice: keep a contact box synchronized across posts<\/h2>\n
\n

Exercise goal: place a contact box in two test posts and update both copies with one edit.<\/p>\n

Prerequisites: WordPress with the block editor and permission to edit content. Start on a test site.<\/p>\n

In the first post, create a Group block containing a \u201cContact us\u201d heading, a paragraph, and a contact button.<\/p>\n

Select the box, open its three-dot menu, choose Create pattern, name it \u201cShared contact box,\u201d and enable Synced.<\/p>\n

Save the pattern. Option labels can vary slightly with the WordPress version and interface language.<\/p>\n

In the second post, find the saved pattern in the block inserter and insert a single instance.<\/p>\n

\"Official
Official WordPress screenshot of the Detach pattern option. Image source<\/a><\/figcaption><\/figure>\n

Save both posts and open their public views. The heading and contact text should match.<\/p>\n

Change the shared text to \u201cReplies during business hours\u201d and confirm the pattern change in the save flow.<\/p>\n

Reload both pages. If one is stale, clear its page cache and check that you used a synced pattern.<\/p>\n

For an exception, choose Detach pattern in the second post. This option may be unavailable for a locked pattern.<\/p>\n

Write custom text in the detached box. Subsequent edits to the original pattern should change only the first post.<\/p>\n

Success check: synced instances change together, while the detached copy remains independent. Deleting the shared pattern can break its existing instances.<\/p>\n

\n

Official sources<\/h3>\n