{"id":1121,"date":"2024-05-01T18:29:47","date_gmt":"2024-05-01T18:29:47","guid":{"rendered":"https:\/\/www.med.unc.edu\/webguide\/cells\/?page_id=1121"},"modified":"2025-04-22T00:14:57","modified_gmt":"2025-04-22T00:14:57","slug":"pre-assess","status":"publish","type":"page","link":"https:\/\/www.med.unc.edu\/webguide\/cells\/general-usage\/pre-assess\/","title":{"rendered":"Pre-Assess"},"content":{"rendered":"<h2>Pre-Assess<\/h2>\n<p>Before creating a Cell, it\u2019s important to decide where you want it to appear on your website. Placement can impact both the amount and type of content you add. For example:<\/p>\n<ul>\n<li>A Cell placed in the <strong>Featured Content<\/strong> area has different space and design needs than one placed in the <strong>main body content<\/strong>.<\/li>\n<li>You may need to adjust the volume of content or select different images to fit the space effectively.<\/li>\n<\/ul>\n<p>Also, keep in mind that a Cell might not look the same to a site visitor as it does to you. This is due to the <a href=\"https:\/\/www.med.unc.edu\/webguide\/cells\/general-usage\/responsive-design\/\">responsive design<\/a>, which automatically adjusts the layout based on the viewer\u2019s device and screen size. After adding a Cell, preview the page at multiple screen sizes (desktop, tablet, and mobile) to make sure the Cell maintains its intended appearance.<\/p>\n<p>Should you need to move a Cell to a location with more\/less space, the Cell content can be easily <a href=\"https:\/\/www.med.unc.edu\/webguide\/cells\/general-usage\/edit-a-cell\/\">edited<\/a>.<\/p>\n<hr  style=\"margin:50px 0\"class=\" rule-thin osc-rule\" \/>\n<h2 id=\"display\">Places To Display a Cell<\/h2>\n<p>When adding a Cell shortcode to your website, you have two options: the <strong>Body<\/strong> of a page or the <strong>Featured Content<\/strong> area.<\/p>\n<ol>\n<li><strong>Body (Main Content Area):<\/strong> As a site author, you&#8217;re likely familiar with adding content to the Body of a page. The Body contains the main content of the page and is typically where you add text, images, and other elements.<\/li>\n<li><strong>Featured Content Area:<\/strong> Content added to this field spans the full width of the browser window and is displayed prominently above a page&#8217;s breadcrumbs, left-hand navigation, and body content. This area is ideal for highlighting important information or visually engaging content. Note that the Featured Content area only accepts shortcode and HTML.<\/li>\n<\/ol>\n<h3>Example<\/h3>\n<p>Below is an example from the MD Curriculum website. It uses a in the <strong>Icon Nav Bar<\/strong> in the <strong>Featured Content area<\/strong> and the <strong>Content Boxes<\/strong> in <strong>Body area<\/strong>.<\/p>\n<p><a href=\"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2024\/04\/featured-vs-body.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1098\" src=\"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2024\/04\/featured-vs-body.png\" alt=\"Screenshot of the MD Curriculum website displaying a page with a Cell in both the Body and Featured Content areas.\" width=\"600\" height=\"720\" srcset=\"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2024\/04\/featured-vs-body.png 1376w, https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2024\/04\/featured-vs-body-250x300.png 250w, https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2024\/04\/featured-vs-body-853x1024.png 853w, https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2024\/04\/featured-vs-body-768x921.png 768w, https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2024\/04\/featured-vs-body-1280x1536.png 1280w, https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2024\/04\/featured-vs-body-600x720.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Below is what the page looks like when editing it:<\/p>\n<p><a href=\"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2024\/04\/where-to-place-shortcode.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1097\" src=\"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2024\/04\/where-to-place-shortcode.png\" alt=\"Screenshot showing Cells shortcode in both the Body and Feature Content areas.\" width=\"600\" height=\"539\" srcset=\"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2024\/04\/where-to-place-shortcode.png 953w, https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2024\/04\/where-to-place-shortcode-300x269.png 300w, https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2024\/04\/where-to-place-shortcode-768x690.png 768w, https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2024\/04\/where-to-place-shortcode-600x539.png 600w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pre-Assess Before creating a Cell, it\u2019s important to decide where you want it to appear on your website. Placement can impact both the amount and type of content you add. For example: A Cell placed in the Featured Content area has different space and design needs than one placed in the main body content. You &hellip; <a href=\"https:\/\/www.med.unc.edu\/webguide\/cells\/general-usage\/pre-assess\/\" aria-label=\"Read more about Pre-Assess\">Read more<\/a><\/p>\n","protected":false},"author":3206,"featured_media":0,"parent":42,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"layout":"","cellInformation":"","apiCallInformation":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-1121","page","type-page","status-publish","hentry","odd"],"acf":[],"_links_to":[],"_links_to_target":[],"_links":{"self":[{"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/pages\/1121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/users\/3206"}],"replies":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/comments?post=1121"}],"version-history":[{"count":3,"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/pages\/1121\/revisions"}],"predecessor-version":[{"id":1719,"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/pages\/1121\/revisions\/1719"}],"up":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/pages\/42"}],"wp:attachment":[{"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/media?parent=1121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}