While the Berkeley Fellows have been working away on their stories, Richard and I have been hacking away on our little News21 Wordpress theme. We have big plans for how the front and various project pages will look and work. Our primary goals are to have berkeley.new21.com look and feel like the national site, to keep publishing very simple, and to incorporate into the core of our theme — not in a series of half-baked plugins — a lot of rich media features.
Some of the rich media features we want are story inlines with video, maps, audio and social media content to help give context to traditional print stories we publish on this site. Below is our proof of concept of some of these features. The code that makes these features possible is rapidly developing so this page may occassionally break, so please hang tight if something is off!
If other N21 schools are interested in our WP theme, just holler.
Test content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dolor sem, auctor sit amet tempus id, cursus in sapien. Mauris nisi magna, molestie et suscipit hendrerit, vehicula non tellus. Cras eu mi et ipsum hendrerit sodales nec ut odio. Cras pulvinar volutpat odio in feugiat. Maecenas nec egestas nisl. Donec facilisis dapibus condimentum. Sed dignissim lorem ac sapien blandit at congue risus ullamcorper. Aenean vitae metus at arcu dapibus sodales eget a ligula. Sed vehicula erat ac velit feugiat vitae sagittis enim commodo. Praesent mauris nulla, semper vitae pharetra id, auctor in augue. Donec auctor eros vel metus bibendum id tincidunt libero imperdiet. Donec suscipit laoreet lorem nec pellentesque. Ut a odio velit, vel laoreet mi. Maecenas dignissim nulla nec sem pharetra sit amet eleifend dui molestie. Donec tincidunt fringilla urna, a placerat nisl facilisis eu. Nunc ac leo convallis felis ornare ullamcorper sit amet eu sapien. Morbi vestibulum tortor ut diam scelerisque vitae convallis dui mollis. Donec sed odio dui. Suspendisse in risus eros, quis rutrum mi. Suspendisse aliquet tortor at elit elementum ullamcorper.
Proin interdum quam posuere risus scelerisque non aliquet mi mattis. Cras sodales ornare tellus eget congue. Ut imperdiet sollicitudin metus, a eleifend metus ultricies at. Sed eget diam urna, a accumsan odio. Ut et vehicula leo. Praesent vel quam tellus, pulvinar accumsan ante. Aenean mi est, consequat vitae cursus at, rutrum vel odio. Maecenas eleifend quam nec dolor placerat sed facilisis lacus vestibulum. In sollicitudin tincidunt ornare. Donec aliquam bibendum molestie. Nullam varius rhoncus cursus. Maecenas lorem risus, gravida vel venenatis et, congue et leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Donec lorem orci, sagittis eu viverra nec, fermentum eu erat. In ante arcu, fringilla at bibendum ut, tempus id justo. Morbi vehicula placerat gravida. Quisque varius consequat lacus eu imperdiet. Nam tempus congue gravida. Ut euismod ipsum at leo iaculis id fermentum sapien consequat. Fusce porta pellentesque leo eget sollicitudin. Nam eu dolor non turpis pretium condimentum quis non felis. Mauris hendrerit hendrerit lacus, accumsan posuere massa bibendum at. Suspendisse volutpat semper laoreet. Donec eget metus sollicitudin libero porttitor tristique at nec sapien. Cras a nisi nulla. Vestibulum tempor tellus ac orci lobortis consequat. In nisl nibh, commodo a commodo in, tincidunt et diam. Curabitur vel ante ac velit faucibus malesuada a in tellus.
4 Comments
Nice work guys, can’t wait to see how it all ends up.
Good to see you’re using the JW player. But are you planning on inlining such small videos? On the national site we plan to use thumbnails that link to a lightbox. Do you have an opinion on that approach?
Hi Milan!
The final size hasn’t been determined for the inline player. This page is a proof of concept. But I agree that this inline, and maybe any inline, is a little small. I do like the idea that the video can be watched with one click, right in the page. I don’t like users having to lose the page with the article.
Having said that, I’ve been throwing around some ideas in my head. First, the video can be made full screen straight from within the player, giving users the choice to leave the story and see a bigger version if they choose. The other is to pull the video player out of the inline box and make it a slightly bigger stand-alone inline, much like the NYT does.
Another thought is to put it in a div that expands on play. The WaPO used to do something like that. I never loved it but maybe it was just the way they implemented it that irked me.
Hey Josh,
I was thinking something like http://www.flypmedia.com/issues/29/#2/1 which is simply a play button that opens in a lightbox, I was thinking a small image with a play button overlay. I don’t think most people see or mess with the full-screen option in players and also in full screen the resolution is poor. We plan to either use the large format straight out (like nyt) or a lightbox/ popup effect is easy. Guess it’s a minor issue.