{"id":1829,"date":"2026-10-22T10:22:42","date_gmt":"2026-10-22T10:22:42","guid":{"rendered":"https:\/\/sites.exeter.ac.uk\/webteam\/?p=1829"},"modified":"2026-10-22T10:36:51","modified_gmt":"2026-10-22T10:36:51","slug":"modal-windows-making-your-page-pop","status":"publish","type":"post","link":"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/","title":{"rendered":"Modal Windows \u2013 making your page pop!\u00a0"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The Modal Window template is a useful way to provide additional content without making the page feel cluttered or overly text heavy.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Modal Windows are pop-up boxes which can contain text, as well as an image or a video and can be linked to from a panel or text.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">They are a great way to break up big blocks of text, highlight images and make the page more interactive.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can see Modal Windows in use in various ways on an <a href=\"https:\/\/www.exeter.ac.uk\/staff\/web\/recruitmenttemplates\/modalwindows\/\" target=\"_blank\" rel=\"noreferrer noopener\">example page on the Web Support site<\/a>. This page also provides key guidance and specifications for T4 users.\u202f&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Please note: The Modal Windows template is not available for use on sites built in the older Approved Responsive templates.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>If you have any questions about using Modal Windows, please email: <\/strong><a href=\"mailto:digitalteam@exeter.ac.uk\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>digitalteam@exeter.ac.uk<\/strong><\/a>\u202f&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Modal Window template is a useful way to provide additional content without making the page feel cluttered or overly text heavy.&nbsp; Modal Windows are [&hellip;]<\/p>\n","protected":false},"author":89,"featured_media":1831,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1,11],"tags":[],"class_list":["post-1829","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","category-t4-tips"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Modal Windows \u2013 making your page pop!\u00a0 | Web Team Blog | University of Exeter<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Modal Windows \u2013 making your page pop!\u00a0 | Web Team Blog | University of Exeter\" \/>\n<meta property=\"og:description\" content=\"The Modal Window template is a useful way to provide additional content without making the page feel cluttered or overly text heavy.&nbsp; Modal Windows are [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Team Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/exeteruni\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-22T10:22:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-22T10:36:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sites.exeter.ac.uk\/webteam\/wp-content\/uploads\/sites\/307\/2026\/10\/modalwindow-screengrab.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"930\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sally Cowling\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@UniofExeter\" \/>\n<meta name=\"twitter:site\" content=\"@UniofExeter\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sally Cowling\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/\"},\"author\":{\"name\":\"Sally Cowling\",\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/#\/schema\/person\/da411216a3d8e5f26270962de4d431bd\"},\"headline\":\"Modal Windows \u2013 making your page pop!\u00a0\",\"datePublished\":\"2026-10-22T10:22:42+00:00\",\"dateModified\":\"2026-10-22T10:36:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/\"},\"wordCount\":148,\"publisher\":{\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/#organization\"},\"image\":{\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sites.exeter.ac.uk\/webteam\/wp-content\/uploads\/sites\/307\/2026\/10\/modalwindow-screengrab.jpg\",\"articleSection\":[\"General\",\"T4 tips\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/\",\"url\":\"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/\",\"name\":\"Modal Windows \u2013 making your page pop!\u00a0 | Web Team Blog | University of Exeter\",\"isPartOf\":{\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sites.exeter.ac.uk\/webteam\/wp-content\/uploads\/sites\/307\/2026\/10\/modalwindow-screengrab.jpg\",\"datePublished\":\"2026-10-22T10:22:42+00:00\",\"dateModified\":\"2026-10-22T10:36:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/#primaryimage\",\"url\":\"https:\/\/sites.exeter.ac.uk\/webteam\/wp-content\/uploads\/sites\/307\/2026\/10\/modalwindow-screengrab.jpg\",\"contentUrl\":\"https:\/\/sites.exeter.ac.uk\/webteam\/wp-content\/uploads\/sites\/307\/2026\/10\/modalwindow-screengrab.jpg\",\"width\":930,\"height\":500,\"caption\":\"Screen grab of a modal window example\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sites.exeter.ac.uk\/webteam\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Modal Windows \u2013 making your page pop!\u00a0\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/#website\",\"url\":\"https:\/\/sites.exeter.ac.uk\/webteam\/\",\"name\":\"Web Team Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sites.exeter.ac.uk\/webteam\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/#organization\",\"name\":\"University of Exeter\",\"url\":\"https:\/\/sites.exeter.ac.uk\/webteam\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sites.exeter.ac.uk\/webteam\/wp-content\/uploads\/sites\/307\/2025\/03\/FltpOaDfTiuRlrA6MVOk_UoE-horizontal-black-scaled.webp\",\"contentUrl\":\"https:\/\/sites.exeter.ac.uk\/webteam\/wp-content\/uploads\/sites\/307\/2025\/03\/FltpOaDfTiuRlrA6MVOk_UoE-horizontal-black-scaled.webp\",\"width\":2560,\"height\":869,\"caption\":\"University of Exeter\"},\"image\":{\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/exeteruni\",\"https:\/\/x.com\/UniofExeter\",\"https:\/\/www.linkedin.com\/school\/university-of-exeter\",\"https:\/\/www.youtube.com\/universityofexeter\",\"https:\/\/www.tiktok.com\/@uniofexeter\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/#\/schema\/person\/da411216a3d8e5f26270962de4d431bd\",\"name\":\"Sally Cowling\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sites.exeter.ac.uk\/webteam\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/43cce2f0137d9c19f8f0bbe588cc96196cbf404ab709884859bb50e210b519eb?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/43cce2f0137d9c19f8f0bbe588cc96196cbf404ab709884859bb50e210b519eb?s=96&d=mm&r=g\",\"caption\":\"Sally Cowling\"},\"url\":\"https:\/\/sites.exeter.ac.uk\/webteam\/author\/sjc236\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Modal Windows \u2013 making your page pop!\u00a0 | Web Team Blog | University of Exeter","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/","og_locale":"en_US","og_type":"article","og_title":"Modal Windows \u2013 making your page pop!\u00a0 | Web Team Blog | University of Exeter","og_description":"The Modal Window template is a useful way to provide additional content without making the page feel cluttered or overly text heavy.&nbsp; Modal Windows are [&hellip;]","og_url":"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/","og_site_name":"Web Team Blog","article_publisher":"https:\/\/www.facebook.com\/exeteruni","article_published_time":"2026-10-22T10:22:42+00:00","article_modified_time":"2026-10-22T10:36:51+00:00","og_image":[{"width":930,"height":500,"url":"https:\/\/sites.exeter.ac.uk\/webteam\/wp-content\/uploads\/sites\/307\/2026\/10\/modalwindow-screengrab.jpg","type":"image\/jpeg"}],"author":"Sally Cowling","twitter_card":"summary_large_image","twitter_creator":"@UniofExeter","twitter_site":"@UniofExeter","twitter_misc":{"Written by":"Sally Cowling","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/#article","isPartOf":{"@id":"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/"},"author":{"name":"Sally Cowling","@id":"https:\/\/sites.exeter.ac.uk\/webteam\/#\/schema\/person\/da411216a3d8e5f26270962de4d431bd"},"headline":"Modal Windows \u2013 making your page pop!\u00a0","datePublished":"2026-10-22T10:22:42+00:00","dateModified":"2026-10-22T10:36:51+00:00","mainEntityOfPage":{"@id":"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/"},"wordCount":148,"publisher":{"@id":"https:\/\/sites.exeter.ac.uk\/webteam\/#organization"},"image":{"@id":"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/#primaryimage"},"thumbnailUrl":"https:\/\/sites.exeter.ac.uk\/webteam\/wp-content\/uploads\/sites\/307\/2026\/10\/modalwindow-screengrab.jpg","articleSection":["General","T4 tips"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/","url":"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/","name":"Modal Windows \u2013 making your page pop!\u00a0 | Web Team Blog | University of Exeter","isPartOf":{"@id":"https:\/\/sites.exeter.ac.uk\/webteam\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/#primaryimage"},"image":{"@id":"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/#primaryimage"},"thumbnailUrl":"https:\/\/sites.exeter.ac.uk\/webteam\/wp-content\/uploads\/sites\/307\/2026\/10\/modalwindow-screengrab.jpg","datePublished":"2026-10-22T10:22:42+00:00","dateModified":"2026-10-22T10:36:51+00:00","breadcrumb":{"@id":"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/#primaryimage","url":"https:\/\/sites.exeter.ac.uk\/webteam\/wp-content\/uploads\/sites\/307\/2026\/10\/modalwindow-screengrab.jpg","contentUrl":"https:\/\/sites.exeter.ac.uk\/webteam\/wp-content\/uploads\/sites\/307\/2026\/10\/modalwindow-screengrab.jpg","width":930,"height":500,"caption":"Screen grab of a modal window example"},{"@type":"BreadcrumbList","@id":"https:\/\/sites.exeter.ac.uk\/webteam\/2026\/10\/22\/modal-windows-making-your-page-pop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sites.exeter.ac.uk\/webteam\/"},{"@type":"ListItem","position":2,"name":"Modal Windows \u2013 making your page pop!\u00a0"}]},{"@type":"WebSite","@id":"https:\/\/sites.exeter.ac.uk\/webteam\/#website","url":"https:\/\/sites.exeter.ac.uk\/webteam\/","name":"Web Team Blog","description":"","publisher":{"@id":"https:\/\/sites.exeter.ac.uk\/webteam\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sites.exeter.ac.uk\/webteam\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sites.exeter.ac.uk\/webteam\/#organization","name":"University of Exeter","url":"https:\/\/sites.exeter.ac.uk\/webteam\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sites.exeter.ac.uk\/webteam\/#\/schema\/logo\/image\/","url":"https:\/\/sites.exeter.ac.uk\/webteam\/wp-content\/uploads\/sites\/307\/2025\/03\/FltpOaDfTiuRlrA6MVOk_UoE-horizontal-black-scaled.webp","contentUrl":"https:\/\/sites.exeter.ac.uk\/webteam\/wp-content\/uploads\/sites\/307\/2025\/03\/FltpOaDfTiuRlrA6MVOk_UoE-horizontal-black-scaled.webp","width":2560,"height":869,"caption":"University of Exeter"},"image":{"@id":"https:\/\/sites.exeter.ac.uk\/webteam\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/exeteruni","https:\/\/x.com\/UniofExeter","https:\/\/www.linkedin.com\/school\/university-of-exeter","https:\/\/www.youtube.com\/universityofexeter","https:\/\/www.tiktok.com\/@uniofexeter"]},{"@type":"Person","@id":"https:\/\/sites.exeter.ac.uk\/webteam\/#\/schema\/person\/da411216a3d8e5f26270962de4d431bd","name":"Sally Cowling","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sites.exeter.ac.uk\/webteam\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/43cce2f0137d9c19f8f0bbe588cc96196cbf404ab709884859bb50e210b519eb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/43cce2f0137d9c19f8f0bbe588cc96196cbf404ab709884859bb50e210b519eb?s=96&d=mm&r=g","caption":"Sally Cowling"},"url":"https:\/\/sites.exeter.ac.uk\/webteam\/author\/sjc236\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/sites.exeter.ac.uk\/webteam\/wp-content\/uploads\/sites\/307\/2026\/10\/modalwindow-screengrab.jpg","_links":{"self":[{"href":"https:\/\/sites.exeter.ac.uk\/webteam\/wp-json\/wp\/v2\/posts\/1829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.exeter.ac.uk\/webteam\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.exeter.ac.uk\/webteam\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.exeter.ac.uk\/webteam\/wp-json\/wp\/v2\/users\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.exeter.ac.uk\/webteam\/wp-json\/wp\/v2\/comments?post=1829"}],"version-history":[{"count":1,"href":"https:\/\/sites.exeter.ac.uk\/webteam\/wp-json\/wp\/v2\/posts\/1829\/revisions"}],"predecessor-version":[{"id":1833,"href":"https:\/\/sites.exeter.ac.uk\/webteam\/wp-json\/wp\/v2\/posts\/1829\/revisions\/1833"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sites.exeter.ac.uk\/webteam\/wp-json\/wp\/v2\/media\/1831"}],"wp:attachment":[{"href":"https:\/\/sites.exeter.ac.uk\/webteam\/wp-json\/wp\/v2\/media?parent=1829"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.exeter.ac.uk\/webteam\/wp-json\/wp\/v2\/categories?post=1829"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.exeter.ac.uk\/webteam\/wp-json\/wp\/v2\/tags?post=1829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}