{"id":1741,"date":"2021-03-05T15:55:36","date_gmt":"2021-03-05T20:55:36","guid":{"rendered":"https:\/\/university-communications.ncsu.edu\/documentation\/?page_id=1741"},"modified":"2024-04-15T14:04:00","modified_gmt":"2024-04-15T18:04:00","slug":"page-layout","status":"publish","type":"page","link":"https:\/\/university-communications.ncsu.edu\/documentation\/build-your-site\/getting-started\/page-layout\/","title":{"rendered":"Page Layout"},"content":{"rendered":"\n\n\n\n\n

The layout of a page is closely related to the text that acts as the page’s backbone. Since many web users skim content rather than read every word on a page, it is important to convey your message in additional ways.<\/p>\n\n\n\n

Some of the ways to convey that message are through creative use of headings<\/a>, link lists<\/a>, and buttons<\/a>. Other methods involve using additional blocks<\/a> that may include imagery and colors. These additional methods help pace the page and define sections to your content.<\/p>\n\n\n\n

Using blocks such as the Featured Content block<\/a> allow you to call out important pieces of content without users having to read a paragraph of text. By using multiple types of content you can create rhythm to your page and provide resting points for your users’ eyes. The variety of blocks and content on the page allows you to more easily define a hierarchy that indicates which pieces of content are more important and\/or of interest to a larger number of users.<\/p>\n\n\n\n

When working to appropriately layout a page, you need to consider the page’s purpose. Some pages may have more of a marketing focus while others might be information-dense utility pages. The layouts for each of these pages will be subtly different.<\/p>\n\n\n\n

Our content maintainers and content strategy workshops<\/a> both help provide guidance on how to layout a page within the NC State Web Platform.<\/p>\n\n\n

\n
\n
\n
\n

Keep Exploring<\/h2>\n <\/div>\n
\n \n
\n \n \n
\n \n

Inspiration Gallery<\/h3>\n \n\n \n\t \t

Take a look at sites across the university using our NC State Web Platform.<\/span>\n\t\t\t\n\t\t\t\n\t\t<\/svg><\/span><\/p>\n\t \t \n <\/div>\n\n <\/a>\n\n\n\n \n \n

\n \n

Best Practices<\/h3>\n \n\n \n\t \t

Review best practices and principles for laying out pages on your website.<\/span>\n\t\t\t\n\t\t\t\n\t\t<\/svg><\/span><\/p>\n\t \t \n <\/div>\n\n <\/a>\n\n\n\n \n \n

\n \n

Content Strategy<\/h3>\n \n\n \n\t \t

Learn the basics about content planning and strategy for the web.<\/span>\n\t\t\t\n\t\t\t\n\t\t<\/svg><\/span><\/p>\n\t \t \n <\/div>\n\n <\/a>\n\n\n\n \n \n

\n \n

Available Blocks<\/h3>\n \n\n \n\t \t

See all of the blocks available on the NC State Web Platform.<\/span>\n\t\t\t\n\t\t\t\n\t\t<\/svg><\/span><\/p>\n\t \t \n <\/div>\n\n <\/a>\n<\/div>\n\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

The layout of a page is closely related to the text that acts as the page’s backbone. Since many web users skim content rather than read every word on a page, it is important to convey your message in additional ways. Some of the ways to convey that message are through creative use of headings,…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":1731,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"ncst_custom_author":"","ncst_show_custom_author":false,"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{\"pageIntro\":\"Effective communication goes beyond just the words on a page. It also includes how you lay out and design content on a page.\"}","ncst_content_audit_freq":"","ncst_content_audit_date":"","ncst_content_audit_display":false,"ncst_backToTopFlag":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-1741","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/1741","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/comments?post=1741"}],"version-history":[{"count":5,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/1741\/revisions"}],"predecessor-version":[{"id":37584,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/1741\/revisions\/37584"}],"up":[{"embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/1731"}],"wp:attachment":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=1741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}