{"id":480,"date":"2024-03-22T21:15:24","date_gmt":"2024-03-22T21:15:24","guid":{"rendered":"https:\/\/www.med.unc.edu\/webguide\/cells\/?page_id=480"},"modified":"2024-08-01T15:29:03","modified_gmt":"2024-08-01T15:29:03","slug":"multi-column-examples","status":"publish","type":"page","link":"https:\/\/www.med.unc.edu\/webguide\/cells\/syndication\/events\/multi-column-examples\/","title":{"rendered":"Multi-Column Examples"},"content":{"rendered":"
\n

This page may load slowly due to the multiple syndication examples it contains. The more examples present, the more data and resources the page must process, resulting in slower load times. In a typical setup with fewer syndication examples or less content, you should not encounter slow load issues.<\/p>\n<\/div>\n

Note<\/strong>: School of Medicine websites tend to have sparse event listings, often without Featured Images. Therefore, the examples below may not fully demonstrate the potential of this syndication. Nevertheless, the process remains efficient for disseminating events across School of Medicine websites.<\/p>\n

Example One<\/h2>\n

Below is an example of a Multi-Column event syndication pulling events from the Pharmacology<\/a> website. It’s a 3-column layout that displays future (upcoming) events and has the Read More link. This example displays a 1×1 Featured Image. It includes the Day and Time, 4 Title Lines, 8 Excerpt Lines and 2 Category Lines.<\/p>\n<\/som-cell>\n

\n

Example Two<\/h2>\n

Below is an example of a Multi-Column event syndication pulling events from the Medicine<\/a> website. It uses the Medium Blue<\/strong> color option and displays 6 Past<\/strong> events in a 2-column<\/strong> layout. The search<\/strong> is enabled which is why the pagination displays below the events. This example displays stylized date<\/strong> in lieu of the Featured Image. It includes the Day and Time<\/strong>, and All Title Lines<\/strong>.<\/p>\n<\/som-cell>\n

\n

Example Three<\/h2>\n

This example pulls events from the Newsroom<\/a> website. It displays 6 events in a 3-column<\/strong> layout with the Day and Time<\/strong>, All Title Lines<\/strong>, and 6 Excerpt Lines<\/strong>. The Search and Image options are turned off.<\/p>\n<\/som-cell>\n

\n

Example Four<\/h2>\n

This is another example that pulls events from the Newsroom<\/a> website. It uses the Dark Blue<\/strong> color option and displays 8 events in a 4-column<\/strong> layout. Note that the content on a 4-column layout gets too squished on pages with left-hand navigation. To ensure the content remains easy to read at all screen sizes<\/a>, the 4-column layout works on pages without left-hand navigation or when the cell is placed in the Featured Content<\/a> area. On pages with left-hand navigation, the Cell will display as a 3-column layout on large screen sizes.<\/p>\n<\/som-cell>\n

\n

Example Five<\/h2>\n

This is an example of the Light Blue<\/strong> color option.<\/p>\n<\/som-cell>\n

\n

Example Six<\/h2>\n

This is an example of the Light Gray<\/strong> color option.<\/p>\n<\/som-cell>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Note: School of Medicine websites tend to have sparse event listings, often without Featured Images. Therefore, the examples below may not fully demonstrate the potential of this syndication. Nevertheless, the process remains efficient for disseminating events across School of Medicine websites. Example One Below is an example of a Multi-Column event syndication pulling events from … Read more<\/a><\/p>\n","protected":false},"author":3206,"featured_media":0,"parent":38,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"layout":"","cellInformation":"","apiCallInformation":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-480","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\/480","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=480"}],"version-history":[{"count":0,"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/pages\/480\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/pages\/38"}],"wp:attachment":[{"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/media?parent=480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}