{"id":425,"date":"2020-05-26T22:55:57","date_gmt":"2020-05-26T22:55:57","guid":{"rendered":"https:\/\/university-communications.ncsu.edu\/documentation\/?page_id=425"},"modified":"2026-07-31T17:43:18","modified_gmt":"2026-07-31T21:43:18","slug":"media-divider-block","status":"publish","type":"reference-article","link":"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/media-divider-block\/","title":{"rendered":"Media Divider Block"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Use Cases<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Media Divider block is best used to break up large chunks of text while simultaneously making a page more visually interesting to the reader. This block stylizes images in a wider, more eye-catching format than a standard Image block. This block can also be a nice way to highlight stunning photography, as it sprawls across a large portion of a page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/screen-shot-media-divider.png\" data-fullsize=\"2194x1244\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"581\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/screen-shot-media-divider-1024x581.png\" alt=\"An example of the Media Divider block showcasing Hunt Library\" class=\"wp-image-573\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/screen-shot-media-divider-1024x581.png 1024w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/screen-shot-media-divider-300x170.png 300w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/screen-shot-media-divider-768x435.png 768w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/screen-shot-media-divider-1536x871.png 1536w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/screen-shot-media-divider-2048x1161.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Features<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To add a Media Divider block to a page, click the &#8220;Add a block&#8221; button and choose &#8220;Media Divider&#8221; from the block list. Alternatively, the block can be found by using the &#8220;Search for a block&#8221; function. For more information on blocks and adding them to a WordPress site, see our <a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/blocks\/\" data-type=\"link\" data-id=\"https:\/\/university-communications.ncsu.edu\/documentation\/products-and-tools\/nc-state-web-platform\/mangaing-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">documentation on managing blocks<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/media-divider-pt-1.gif\" data-fullsize=\"1500x874\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"874\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/media-divider-pt-1.gif\" alt=\"The click by click process of adding a media divider block to a page.\" class=\"wp-image-569\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After adding the Media Divider block, upload an image or choose one from the Media Library. WordPress will then implement the wider styling across the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/media-divider-pt-2.gif\" data-fullsize=\"1500x874\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"874\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/media-divider-pt-2.gif\" alt=\"The click by click process of adding an image to the media divider block.\" class=\"wp-image-571\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The Media Divider block can also display a video file. To use this option, in the right-hand menu click &#8220;Select an .mp4 File.&#8221; When an .mp4 is uploaded this way, the original image will act as a thumbnail on the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/screen-shot-media-divider-select-mp4.png\" data-fullsize=\"2222x1234\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"569\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/screen-shot-media-divider-select-mp4-1024x569.png\" alt=\"A red arrow highlights where you can add a moving media file in the media divider block settings\" class=\"wp-image-575\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/screen-shot-media-divider-select-mp4-1024x569.png 1024w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/screen-shot-media-divider-select-mp4-300x167.png 300w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/screen-shot-media-divider-select-mp4-768x427.png 768w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/screen-shot-media-divider-select-mp4-1536x853.png 1536w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/screen-shot-media-divider-select-mp4-2048x1137.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false,"ncst_custom_author":"","ncst_show_custom_author":false,"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{\"pageIntro\":\"Forming dramatic page breaks and highlighting particularly special images. \"}","ncst_content_audit_freq":"","ncst_content_audit_date":"","ncst_content_audit_display":false,"ncst_backToTopFlag":"","_links_to":"","_links_to_target":""},"availability":[72,71,49],"content-type":[51],"class_list":["post-425","reference-article","type-reference-article","status-publish","hentry","availability-nc-state-premium-add-on","availability-nc-state-pro-add-on","availability-nc-state-theme","content-type-block"],"acf":[],"_links":{"self":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article"}],"about":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/reference-article"}],"version-history":[{"count":13,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/425\/revisions"}],"predecessor-version":[{"id":40006,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/425\/revisions\/40006"}],"wp:attachment":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=425"}],"wp:term":[{"taxonomy":"availability","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/availability?post=425"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/content-type?post=425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}