Tags » WordPress

 
 
 

WordPress Update

Categories: Midd Blogosphere

Yesterday, we updated WordPress to v3.1. Most noticeable change in this update is the introduction of a new “admin” bar that appears after you log in. This admin bar includes quick links to all sites in which you are a registered user.  Site authors will also see links to add new posts and editors will have quick links to comments.  The other notable new feature is a “link browser” that allows you to search and quickly link to other posts/pages on your site.

Most importantly, this release includes over 800 bug fixes by over 180 developers from around the world. It has been downloaded over 1 million times in the last week.

Let us know if you have any questions about this update or experience any problems.

State of the Site

Categories: Midd Blogosphere

Overview

What follows is a report on the state of notable web applications and sites in use at Middlebury including the College website, the Middlebury instance of WordPress (i.e. sites.middlebury.edu) and a variety of key web applications that provide services widely used by faculty, students and staff.

Box Office

  • Addition of separate billing and shipping addresses when ordering tickets or gift items from the box office, especially useful for parents purchasing items for students.
  • Improved the user interface to make purchasing as a returning customer and identifying seat locations in the seating chart simpler.

CAS – Single Sign On

The Central Authentication System (CAS) was introduced last year and allows you to move between many of our web applications after you’ve signed in once. GO and the main college website were already using CAS this time last year but since then it’s been added to many other applications, including:

  • Course Catalog
  • MediaWiki
  • MiddMedia
  • WordPress

Course Catalog

Over the past two years we developed the Course Catalog application at catalog.middlebury.edu to serve as a clearing house for accessing course information on the web due to the limitations on searching for this information via BannerWeb. The Course Catalog application allows users to search for courses based on a wide variety of criteria (including keyword searching) and properly displays and links-together cross-listed courses. The Course Catalog application also feeds course information to the department pages and faculty profiles in the main Drupal site.

New for this year, the Course Catalog has been extended to add a Schedule Planning tool that allows students to bookmark courses they are interested in, then group them together into weekly schedules to ensure that they do not have timing conflicts and that lab and discussion sections are chosen. These schedules can be printed or emailed to one’s advisor.

  • Added the Schedule Planning tool.
  • Users can now bookmark courses that they find interesting.
  • Updated the theme to match the new website. Added a custom theme for the MIIS catalog.
  • The printed Catalog is now created via an export from the Course Catalog application rather than being copy-pasted from the site by hand.
  • PDF snapshots of the Catalog are now automatically generated as course descriptions and requirements get edited over the year.
  • Lots of small improvements to the display of course data in search results and while browsing.
  • Can now search for courses by campus — needed for Language Schools that have more than one site.
  • Greatly improved the speed of the application.
  • Improved the feed of courses to faculty profiles to ensure that cross-listed courses are ordered properly.
  • New admin forms that allow the Registrar to suppress incomplete information about upcoming terms during data-entry.

Drupal

GO

The GO shortcut/permalink application has become quite central to the web infrastructure of the college since its launch several years ago. It eased the launch of the new site by allowing links in content to be easily updated en-mass. In the past year GO has become central to our search strategy as GO shortcuts are now provided as suggestions and automatic-redirects when you enter search terms on the main site.

  • Totally new editing interface.
  • Verbose, color coded, messages to indicate successful or unsuccessful completion of actions.
  • Additional input validation to preserve shortcut integrity and prevent abuse.
  • Ability for community to flag GO links as inappropriate.
  • New “Info” pages for every shortcut allow everyone to see detailed information about the shortcut such as who maintains it, what its aliases are, and where it goes.
  • All GO shortcuts are now shown publicly in the GOtionary (with the exception of a few internal shortcuts) to improve the transparency of the system.
  • Enhanced admin interface for flag admins and the new super admin role.
  • Can now switch between the Middlebury and  MIIS GOtionaries.

MiddMedia

  • New “Midd” theme integrates more closely with the current Middlebury theme.
  • Add to MiddTube button allows users to check off the videos they would like to batch add to MiddTube as video posts.
  • We’ve upgraded to Flash Media Server 4, with a lot of new features that we’ll be rolling out and supporting in the coming months.

New Sites

We’ve been able to expand the Drupal and WordPress platforms to add a CMS experience for sites that were previously static HTML files and create new sites to show off and assist student research and projects.

SubjectsPlus

In December, we upgraded from version 0.7 to 0.9.  Changes include:

  • Enhanced security.
  • In addtion to Research by Subject, two new guide types are available: Research by Course and Research by Topic.
  • Widget-based, drag-and-drop control panel for content creators.
  • Multiple subject specialists (guide owners) now possible.
  • Description field override.  This allows for a resource description to be customized for one or more guides, while still allowing the resource record to be shared among all the guides.  This cuts down on duplication of records and/or breaking others shared work.
  • Cloning feature

