University Web Developers

University Web Developers

We are in the process of moving to OmniUpdate with a brand new site.   We are working on incorporating  include files for headers, footer, menus, etc. for modularity, and setting up the templates. If anyone has gone through this, any advice is welcome, or share stories that helped you overcome this task.  Thanks!

 

Sylvia Nicosia

Alumni/Web Manager

Farmingdale State College

Views: 184

Replies to This Discussion

I've got OU templates setup with include files (using SSI and the .shtml extension on my pages).

 

I used the <!--#include virtual="<include-filename-here>" --> statement to pull in my include files in the XHTML (functional).

 

To also show the include in the OU Campus "Preview", I use <!-- com.omniupdate.div label="header" path="<include-file-path-here>" --><!--#include virtual="<include-filename-here>" --><!-- /com.omniupdate.div --> (you would modify this to specify the particular include you were using).  Meaning, you would need to change the 'label' attribute to match the include.  Notice that I've got the include statement between omniupdate tags with only a 'label' and a 'path', so you could just use the bold item above to both include your file in the resulting web page, and display the include in the OU Campus "Preview' as well.

 

ExampleI use the following labels for my template's includes -- 'leftnav', 'rightnav', 'header' & 'footer'

 

Hope that wasn't confusing!

 

Let me know if I can be of further assistance.

Justin

Thank you Justin, I really appreciate it.  This is very useful information because it points us to the right direction.  Once you get the template from OU, you do this to call whatever file you want to include on your page.  We are in the pre-OU template phase, meaning we are designing and applying functionality to the pages that will be sent to OU for the creation of templates.  Your information confirms how we should approach this phase by having pages named and containing only info such as for the left navigation, header, footer, content, etc. so eventually for example only one 'header' file exists and is the same file that will be called over and over.

 

Sylvia

XSLT is a good thing! ;)

 

Long live the pcf! LOL!

The templates I have I setup myself (just using the layout I had put together, and inserting the include calls where necessary for repeatable content sections).

 

Setting up templates was surprisingly simple.

 

I had held off for a few years in setting them up, because I had this concept stuck in my head that it HAD to be complicated. (I was wrong..hehe)

 

The day I decided to actually do some reading and figure out how to set up the templates from the existing website's layout(s), I was able to create three functional templates (main site, athletics site, community education site) within a single hour's time.

So far the include files we have on all templates are the header and footer, and eventually a left side nav.  For the include files, is it any preference to just have the information in plain text, or have it in additional div's?

I have the include files setup as divs within the stylesheet.

 

Example, the leftnav include in our stylesheet is the "nav" attribute in CSS, so the include file itself is the opening <div id="nav"> including everything down to the closing </div> (and all the links, etc. in between)

 

Within that div in the leftnav include, I've placed <!-- com.omniupdate.div --> tags around the list items (but not around the <ul> portion, as I have a separate 'ul' class that I don't want editors removing by accident). 

 

So, to wrap it up, I use the <div> of the include area (header/footer/leftnav) as the content of the include file, then I call it into the page using: <!--#include virtual="<filename>" -->.  The result is a web page with the ".shtml" extension (which I've configured my web server to parse as text/html in the mime.types file [Apache web server], so as not to have the page display as code but to render as a web page.)

 

Hope this helps.

It helps greatly, thank you.  Then all I have to do is call the CSS file from the .shtml page for the nav file.  This can also help with reusing the leftnav tag where  'nav'  is included with different navs like 'index-nav', 'academics-nav', etc. in addition of 'nav' to take advantage of modularity.

RSS

Elsewhere

Latest Activity

Erin Jorgensen posted a discussion

HighEdWeb 2020 Accessibility Summit

The HighEdWeb 2020 Accessibility Summit is a one-day, online conference about digital accessibility in higher education happening June 25, 2020, from 10 a.m. to 5 p.m. CDT.Join in to learn best practices, share stories and connect with your higher ed peers on topics including social media accessibility, web development, user experience and more. Sessions are designed to boost knowledge at every level, from accessibility beginners to technical experts. Conference registration is $25, with…See More
yesterday
Erin Jorgensen is now a member of University Web Developers
yesterday
Christine Boehler posted a discussion

HighEdWeb 2020 Annual Conference - ONLINE

October 19-20, 2020https://2020.highedweb.org/#HEWeb20     Join us ONLINE for HighEdWeb 2020, the conference created by and for higher education professionals across all departments and divisions. Together we explore and find solutions for the unique issues facing digital teams at colleges and universities. In 2020, the Conference will be held completely online, offering multiple tracks of streamed presentations, live…See More
May 3
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Throughout April, we're hosting webcasts exploring how colleges and universities across North America are responding to the COVID-19 pandemic. Register for the series today! https://bit.ly/2xsXhK9"
Apr 13
Christelle Lachapelle is now a member of University Web Developers
Apr 6
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Download our latest white paper to learn how the demographics of today’s higher ed learners are shifting, and how schools can adapt to meet the needs of these new learners. https://bit.ly/2wTKdgB"
Mar 31
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Join our next webcast with Amrit Ahluwalia from The EvoLLLution to learn about the new "modern learner" in higher education. https://bit.ly/2UuDh2I"
Mar 30
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"As we ride out the latest developments and impact of the coronavirus, there's no better time than now to learn the three Bs of crisis planning. http://bit.ly/2ITVkc2"
Mar 16
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Is your college or university prepared to meet the challenges that come with disasters and emergencies like the coronavirus? Learn how your CMS can help. http://bit.ly/2TUZUM8"
Mar 12
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"Can’t afford the time and money to launch a comprehensive guided pathways model? Register for our FREE webcast to learn tricks for simulating a digital guided pathways experience."
Feb 21
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"With college enrollment decreasing for the 8th year in a row, boosting your college or university marketing efforts is more important than ever. Here's how to get started. http://bit.ly/2vTQAzz"
Feb 20
Christine Boehler posted a discussion

HighEdWeb 2020 Annual Conference

October 18-21, 2020 in Little Rock, Arkansas, USAhttps://2020.highedweb.org/#HEWeb20     Join us for HighEdWeb 2020, the conference created by and for higher education professionals across all departments and divisions. Together we explore and find solutions for the unique issues facing digital teams at colleges and universities. With 100+ diverse sessions, an outstanding keynote presentation, intensive workshops, and engaging networking events,…See More
Feb 19
Christine Boehler posted a discussion

HighEdWeb 2020 Call for Proposals is Open!

The 2020 Annual Conference of the Higher Education Web Professionals Association (HighEdWeb) will travel to Little Rock, Arkansas, this October 18-21 — and the call for proposals is now open! As a digital professional in higher education, we know you have great ideas and experiences to share. From developers, marketers and programmers to managers, designers, writers and all team members in-between, HighEdWeb provides valuable professional development for all who want to explore the unique…See More
Feb 14
Christine Boehler shared Sara Clark's discussion on Facebook
Feb 14
Christine Boehler is now a member of University Web Developers
Feb 14
Brian Bell joined Kevin Daum's group
Feb 14
Brian Bell joined Mark Greenfield's group
Feb 14
Kenneth George is now a member of University Web Developers
Feb 13
John Sterni is now a member of University Web Developers
Feb 6
Sara Arnold commented on Lynn Zawie's group OmniUpdate
"The early-bird discount for OUTC20 ends today! Don't wait... register NOW and save $100! https://outc20.com/"
Jan 24

UWEBD has been in existence for more than 10 years and is the very best email discussion list on the Internet, in any industry, on any topic

About

© 2020   Created by Mark Greenfield.   Powered by

Badges  |  Report an Issue  |  Terms of Service