We migrated all of their content from a SharePoint instance into a combined OmniUpdate and WordPress site. The department pages are maintained within OmniUpdate. All news, wellcast podcasts and resources articles are housed within WordPress. Because these two systems work so well together — you can’t tell just from looking what is powering any particular page.  The WP and OU templates share layout and navigation files seamlessly.

A major change for the entire division was moving to using the University Calendar for ALL of their events. As you can imagine — there are A LOT of events going on between these four areas. The fitness classes alone for Health Plus were easily a hundred or more per month. Now — all events for HW are centrally managed in the University Calendar.  Through tags, we are able to pull specific listings of events onto various sections of the site. And the site maintainers can easily display a listing of VERY specific events within any page using the same tagging capabilities. (For an example of how this functionality has vastly improved the workflow in HW.  Previously the staff would upload a PDF once a week or so of all the dates, times and locations for flu shots. Now — they simply can embed a listing of all of those events into the page and it automatically displays the most current listing of locations. No extra steps.  Enter the event once into the calendar — and they’re done!)

The staff sections of the site are all powered by a simple mysql database — and we provide easy WYSIWYG backend interface for maintainers to add, remove and categorize staff. Each staff member has their own contact page on the site, protected from spam by a CAPTCHA.  This allows their email address to never be revealed directly to users.

It was a pleasure to work with Glen Harness, Stacey Kendrick and Paula McGown on this project. They truly are passionate about their work — and want to provide the best service possible to the Vanderbilt community through Health and Wellness.

This site launch is step one in a four-step process: eventually, the other CNGR sites – The Virtual School, Osher Lifelong Learning and Dyer Observatory – will all be redesigned and moved into one of our CMSs. Stay tuned!

Thanks to Chandra Allison for all her help in making this project a success!

The first time you attempt to login to your Omni-managed website after we have enabled this for your site, you will need to do a few things.

A screen will appear asking you to verify the entity you are logging in with. Choose VANDERBILT UNIVERSITY from the dropdown.

Then choose REMEMBER PERMANENTLY below that — so you won’t have to do this step again.

When you click NEXT — you’ll be brought to a Vanderbilt looking page where you will login with your vunetid and epassword (NOT the password you were using for Omni previously — unless you had set that password to be your epassword.)

From this point on — you will always just login with your VUnetID and E-Password. You should not have to do the first steps again.

Please email www@vanderbilt.edu if you have problems logging in.

The previous string quartet site was maintained in Sitemason and had not been redesigned since 2002. The site needed to have an elegant look, a place for individual bios, downloadable hi-res photos and recordings of their performances – and be easy to maintain by all the member of the quartet.

We built their new site in my.vanderbilt.edu. We were able to take advantage of their gorgeous photos throughout the site, and feature audio samples of their work. Now they have a site that can compete with their peer institutions, and it’s easily maintained by everyone in the group, no prior Web experience needed.

It was a pleasure working with Assistant Professor of Cello Felix Wang; he had a vision to create a great string quartet site and together we were able to do that.

We’d like to thank Patrick Nitch at the ELC for collaborating with us on this project.

The first time you use this plugin you will see this message below highlighted in yellow. Simply click “create the table” and it will take you to a screen letting you edit your first form.

This first section below is what will actually show up as a form. The default form starts off with 3 fields: name, subject, and message. To add new fields click the generate tag drop-down and select the field type you desire. For this example I chose radio buttons. For my choices I put yes, no, and maybe, each on it’s own line. After you’ve filled out then necessary information you will need to copy the brown highlighted code and move it over to the left. I added the title “Will you be attending?” above the shortcode, so the user will know what this field is for.

Next you need to edit the email that will be sent when the form is submitted. The default address is your vanderbilt email associated with your vunetid. If you’ve added any new fields to the form you will need to paste the green highlighted shortcode to this section. If you don’t paste the green highlighted shortcode into this email section, the email you receive after a user fills out a form will be missing information.

Lastly you will need to change the title of the form by clicking “Contact form 1″. Save by clicking the save button. Then you will need to copy the form shortcode highlighted in brown, and simply paste this into the page or post you want the form to show up.

If are using the file upload field make sure you add the shortcode to File attachments field in the Mail section.

Most importantly you will need to test out your form! This will make sure the form is sending to the correct email address and you are receiving any additional information you’ve setup with additional fields.

