blogs.princeton.edu, as seen using the WPtouch Pro plugin with thumbnail images
Site admins who would like their WordPress site to be optimized for mobile devices now have a few more options. On this network, the default setting for new blogs is to have WPtouch Pro activated, but first time visitors see the “desktop theme” and can click a link to switch to the WPtouch Pro theme.
WPtouch Pro is a commercial theme that tries to create an “app-like” experience for mobile users of your site. It is faster loading and maximizes vertical space, hiding the search and page navigation behind a pop-up menu. By default it shows calendar icons next to each of your posts, but that can be changed to post thumbnails. A tablet view is also a configurable option, although the default setting is to use the WPtouch view for pocket-sized devices and use the desktop theme for tablets. If a site admin is willing to invest the time to explore all of the configuration options, a WPtouch Pro mobile site can look rather impressive.
The Jetpack super-plugin recently added a “Mobile Theme” option to its dozens of features. This plugin feature also displays an alternate theme to mobile viewers. This theme, unofficially called “Minileven,” is a minimalist version of the Twenty Eleven theme, with a more compact menu. There is a separate configuration option for an excerpt view or a full-post view. The “Edit CSS” item under the Appearance menu has an additional option to allow custom CSS to be applied to the Minileven theme. If you choose to activate the Jetpack mobile theme, you should go to the Plugins menu and deactivate WPtouch Pro on your site to avoid conflicts.
If you choose to disable both of these plugin-based mobile themes, you can rely on the responsive display of the desktop themes. All of the approved themes on this system are responsive, meaning that they adjust their display according to the width of the viewing device or window. Fortunately, the aforementioned custom CSS feature finally allows CSS with media queries, so a site owner can have full control of the CSS display on all device sizes. The responsive theme for blogs.princeton.edu is just the default Twenty Eleven theme with some custom CSS, including media queries.
blogs.princeton.edu, as seen using the WPtouch Pro plugin with the default calendar images
WPtouch Pro with the menu expanded, showing custom page links; clicking the search button exposes a search field at the top of the menu
blogs.princeton.edu, as seen using the WPtouch Pro plugin with thumbnail images
blogs.princeton.edu, with the Jetpack mobile theme (Minileven) activated
blogs.princeton.edu, with the Jetpack mobile theme (Minileven) activated and the menu button expanded
Twenty Eleven theme, responsive demo, with custom CSS applied
Today’s update is a bit meta. The feed from blogs.princeton.edu now displays in the WordPress administrative dashboard for sites on the network.
We try to avoid mass email communication to users in the WordPress network, so these news updates are the primary method of communicating outages, upgrades, tutorials and new features.
It is possible to hide this dashboard widget by clicking the corresponding checkbox in the Screen Options setting up top.
Early Tuesday morning, I deployed the WordPress 3.4.1 update. Users should not notice any changes to normal workflow. There may be a few blue and white pop-ups in the admin interface that call attention to new features. In the admin toolbar, if you hover over the WordPress logo in the top left corner, you should see an “About WordPress” link that lists all of the new features. In this post I will demo a couple of the new features.
First, take a look at the Caption for the metal house number photo in this post. At long last, authors can use basic HTML tags in image captions. Now you can italicize titles, insert a line break, or add a linked attribution for shared images.
The next new feature is Twitter Embeds. They work just like oEmbeds for videos. Just paste a raw (unlinked) tweet URL on its own line in a post or page. The published entry displays a stylish box with the tweet, the Twitter avatar, and some action links for the tweet. For an example, check out the meta tweet below:
With Custom Headers, you no longer have to settle for the same height banner image on every page. You can still use the “PUWS Options” in our Princeton-customized themes, but that height value just acts as a suggested height. When you upload a banner image, the system will ask you if you want to crop the image to that suggested height or use the image’s original height. Please note that this will not work well for tall images.
Live Theme Previews allow you to try out a new look for your site before making those changes live. Not all custom theme settings are available with the live previews and the Customizer sidebar. Surprisingly, any custom CSS saved under the “Edit CSS” Appearance page should display in the Live Preview.
The next feature update for WordPress is version 3.5, set for release December 5. Barring any development delays, we should be deploying this version (or a subsequent bug fix release) to the network soon after the holidays.
(Definitely not the real logo for the Guest Account Provisioning service)
Users logging into sites in our WordPress network over the past year may have noticed a message which stated that accounts created via the Guest Account Provisioning service were not supported. This was because the usernames for these accounts take the form of an email address.
We recently switched authentication plugins (and added two more related plugins), finally allowing these Guest Account Provisioning service users to authenticate to sites on this WordPress network just like other Princeton netID users. Site admins can assign roles to these users as they would to any other netID.
Anyone with a Princeton netID can sponsor a guest account user for up to one year (accounts are renewable upon request). For more information about these guest accounts, take a look at the OIT KnowledgeBase article “Guest Account Provisioning (GAP): Answers to Frequently Asked Questions (FAQ).”
Ever since this WordPress network launched, users may have gotten mixed content warnings when using HTTPS (Hypertext Transfer Protocol Secure) to access site pages and admin pages.
These warnings have messages like “This page has insecure content” and confusing buttons like “Don’t load (recommended),” “Load anyway,” or “Aren’t you sure you don’t want to not display the nonsecure items?”
Thanks to a plugin called “WordPress HTTPS” and a few extra configuration lines added to our reverse proxy servers and WordPress config files, these mixed content warnings should be gone for good. Also the in-browser icons that indicate a properly-loaded HTTPS page should now appear instead of the broken lock or missing icons.
We are now automatically redirecting all admin pages (/wp-admin) on all network sites to HTTPS, including the login screen.
Another benefit of the WordPress HTTPS plugin is that it adds an ability for content authors to force a page or post to be secure via an option on the “Add New” screen.
This is just a quick note that we will be deploying WordPress 3.4.1 and Jetpack 1.5 early next week. We took a month to test that everything still worked and to give the plugin authors time to release compatibility updates.
A few of the new features in version 3.4.x include a theme customizer with live theme previews, flexible heights for header images, fancy Twitter embeds just by pasting the tweet URL, and basic HTML support in image captions (credit links, italics).
Jetpack 1.5 includes a new “Carousel” view for image galleries and the Jetpack Comments from version 1.4, which I will explain in a post next week.
I also promise an entire week of posts to highlight some of the new features that we have added to the blogs.princeton.edu network over the past couple of months.
Our network is once again running the latest version of WordPress. The upgrade (knock on wood) was uneventful and painless as is per usual with WordPress. The revised Admin Toolbar and the new blue and white Pointer Tips are the first thing that will jump out at blog admins and editors.
Pointer Tips could prove to be useful, even for veteran users; the evolution of the WordPress interface and the addition of new features has sped up considerably over the past year. When a user dismisses Pointer Tips, they stay hidden (their status changes in the database for that user).
If you are logged in, check out the rest of the new features on the “About WordPress” page under the WordPress icon on the left side of the Admin Toolbar. Feel free to leave a comment after this post if you like any of the new features, or if something really annoys you about the interface.
On Saturday, February 4, 2012, between 7:00 AM and 4:00 PM, there will be a partial outage of our WordPress service for up to nine hours as OIT’s Enterprise Servers and Storage group moves the central file servers to the University’s new data center.
This should only affect items in the upload folders. There will be a read-only copy of the upload folders during this outage, so all sites should display as normal, and it will still be possible to create and edit any content stored in the database, such as pages and posts.
It will not be possible to upload new files during the outage, and any attempts to do so will result in an error message.
We will update this post with further information about the outage should anything change.
Update: We have planned the WordPress 3.3.1 upgrade for the morning of Tuesday, January 24, so that the students finishing up fall semester coursework on the system are not distracted by the new interface.
WordPress 3.3 saw its final release on Monday, December 12. WordPress upgrades are usually somewhat painless, but we will be delaying the upgrade of our multisite network for a few weeks. This will give us time to test compatibility with the 75+ third-party plugins on the network. We will also update our quickstart guide. Look for the update after the holidays, the first week of January.
In the meantime, WPCandy has a great rundown of the new features, “Everything we know about the newly released WordPress 3.3.” Check out the new admin bar (now called the Toolbar), welcome screen, flyout Dashboard menus, feature pointers, and the brand new drag-and-drop media uploader.
Also, if you first log into lynda.princeton.edu with your Princeton netID, the WordPress 3 Essential Training course has added a chapter to the Introduction, “Differences in the WordPress 3.3 interface.”
We are working hard to have everything working smoothly, and while WordPress may have infinite possibilities, the time and personnel to implement them is finite. Below are some of the more bothersome issues we are tracking:
- Guest Account Provisioning accounts are not able to authenticate on any of the blogs in the network. The problem has to do with the @ signs in the usernames. Currently, only normal Princeton netIDs can log in.
- We do not yet have a simple solution for adding videos that use the PUVOD Flash streaming server.
- We have some documentation, but not nearly as much as we would like.
- Https works just fine, but forcing https by redirecting from http to https causes our load balancer to infinitely loop the redirect.
- Our Movable Type users will have to suffer with that aging platform just a little while longer as we migrate dozens of sites.
- There is not a separate server for staging content or a multistage workflow as with Roxen CMS. Posts and pages are either unpublished (draft) or published, and you can revert to any previously saved version.
- The Sharing buttons at the end of posts and pages do not have a Google Plus option.