{"id":51,"date":"2012-01-12T17:41:31","date_gmt":"2012-01-13T00:41:31","guid":{"rendered":"http:\/\/pln.lanecc.net\/webteam\/?p=51"},"modified":"2014-12-10T20:39:08","modified_gmt":"2014-12-10T20:39:08","slug":"upgraded-templates","status":"publish","type":"post","link":"https:\/\/blogs.lanecc.edu\/webteam\/2012\/01\/12\/upgraded-templates\/","title":{"rendered":"Upgraded Templates"},"content":{"rendered":"<p>You may have noticed the <a title=\"Lane's New Contact Page\" href=\"http:\/\/www.lanecc.edu\/contact\">new contact page<\/a> on the Lane website. This is the first page that we&#8217;ve moved, or ported, to Drupal (only 11,999 to go!). You&#8217;re going to see many more pages start looking like this soon, so let&#8217;s spend a few minutes going over some vocabulary, and then talk about what&#8217;s different.<\/p>\n<p>First, let&#8217;s talk <a title=\"Porting on Wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/Porting\">porting<\/a>. This just means moving from one platform to another. For example, say we made a really awesome video game for one console, perhaps an XBox. The game is finished, it works great, and it&#8217;s tons of fun. But we can&#8217;t play on any other console, like a Wii or a Playstation. To use another platform, we&#8217;d need to modify the game for that other system. Because the content of the game is done, porting takes a lot less time than starting from scratch, but we still need to find all the little differences between the systems. We&#8217;re doing something similar. The content of our website is done, we just need to move (port) it from one platform (static HTML pages) to another (<a title=\"Drupal\" href=\"http:\/\/www.drupal.org\">Drupal<\/a>).<\/p>\n<p>The second thing we need to talk about is templates. As we port the content of the website, we&#8217;ll be putting it in a big <a title=\"MySQL\" href=\"http:\/\/www.mysql.com\/\">database<\/a>. When it&#8217;s time for Drupal to show you a webpage (like the contact page), Drupal grabs the content of that webpage from a database, inserts it into a template, and returns the dressed up webpage to you. So a template simply says how the page is going to look. This way, look and feel is totally separate from content &#8211; we can change either the design or the content without impacting the other one. Of course, the big important question is, &#8220;What&#8217;s the template going to look like?&#8221;<\/p>\n<p>We don&#8217;t know yet. There&#8217;s lots of people (Faculty, Students, and Community members) involved in the process of figuring that out. But, figuring out what the webpage is going to look like takes more than a couple of days. In fact, it will take until at least summer. So we need a temporary template that we can use with Drupal, so that pages can be ported while we decide how they&#8217;re going to look.<\/p>\n<p>The contact page has the temporary template. It looks a little (ok, a lot) like this:<\/p>\n<p><a href=\"http:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/01\/contactscreenshot.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2012\/01\/contactscreenshot.png\" alt=\"The new template for the contact page\" width=\"560\" height=\"475\" \/><\/a>This should look similar to the existing Lane pages, but it incorporates some subtle changes and updates that I couldn&#8217;t resist putting in. Here&#8217;s a cheat sheet of things to look for:<\/p>\n<ul>\n<li><strong>Social Media Links<\/strong> &#8211; In the bottom right hand corner of the page you&#8217;ll see links to Lane&#8217;s presence on various social media platforms (<a title=\"Lane on Facebook\" href=\"https:\/\/www.facebook.com\/LaneCommunityCollege\">Facebook<\/a>, <a title=\"Lane on Twitter\" href=\"http:\/\/twitter.com\/LaneNews\">Twitter<\/a>, <a title=\"Lane on Google+\" href=\"https:\/\/plus.google.com\/b\/100500471420405039480\/100500471420405039480\/posts\">Google+<\/a>, etc).<\/li>\n<li><strong>Access Keys<\/strong> &#8211; On pages using the new template, you can press your web browser&#8217;s access keys to jump to different parts of the page. For example, on Firefox on Windows, you can press Alt+Shift+N to jump to the Navigation links on the page, or Alt+Shift+C to jump directly to the content (Check <a title=\"Access Keys on Wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/Access_key\">Wikipedia<\/a> to find your access keys). This improves our<a title=\"Section 508 Standards\" href=\"http:\/\/section508.gov\/\"> Section 508 Compliance<\/a> (\u00a71194.22 (o), if you want to be all specific).<\/li>\n<li><strong>A New URL<\/strong> &#8211; pages using the Drupal template will have a URL that starts with www2.lanecc.edu instead of www.lanecc.edu. Sorry about that. This is a necessary requirement while we&#8217;re porting content. In the future, all of the pages will be at www.lanecc.edu, though www2 links will work for a long time. If you need to use an url that likely won&#8217;t change in the next few years, you can just replace www2 with www, since we&#8217;ve done some magic to make those pages jump to www2 automatically.<\/li>\n<li><strong>Different URLs<\/strong> &#8211; some pages will have exactly the same URL as they had before. Some will be a little different. For example, the old contact page was at http:\/\/www.lanecc.edu\/sf\/info.html the new one is at http:\/\/www2.lanecc.edu\/contact. For some time, both urls will work. But we&#8217;ll eventually be migrating entirely to the new urls, which we hope will be more descriptive of what&#8217;s on the page.<\/li>\n<li><strong>Automatic Update Times<\/strong> &#8211; Each page has an associated update time which will be displayed at the bottom. You can use these to see how old the page content is. We&#8217;ll be using them to see which pages are going &#8220;stale&#8221; so we can try to keep things fresh.<\/li>\n<li><strong>Telephone Links<\/strong> &#8211; Any phone number is now clickable. If you&#8217;re on your cell phone, you&#8217;ll see phone numbers underlined, with a little phone next to them. If you click on a telephone number from your cell phone, you&#8217;ll be prompted to call that number. If you&#8217;re not on your cell phone, you can still click on phone numbers, but they won&#8217;t be highlighted or have the phone icon. Clicking on them probably won&#8217;t do anything (unless you have a way to make phone calls from your computer).<\/li>\n<li><strong>File Type Icons<\/strong> &#8211; links to files like Word documents, PowerPoints, and PDFs will have icons next to them representing their file type, making it easier to know what you&#8217;re clicking. (This isn&#8217;t on the contact page, but be looking for them elsewhere!)<\/li>\n<\/ul>\n<p>There&#8217;s one more exciting benefit to the new template. There&#8217;s now a mobile version, using something called <a title=\"An Introduction to Responsive Web Design\" href=\"http:\/\/www.alistapart.com\/articles\/responsive-web-design\/\">Responsive Design<\/a>. Since I&#8217;m over 900 words in this blog post already, I won&#8217;t go into detail yet, but for now, try viewing the <a title=\"Lane's New Contact Page\" href=\"http:\/\/www.lanecc.edu\/contact\">contact page<\/a> on your mobile phone, or try opening the page and then shrinking the web browser window on your computer to a much smaller size. Expect another post with more information about our mobile plan soon!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You may have noticed the new contact page on the Lane website. This is the first page that we&#8217;ve moved, or ported, to Drupal (only 11,999 to go!). You&#8217;re going to see many more pages start looking like this soon, so let&#8217;s spend a few minutes going over some vocabulary, and then talk about what&#8217;s &hellip; <a href=\"https:\/\/blogs.lanecc.edu\/webteam\/2012\/01\/12\/upgraded-templates\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Upgraded Templates&#8221;<\/span><\/a><\/p>\n","protected":false},"author":43,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":"","_wpscppro_dont_share_socialmedia":false,"_wpscppro_custom_social_share_image":0,"_facebook_share_type":"","_twitter_share_type":"","_linkedin_share_type":"","_pinterest_share_type":"","_linkedin_share_type_page":"","_instagram_share_type":"","_medium_share_type":"","_threads_share_type":"","_google_business_share_type":"","_selected_social_profile":[],"_wpsp_enable_custom_social_template":false,"_wpsp_social_scheduling":{"enabled":false,"datetime":null,"platforms":[],"status":"template_only","dateOption":"today","timeOption":"now","customDays":"","customHours":"","customDate":"","customTime":"","schedulingType":"absolute"},"_wpsp_active_default_template":true},"categories":[3],"tags":[25,19],"class_list":["post-51","post","type-post","status-publish","format-standard","hentry","category-drupal","tag-drupal","tag-templates"],"_links":{"self":[{"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/posts\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/comments?post=51"}],"version-history":[{"count":3,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/posts\/51\/revisions"}],"predecessor-version":[{"id":800,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/posts\/51\/revisions\/800"}],"wp:attachment":[{"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/media?parent=51"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/categories?post=51"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/tags?post=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}