What do we use this for, you ask?

  • Databases A-Z list
  • Research guides (access via sidebar at go/lib and go/subjectguides among other places.)
  • globally adding EZproxy prefix for off-campus access.

WordPress

WordPress usage has been growing over the last few years at Middlebury and beyond.  In late August, we updated WordPress to v3, a major new release to this platform that introduced features such as custom menus and top navigation that extended its usefulness beyond blogging.

Plugins and New Functionality

Themes and User Experience

We created a number of blog themes for WordPress based on design prototypes developed by White Whale (designers of the main college site).  These blog themes were updated to take advantage of new functionality and to generally provide a flexible, easy to use templating framework that could generate extensible thematic variations and would work on multiple platforms, including mobile and touch enabled.  New features developed in the last 6 months include:

  • Introduction of a standardized header on all blogs that provides quick links to create a new blog, search blogs and a given site’s dashboard
  • New standardized widget areas including 3 sidebars and 4 footer areas
  • Introduction of support for custom menus and top navigation bar for mapping a site’s information architecture (IA)
  • Refinements to navigation UI to highlight current location in IA and provide more navigation links in context to improve usability on sites with many pages (such as sites for courses, projects or documentation)

Usage Analysis

Perspective, an aggregation and usage analysis tool was developed to keep track of how WordPress was being used, what plugins and themes were most popular, which blogs were most active in a given time period and so on.  We also built into Perspective tools for communicating with users so that we could more easily identify all users of a given set of features to allow us to inform them of updates or issues.  These same tools when combined with activity filters have allowed us to identified inactive sites, contact their owners and archive or delete these sites as appropriate, providing the foundation for a contention retention policy.

WordPress Workshops

Categories: Midd Blogosphere

I’ve coordinated with the Education and Training Team to offer some workshops on WordPress next week, here are details:

  • 2 – 3:30 pm, Monday, January 17, Library 105
  • 1 – 2:30 pm, Weds, January 19, Library 105

These workshops will give an overview of latest version of Translucence, the theme framework that powers many Midd blog themes and will showcase a variety of sites that have recently been created to highlight the many different ways that WordPress can be used.

For other upcoming workshops, see: How to Learn More » On-campus Workshops.

LIS Blog Update

Categories: Midd Blogosphere

I met with the LIS Website team this week and proposed some minor changes to this blog the most obvious of which is an update in the theme design. The other change I’ve just introduced are some quick links in the navigation bar below the header.

I welcome feedback about the new theme. I have about half a dozen variations of this design, each with different images in the upper right corner which I’ll introduce over the next month or so as a way of refreshing the appearance of this blog. If you know of other images that you think would fit this space, send them along and I’ll add them to the rotation.

BLOGS DOT MIDDLEBURY Update

Categories: Midd Blogosphere

We updated WordPress (the platform that powers this blog) late in August to version 3.0.1.  Below is a 3 1/2 minute screencast describing some of the new features introduced in this new version.

To learn more about these new features, see: WordPress @ Middlebury > WordPress Updates.

New WordPress Themes Available

Categories: Midd Blogosphere

We’ve made several changes to the WordPress platform, known on-campus as sites.middlebury.edu. Hey! You’re there right now!

New Header

Soon, we will update the design of the header so that a small bar appears across every blog we host with some useful links. This design is modeled on blogger.com and its purpose is to foster a sense of community amongst the many blogs we host on the site. You can read more about this design in the original White Whale strategic recommendations document on the Web Redo blog, but here is the recommendation that led us to make this change:

Once some Midd-specific WordPress themes are created, Middlebury’s blogs should be linked together via a unifying header or title bar element of some kind. The bar across the top of most Blogger blogs is a good example; it doesn’t interfere with the branding or messaging of the blog itself, but provides quick and consistent links back to the Blogger homepage and other blogs. Once some Midd-specific WordPress themes are created, Middlebury’s blogs should be linked together via a unifying header or title bar element of some kind. The bar across the top of most Blogger blogs is a good example; it doesn’t interfere with the branding or messaging of the blogitself, but provides quick and consistent links back to the Blogger homepage and other blogs.

The logo at the top left will bring you to the home page of our blogging network. If you’d like posts from your blog to appear there, send an email to website@middlebury.edu and we’ll add you to the list.

New Themes