The site, which was previously maintained in Dreamweaver, offers a wide variety of resources and information for students, faculty and staff looking to quickly send or receive mail and packages. Snail mail is still alive and thriving on college campuses, whether delivering a care package to a first (or fourth) year student, or processing the mailing of acceptance letters across the country. The updated look of the site now allows students, faculty and staff to access any information they might need quickly and easily. We also added a University Calendar feed to the site to display any relevant calendar dates or events right on the front page.

We’d like to thank Tina Fletcher in Mail Services for working with us throughout this project.

When you insert (or update) a link into a page in omni you will notice something a little different. Links will look like {{f:242}} for a file or page, and {{d:445}} for a directory. These are called dependency tags.

(Please note: only files/pages maintained inside of omni will have this appearance. External links will remain http://www.whateveryourlinkis.com)

Since you can’t tell what is being linked to just by looking at this tag, Omni has included the actual path right below the dependency tag (as seen below).

Smarter Updating

The benefits of the dependency manager kick in when you rename or move a file or directory. When this occurs you will get a prompt saying all other pages containing a link to this file or directory will be republished. Click OK and those pages will be updated with the new path.

Previously, if you had renamed a page, and that page was linked to from 35 different pages of your website, you would then need to manually go back and fix each link individually to reflect the new filename or path.

Now when you move or rename a page, omni “knows” that page has been renamed and will automatically update the links to the new path and republish all of those pages in one step.

We provide the following Facebook tabs for use on any official Vanderbilt page. Add one or more today!

To add these tabs to your page, use the following links:

• VUCast Tab:   http://vanderbi.lt/addfbtabvucast
• Research Tab:  http://vanderbi.lt/addfbtabresearch
• Undergraduate Admissions Tab:  http://vanderbi.lt/addfbtabadmissions
• News and Events Tab:  http://vanderbi.lt/addfbtabnewsevents

1. From the dropdown menu on the page that appears when clicking on the INSTALL links above — should be a list of all the pages you are an administrator for. You can choose as many pages as you want to place the tab on and then click ADD PAGE TAB.
2. It will then open up a new window displaying the content of the tab you’ve just added. You can close this window.
3. Now go BACK to the facebook pages that you’ve added the tab to. The new tab should appear in the list of links on the left below your profile photo.
4. You can click the EDIT button at the bottom of the link list to reorder this list. (Please Note: some of the default facebook links cannot be reordered).

That was the overarching theme of many of our discussions with the Office of Undergraduate Admissions when imagining a new Web presence. Let’s step back and make things easier for the user. Focus on the key MESSAGES that UoA wants to get out there about Vanderbilt. What are the key ACTIONS we want prospective students to take when they visit the site? Once we know those things — it flows from there.

The old site had an unwieldy main navigation bar that consisted of a dropdown menu with approximately 200 links (!! YES, 200!). The main focus on the homepage was a flash video player that wasn’t accessible on many mobile devices. The key messages were getting lost in a sea of information.

Through focus groups with various student groups and UoA staff, and a thorough review of the existing site analytics, we came to a site plan that we think better presents what Vanderbilt is. We believe students and their parents will more easily be able to get to the information they are looking for — by guiding them through VERY simple navigation (going from 200 links in the main navigation to 8) and focusing on Admissions strategic priorities and key messages. Many, many new “landing” pages were created for these (and others) that strive to condense the massive amount of information on the Admissions website into easily digestible “chunks”. You can read more about UoA’s take on the new website on the Admissions blog.

A few highlights:

Homepage Tabs – While we wanted to simplify things, we also still wanted to provide information easily accessible from the homepage. We accomplished this with a simple tab structure — highlighting our blogs, videos, dates and deadlines, social media links, etc — all there on the homepage, but without overwhelming the user with the information. We can also easily create seasonal tabs — currently we have a Class of 2016 tab. When the Vanderbilt Roadshow begins – we could have a RoadShow tab there instead. The tabs give us a lot of flexibility for highlighting things on the homepage while, again, keeping things SIMPLE.

Saying goodbye to flash – Using jQuery and HTML5 for video, the site is now accessible on all devices. (I’m particularly excited about rolling out the simple jQuery + Youtube Playlist video player I’ve built for use on the STORIES tab on the homepage, also in use on the videos page. Powered by a YouTube playlist and about 6 lines of jQuery– it works on all devices. Love jQuery and PHP and VUFairyDust™. We’re going to be using this code everywhere to display video playlists.)

Find Your Admissions Counselor – this section has been expanded. There are now bios and photos of each counselor — and contact forms for each counselor so that students can quickly and easily reach their counselor. The student can start typing their state, and the list of counselors will automatically filter to display only the counselors from their state.

Contact a Student (encompassing Tour Guides and Global ‘Dores) — this allows a prospective student to find a current Vanderbilt student to talk to. Prospective students can find someone from their state or country, from the school they’re applying to, by class year, etc. They can easily contact them to get the “Inside Scoop” on what it’s really like to go to school at Vanderbilt.

Find Your Major – Using the same datasource as our top level Disciplines and Majors site, here we are presenting a filtered view of only the undergraduate majors. This allows us to keep the visitors on the Admissions website, while still providing them with some of the most frequently accessed information.The student can just start typing and the list will automatically filter to the majors matching their words (e.g. start typing engineering — and only the engineering majors will display).

Telling the Vanderbilt Story – this is a project that Beth and I have been working on as a side project. At first we weren’t thinking of Admissions at all when we began building it out; we just thought there were all these really great stories about Vanderbilt students, faculty, staff and alumni — and we thought — why not create a feed of those stories? The people behind Vanderbilt — one story at a time. Powered by the Vanderbilt News site, anytime a story comes through that would be perfect for this section — all we have to do is tag it and we can pull it through. For Admissions, we’re pulling some videos from that section into the homepage STORIES tab — and linking off to the full Vanderbilt Story microsite from there, where the visitors can browse, for instance, only stories about faculty. This microsite is going to be an evolving presence — with new content being added on a regular basis as more and more cool stories about Vanderbilt people come along!

Search — another VUFairyDust™ recipient. Vanderbilt is fortunate to have an awesome yellow box on the premises. What is that yellow box, might you ask?  It’s a Google Search Appliance. It makes search pretty great. We can tune it for a specific site — for specific words — so that you always get what you’re looking for. UoA can put keywords into the search appliance — so that when any of those words are searched on — the search appliance knows exactly what result the user really wants. (e.g. What are the deadlines for applying?) Magic and awesomeness.

Content Management — and of course, all content for Admissions is managed through OmniUpdate (for the main site) or WordPress (for the blogs). The combination of these two systems makes for a powerful backend that can handle pretty much anything we can think of that we’d like to do. The UoA staff are able to manage all the content across their sites with workflows in place to ensure approval of all content before it goes live.

Facebook — we rolled out a coordinating Facebook tab with the new site. It includes all of the content found within the homepage tabs, formatted for Facebook. And as with all apps we create within Facebook, the same tab can be used on multiple Facebook pages. One source, multiple applications. I love reusable content!

This has been a rewarding project to work on — made more so by the great collaboration we have with the Office of Undergraduate Admissions, especially with Ryan Burleson (who has only been at Vanderbilt a few months — he jumped in with both feet!)

Login to your current WordPress website.

Click on EXPORT under TOOLS.

Choose to export all content.  And click Download Export File.

It will then download a file to your computer with the export from your site. You will use this file in the next part.

Part TWO: www.domain.com/yournewsite

Login to your new WordPress website.

Click on IMPORT under TOOLS.

Click on WORDPRESS at the bottom of the list of possible import formats.

Click the CHOOSE FILE button and select the file that you downloaded from blogs.vanderbilt.edu

Click Upload file and import.

It will prompt you to match your old user account with new user account.  I always tell it to assign posts to an existing user — so choose that user from the dropdown list.

Also click on DOWNLOAD AND IMPORT FILE ATTACHMENTS.  This will download any images and files from your blogs.v.e website — and put them on the my.v.e server.

Then click on SUBMIT.  It will now import your content.  It may take a few moments depending on how many posts you’re importing.

• How to Show, Hide, and Edit Breadcrumbs
• How to Check-in and Check-out Content
• How to Create a New Directory
• Create a New Page Using “Save As”
• Create a New Page
• How to Delete Documents and Images
• How to Edit the Main Navigation
• How to Access and Edit the Page Properties
• How to Edit a Page
• How to Edit the Slideshow
• How to Use the WYSIWYG Editor

How to Show, Hide, and Edit Breadcrumbs

How to Check-in and Check-out Content

How to Create a New Directory

Create a New Page Using “Save As”

Create a New Page

How to Delete Documents and Images

How to Edit the Main Navigation

How to Access and Edit the Page Properties

How to Edit a Page

How to Edit the Slideshow

How to Use the WYSIWYG Editor