{"id":210,"date":"2013-09-05T13:15:50","date_gmt":"2013-09-05T13:15:50","guid":{"rendered":"http:\/\/engage.augsburg.edu\/mannj\/?p=210"},"modified":"2013-10-22T20:24:14","modified_gmt":"2013-10-22T20:24:14","slug":"augsburg-edu-2-0","status":"publish","type":"post","link":"https:\/\/engage.augsburg.edu\/mannj\/2013\/09\/05\/augsburg-edu-2-0\/","title":{"rendered":"Augsburg.edu 2.0"},"content":{"rendered":"<p><a href=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/augsburg2point0-11ldsy3.jpg\"><img loading=\"lazy\" class=\"alignright  wp-image-237\" title=\"augsburg2point0\" src=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/augsburg2point0-11ldsy3-275x300.jpg\" alt=\"\" width=\"220\" height=\"240\" srcset=\"https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/augsburg2point0-11ldsy3-275x300.jpg 275w, https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/augsburg2point0-11ldsy3-459x500.jpg 459w, https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/augsburg2point0-11ldsy3.jpg 500w\" sizes=\"(max-width: 220px) 100vw, 220px\" \/><\/a>We are ready to roll out some significant changes to www.augsburg.edu, the first set of major changes since we moved to WordPress last year. For the sake of tracking each generation of the website, we&#8217;re posthumously assigning the designation 1.0 to the first version (launched last year) and 2.0 to this update.<\/p>\n<p>Here is a summary of what&#8217;s new and what&#8217;s different:<\/p>\n<ul>\n<li>Mobile-friendly responsive framework<\/li>\n<li>Mega menu<\/li>\n<li>Home page changes<\/li>\n<li>Department contact information (moved to the top of the page)<\/li>\n<li>Helpful &#8220;shortcodes&#8221; for checklists, page with sidebar, columns, links to files, and floating information boxes<!--more--><\/li>\n<\/ul>\n<h2>Screenshots<\/h2>\n<table style=\"width: 100%;\">\n<tbody>\n<tr>\n<td>\n<p><div id=\"attachment_242\" style=\"width: 160px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/homepage-1colw4m.png\"><img aria-describedby=\"caption-attachment-242\" loading=\"lazy\" class=\"size-thumbnail wp-image-242\" title=\"homepage\" src=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/homepage-1colw4m-150x150.png\" alt=\"Home Page\" width=\"150\" height=\"150\" \/><\/a><p id=\"caption-attachment-242\" class=\"wp-caption-text\">Home Page<\/p><\/div><\/td>\n<td>\n<p><div id=\"attachment_241\" style=\"width: 160px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/home-with-megamenu-13buyra.png\"><img aria-describedby=\"caption-attachment-241\" loading=\"lazy\" class=\"size-thumbnail wp-image-241\" title=\"home-with-megamenu\" src=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/home-with-megamenu-13buyra-150x150.png\" alt=\"home page with mega menu\" width=\"150\" height=\"150\" \/><\/a><p id=\"caption-attachment-241\" class=\"wp-caption-text\">Home Page with Mega Menu<\/p><\/div><\/td>\n<td>\n<p><div id=\"attachment_240\" style=\"width: 160px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/dept-page-2kfidcy.png\"><img aria-describedby=\"caption-attachment-240\" loading=\"lazy\" class=\"size-thumbnail wp-image-240\" title=\"dept-page\" src=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/dept-page-2kfidcy-150x150.png\" alt=\"department page\" width=\"150\" height=\"150\" srcset=\"https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/dept-page-2kfidcy-150x150.png 150w, https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/dept-page-2kfidcy.png 1014w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><p id=\"caption-attachment-240\" class=\"wp-caption-text\">Department page using the &#8220;page with sidebar&#8221; shortcode<\/p><\/div><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Mobile-friendly responsive design<\/h2>\n<p><a href=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/08\/fluid-grid-29cdqc3.png\"><img loading=\"lazy\" class=\"wp-image-216 alignright\" style=\"border: 1px solid black;\" title=\"fluid-grid\" src=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/08\/fluid-grid-29cdqc3-300x134.png\" alt=\"\" width=\"300\" height=\"134\" srcset=\"https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/08\/fluid-grid-29cdqc3-300x134.png 300w, https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/08\/fluid-grid-29cdqc3-500x224.png 500w, https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/08\/fluid-grid-29cdqc3.png 908w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>Built on Twitter&#8217;s Bootstrap framework using a flexible grid layout, the site is designed to bend and flex to the needs of all screens and devices.<\/p>\n<h2>Mega Menu<\/h2>\n<p>Our home page navigation was useful, but you could only see it on the home page. The new mega menu will be in the header of every page, making navigation more consistent.<\/p>\n<table style=\"width: 100%;\">\n<tbody>\n<tr>\n<td>\n<p><div id=\"attachment_250\" style=\"width: 160px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/mega-menu-closed-243m639.png\"><img aria-describedby=\"caption-attachment-250\" loading=\"lazy\" class=\"size-thumbnail wp-image-250\" title=\"mega-menu-closed\" src=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/mega-menu-closed-243m639-150x150.png\" alt=\"mega menu closed\" width=\"150\" height=\"150\" \/><\/a><p id=\"caption-attachment-250\" class=\"wp-caption-text\">Mega Menu closed<\/p><\/div><\/td>\n<td>\n<p><div id=\"attachment_251\" style=\"width: 160px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/mega-menu-open-1qdtsjd.png\"><img aria-describedby=\"caption-attachment-251\" loading=\"lazy\" class=\"size-thumbnail wp-image-251\" title=\"mega-menu-open\" src=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/mega-menu-open-1qdtsjd-150x150.png\" alt=\"Mega Menu open\" width=\"150\" height=\"150\" \/><\/a><p id=\"caption-attachment-251\" class=\"wp-caption-text\">Mega Menu open<\/p><\/div><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Home Page Changes<\/h2>\n<p>A featured image will give you a feeling of what it&#8217;s like to be on campus, while the bottom portion of the page still has a feed-style news\/events\/updates area. Colored boxes on the bottom right provide quick, timely links for prospective students, families, and donors.<\/p>\n<p>The home page news feed posts and colored boxes are managed using custom post types (by the Marketing and Communication department).<\/p>\n<h2>Changes to Default Page Template<\/h2>\n<p>Contact information is now at the top of the page instead of the old lower-left &#8220;contact bubble.&#8221; A slight change to how department titles and the left menu display were also made with mobile-friendliness in mind.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/default-page-changes-1tpq98z.png\"><img loading=\"lazy\" class=\"size-large wp-image-253 aligncenter\" title=\"default-page-changes\" src=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/default-page-changes-1tpq98z-500x259.png\" alt=\"default page changes\" width=\"500\" height=\"259\" srcset=\"https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/default-page-changes-1tpq98z-500x259.png 500w, https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/default-page-changes-1tpq98z-300x155.png 300w, https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/default-page-changes-1tpq98z.png 1033w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<h3>Course Catalog page template<\/h3>\n<p>A dedicated page template for the Course Catalog page at <a href=\"http:\/\/augsburg.edu\/catalog\/ \" target=\"_blank\">augsburg.edu\/catalog\/<\/a> \u00a0No other page will use this template.<\/p>\n<h2>Shortcodes<\/h2>\n<p>From WordPress.com: <em>A shortcode is a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line. Shortcode = shortcut.<\/em><\/p>\n<h3>Page with Sidebar<\/h3>\n<p>[6040L] [\/6040L] contains the left side of the page, while [6040R] [\/6040R] contains the right side. An orange divider displays between the two columns.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/page-with-sidebar-22d5kwh.png\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-255\" style=\"border: 1px solid black;\" title=\"page-with-sidebar\" src=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/page-with-sidebar-22d5kwh-500x471.png\" alt=\"page with sidebar\" width=\"500\" height=\"471\" srcset=\"https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/page-with-sidebar-22d5kwh-500x471.png 500w, https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/page-with-sidebar-22d5kwh-300x283.png 300w, https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/page-with-sidebar-22d5kwh.png 708w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<h3>Checklist<\/h3>\n<p>Want that bulleted list to look like a checklist, with empty squares instead of bullets? Make it so! Just have [checklist] somewhere before the list and [\/checklist] somewhere after it.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/checklist-1isd4d8.png\"><img loading=\"lazy\" class=\"aligncenter size-large wp-image-256\" style=\"border: 1px solid black;\" title=\"checklist\" src=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/checklist-1isd4d8-500x178.png\" alt=\"\" width=\"500\" height=\"178\" srcset=\"https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/checklist-1isd4d8-500x178.png 500w, https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/checklist-1isd4d8-300x106.png 300w, https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/checklist-1isd4d8.png 688w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<h3>Link to Files<\/h3>\n<p>Use this shortcode to add an &#8220;file&#8221; icon in front of a text link. Useful for when linking to documents or any sort of downloadable file. The structure is like this:<\/p>\n<p>[file link=&#8221;your-document-URL-here&#8221;]Download This Document[\/file]<\/p>\n<p>Here&#8217;s a real example:<\/p>\n<div id=\"attachment_217\" style=\"width: 510px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/08\/file-shortcode-1dvcngh.png\"><img aria-describedby=\"caption-attachment-217\" loading=\"lazy\" class=\"size-large wp-image-217   \" style=\"border: 1px solid black;\" title=\"file-shortcode\" src=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/08\/file-shortcode-1dvcngh-500x34.png\" alt=\"\" width=\"500\" height=\"34\" srcset=\"https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/08\/file-shortcode-1dvcngh-500x34.png 500w, https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/08\/file-shortcode-1dvcngh-300x20.png 300w, https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/08\/file-shortcode-1dvcngh.png 1009w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><p id=\"caption-attachment-217\" class=\"wp-caption-text\">click to view full-size image<\/p><\/div>\n<p>And here&#8217;s what it looks like on the page:<\/p>\n<div id=\"attachment_218\" style=\"width: 510px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/08\/file-shortcode-result-sygrfd.png\"><img aria-describedby=\"caption-attachment-218\" loading=\"lazy\" class=\"size-large wp-image-218  \" style=\"border: 1px solid black;\" title=\"file-shortcode-result\" src=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/08\/file-shortcode-result-sygrfd-500x67.png\" alt=\"\" width=\"500\" height=\"67\" srcset=\"https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/08\/file-shortcode-result-sygrfd-500x67.png 500w, https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/08\/file-shortcode-result-sygrfd-300x40.png 300w, https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/08\/file-shortcode-result-sygrfd.png 692w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><p id=\"caption-attachment-218\" class=\"wp-caption-text\">click to see the full-size image<\/p><\/div>\n<h3>Top Right Box<\/h3>\n<p>The top right box shortcode [top-right-box] will create a floating box with light gray background that appears in the upper right corner of the content area of the page. You can put anything inside of it except another shortcode, so if you would like to put a button there, you can ask me how to create a button without using shortcode.<\/p>\n<p><a href=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/top-right-box-v59id3.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-265\" style=\"border: 1px solid black;\" title=\"top-right-box\" src=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/top-right-box-v59id3-500x247.png\" alt=\"\" width=\"500\" height=\"247\" srcset=\"https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/top-right-box-v59id3-500x247.png 500w, https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/top-right-box-v59id3-300x148.png 300w, https:\/\/engage.augsburg.edu\/mannj\/files\/2013\/09\/top-right-box-v59id3.png 711w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<h2>Looking Ahead<\/h2>\n<p>With these changes, we have made the website easier to manage and more responsive to our potential students, but our work is never done. Here are a few things we&#8217;re working on.<\/p>\n<p><strong>Multisite network<\/strong> &#8211; Taking advantage of WordPress Multisite to make department sites easier to manage. One major improvement: content managers will be assigned to sites, not pages, which means that any content manager for a department will be able to edit any page on that site, rather than assigning some pages to one person and some to another (although we can still manage a site that way, if a department prefers).<\/p>\n<p><strong>Improved department menus<\/strong> &#8211; Along with the Multisite upgrade will come a change to how the left-side menus work. Hint: they will be much easier to manage.<\/p>\n<p><strong>Faculty and Staff sites<\/strong> &#8211; We&#8217;re working with IT to provide a way for faculty and staff to create and manage their own WordPress sites. We will use these instead of the current faculty bio pages (ex.\u00a0http:\/\/www.augsburg.edu\/faculty\/tranvik\/ ) so that faculty and staff can have more flexibility over their own content: multiple pages, blog capability, several template options.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are ready to roll out some significant changes to www.augsburg.edu, the first set of major changes since we moved to WordPress last year. For the sake of tracking each generation of the website, we&#8217;re posthumously assigning the designation 1.0 to the first version (launched last year) and 2.0 to this update. Here is a [&hellip;]<\/p>\n","protected":false},"author":112,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/posts\/210"}],"collection":[{"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/users\/112"}],"replies":[{"embeddable":true,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/comments?post=210"}],"version-history":[{"count":34,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/posts\/210\/revisions"}],"predecessor-version":[{"id":236,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/posts\/210\/revisions\/236"}],"wp:attachment":[{"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/media?parent=210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/categories?post=210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/tags?post=210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}