{"id":3602,"date":"2024-12-11T15:55:22","date_gmt":"2024-12-11T20:55:22","guid":{"rendered":"https:\/\/www.montclair.edu\/university-communications\/?page_id=3602"},"modified":"2024-12-11T15:55:22","modified_gmt":"2024-12-11T20:55:22","slug":"rows-and-columns","status":"publish","type":"page","link":"https:\/\/www.montclair.edu\/university-communications\/web-development-and-experience\/montclair-edu-website-framework\/wordpress-shortcodes\/rows-and-columns\/","title":{"rendered":"Rows and Columns"},"content":{"rendered":"

The row<\/strong> shortcode exists solely<\/em> to contain columns and has no additional attributes. It’s important to use rows to ensure that columns with mis-matched heights don’t become a jumble.<\/p>\n

\n

This is a column with no class attribute. By default it’s full-width.<\/p>\n<\/div><\/div><\/div>\n

\n

one-half<\/p>\n<\/div><\/div>

\n

one-half<\/p>\n<\/div><\/div><\/div>\n

\n

one-third<\/p>\n<\/div><\/div>

\n

two-thirds<\/p>\n<\/div><\/div><\/div>\n

\n

one-fourth<\/p>\n<\/div><\/div>

\n

three-fourths<\/p>\n<\/div><\/div><\/div>\n

Images in Columns<\/h2>\n

When you place an image in a column using the caption<\/strong> shortcode, the image will automatically be sized to the column.<\/p>\n

\n
\"Photo<\/figure>\n<\/div>
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam porttitor enim sodales erat efficitur, ac pulvinar ex congue. Vivamus dignissim aliquet metus, et facilisis risus dignissim in. Donec ut tincidunt odio.<\/p>\n<\/div>

\n
\"Photo<\/figure>\n<\/div><\/div>\n

On a mobile device – this will be presented as one column of images and text.<\/p>\n

Code Sample<\/h2>\n
\r\n\r\n[row][column class='one-half']\r\n\r\nLorem ipsum dolor sit amet, consectetur adipiscing elit.\r\n\r\n[\/column][column class='one-half']\r\n\r\nLorem ipsum dolor sit amet, consectetur adipiscing elit.\r\n\r\n[\/column][\/row]\r\n\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
The row shortcode exists solely to contain columns and has no additional attributes. It’s important to use rows to ensure that columns with mis-matched heights don’t become a jumble. Images in Columns When you place an image in a column using the caption shortcode, the image will automatically be sized to the column. On a […]<\/p>\n","protected":false},"author":411,"featured_media":3554,"parent":3552,"menu_order":16,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-3602","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3602","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/users\/411"}],"replies":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/comments?post=3602"}],"version-history":[{"count":5,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3602\/revisions"}],"predecessor-version":[{"id":3819,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3602\/revisions\/3819"}],"up":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3552"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/media\/3554"}],"wp:attachment":[{"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/media?parent=3602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}