{"id":910,"date":"2017-09-05T20:52:28","date_gmt":"2017-09-05T20:52:28","guid":{"rendered":"https:\/\/in.nau.edu\/web\/?page_id=910"},"modified":"2023-02-17T11:11:07","modified_gmt":"2023-02-17T18:11:07","slug":"1-column","status":"publish","type":"page","link":"https:\/\/in.nau.edu\/web\/1-column\/","title":{"rendered":"1 Column Layout"},"content":{"rendered":"

One column layout<\/h1>\n
Watch the Columns shortcode video<\/u><\/a><\/p>\n\n\n\n
\n
\n
\n \n
\n
\n Overview Tab Open<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n
\n \n
\n
\n How-To Tab Closed<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n
\n \n
\n
\n Troubleshooting Tab Closed<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n <\/ul>\n \n
\n \n
\n
Overview Accordion Open<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
Columns give you the chance to split your pages and display content in an appealing way. A one, or single, column layout is a great approach for a text-heavy page and\/or when you want to add a small image like an author headshot, a logo, or a simple graphic to lend context to a paragraph of text.<\/p>\n
Example 01: Block of text with left aligned image<\/h2>\n
$\"\"$ This is a one column layout with a left-aligned image. The top of the text aligns with the top of the image.<\/p>\n
In the mobile view, a left or right-aligned image will be positioned above the text.<\/p>\n
When there’s more text content than the height of the image, the text will wrap to the left margin underneath the image, like this one does when we continue to add information such as with a longer article or similar text-heavy block of text.<\/p>\n
Example 02: Block of text with center aligned image<\/h2>\n
This example shows how a block of text will appear with a center aligned image.<\/p>\n
$\"\"$ <\/p>\n
In the mobile view, a center-aligned image will be positioned between the paragraphs the same as in the desktop view.<\/p>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n \n
\n \n
\n
How-To Accordion Closed<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
How to add a column<\/h3>\n
\n
Use this approach with single column layouts only.<\/li>\n
Use Small Square<\/strong>, Small Portrait<\/strong>, or Small Landscape<\/strong> image formats.<\/li>\n
Align the image Left,<\/strong> Right, or Centered<\/strong> within the WordPress editor.<\/li>\n
Enter your text<\/li>\n<\/ul>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n \n\n \n
\n
Troubleshooting Accordion Closed<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
Check the following list if your columns are not appearing as intended:<\/p>\n
\n
Ensure you specified the correct number of columns<\/li>\n
Check the image ratios and sizes, and resize if necessary<\/li>\n
Ensure that the text for your shortcode is complete, all brackets are present and the closing brackets contain a forward slash “\/”.<\/li>\n<\/ul>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n <\/div>\n\n\n
\n
\n\n
\n
\n
Academic unit site support<\/h3>\n <\/div>\n
\n
\n