There are three new themes available on our blogging platform. These are based on designs we received from the people who put together our new site design. We put these together in a way that makes them each to set up. The catch is that there are very few configuration options for these themes. That means these are great for people who want to set up a blog quickly and aren’t interested in doing a lot of customization on the look-and-feel of their blog. Additionally, these themes do not work properly in Internet Explorer 6. As of today, only 3.06% of visitors to our blogs use this browser and we are going to recommend phasing out support.

For themes that offer you a massive variety of customization options, be sure to check out the many theme options Alex Chapin has created for our blogging network.

BLOGS DOT MIDDLEBURY Navy

The new Navy (as in blue) theme offers a straight-forward, even minimalist, design for your blog. There is no background image on this theme, which offers two columns for you to add widgets. The left column only appears on pages with more than one post: the blog home page, search results, and archives. If you are viewing a single post or page on this theme, the left sidebar will disappear, giving the post more space on the page.

BLOGS DOT MIDDLEBURY Pastoral

The Pastoral theme features an image of the Bread Loaf campus as its background. This theme uses the same two-column format as the Navy theme, with the left column only appearing when more than one post is being displayed. The big difference with this theme is that you can change the background image if you like (more on that later).

BLOGS DOT MIDDLEBURY Map

The Map theme uses a professionally done watercolor illustration of the campus as its default background. As with the “Pastoral” theme, you can change the background image if you like. The big difference with this theme is that the left column is on the left of the blog’s content. Because of this positioning, both columns appear on all views of the blog, even when viewing a single post. Use this theme if you really like columns!

MiddLab Blog Theme

We’ve also added a new theme that you can use for a research project that you would like us to feature in MiddLab. Remember to send your MiddLab project ideas to middlab@middlebury.edu and check out the site to discuss the ongoing research projects of your fellow faculty, staff and students.

Setting up one of these themes

To add one of these themes to your blog:

  1. Click the Log in link at the top right of the page and fill in your username and password.
  2. Click the Dashboard link at the top right of the page.
  3. In the Appearance box on the left, click the Themes link.
  4. Click Activate below the picture of the theme you want to use.
  5. In the Appearance box on the left, click the Widgets link.
  6. Drag the widgets you want to use from the boxes in the center to the Left Column or Right Column boxes on the right.
  7. You’re done!

Adding a custom background image

Middlebury’s status as a top school depends on offering the services our students require. Perhaps one day Middlebury will accept penguins as applicants and you’ll be asked to create a blog for the new Office of Penguin Services and you’ll realize that you need a background image that speaks to the students you’re helping. Our themes support this.

This can only be done on the Pastoral or Map themes.

  1. Click the Log in link at the top right of the page and fill in your username and password.
  2. Click the Dashboard link at the top right of the page.
  3. In the Appearance box on the left, click the Custom Header link.
  4. Click the Browse button, select the image you want to use and click OK.
  5. You’ll be asked to crop the image you chose. Select the part of the image to use as the background and click Crop Image.
  6. You’re done!

Video tutorial quick start

Categories: Midd Blogosphere, video

Joy and I created some short video tutorials on finding music CDs in MIDCAT, and since we posted them here we’ve been asked by various people within LIS to share what tools we used to create them. We were looking for a quick way to create screen capture videos with audio (aka screencasts). Here’s what we used:

Equipment needed

USB microphone or headset (available for checkout at Davis Family Library, Armstrong Library, & the Music Library)

Tools needed

Community clips (click to download; for info, click here)

Any Video Converter (click to download; for info, click here)

Upload space (Middmedia; 500MB of space, free to all Middlebury College users)

Publishing platform (e.g. LIS Blog/Wordpress, or a wiki, or a course website)

Steps

  1. Create a script and practice. Keep it simple; don’t use jargon (if you must, then explain it!) Keep your video short and to the point!
  2. Using Community clips and the microphone, make your video.
  3. Use Any Video Converter to convert the file from the .wmv to .mp4 (mpeg-4) file format. (NB: With a bit of trial and error, we set the conversion frame view to 720×576 and the bitrate to 768, but you should experiment and see what works best for your needs.)
  4. Upload your video to Middmedia.
  5. You can now embed your video directly from Middmedia into your blog, wiki, or website, or get a link to send it via email. To embed the video in this Wordpress blog, we followed the instructions here.

The Middmedia page on the LIS Wiki has lots of information on how to embed video in the wiki, on blogs, and elsewhere.

There are other tools that make it easy to make video screen captures (like Jing). Take some time to explore the options, and please feel free to share tips and info. here so we can all learn from one another. Thank you to Dan Frostman for sharing Community clips with us, and to all the creators and contributors to the wiki documentation on Middmedia.