After a brief break from our video schedule, we are back on track this week, picking up the trail on the Using Drupal Chapter 4, Media Management series.
A Short Intermission
Blog postYou may have noticed that we don't have any new videos out for this week. We're taking a short break in our video production schedule so that we can focus on our brand new site that we just launched last week. We're really proud of the work we've done, and we've gotten lots of great feedback from our members. We still have a number of outstanding bugs we need to iron out, and our plan is to keep rolling out bug fixes this week. So keep your eyes peeled for more cool stuff on the way!
Fixing Things Up
Blog postWell, last week we launched the new version of our website, and while overall the feedback has been great, we also realize that we had a few mistakes on the site as well. We've been working hard to nip lots of little bugs over the last week, and we've also heard your feedback about watching the videos that belong to a series. I'm happy to say that we've just pushed a release that addresses some of our most pressing feedback.
Drupalize.Me Podcast Episode 30
Blog postWe launched our new site this week! It was a lot of work, and there is still a ton more work to do.
Welcome to Our New Site
Blog postWe redesigned the site and upgraded to Drupal 7! A lot of the site and features remain the same, but we do have some changes we'd like to point out.
Now that users can post reviews on the Band Wagon site, we need to make sure that the content they publish, including their intro photos, is actually displayed correctly. To accomplish that, in this lesson, we're going to configure the field display settings and apply image styles.
Additional resources
The Media module for Drupal 7 solves a number of long-standing media-related problems in Drupal. At its core, Media provides a framework to manage media assets on a Drupal site, regardless of whether those assets exist on the site’s server or somewhere else on the Internet. Media has had much active development over time, and was a moving target when Using Drupal was written, so the latest version of Media is a fair bit different from the version we cover in this lesson, "2.0-unstable3." Version 2 of Media is very, very different from version 1, which is a much older version. We highly recommend that you learn the fundamental pieces of Media 2.0 using the source code that comes with the book and is covered in the About the Using Drupal series. That will allow you to follow the lesson without getting lost in the changes. Then, when you upgrade to the latest version down the road, you will have a solid foundation to explore the newer versions.
Additional resources
To get our music reviews built, we need to get started with a new content type. In this lesson we will get the basics in place by creating the new content type, with our main fields, and the ability to upload an image.
Additional resources
Last week we started off two new series on Media module, each covering a different major version. This week we are plowing ahead with the Using Drupal Chapter 4: Media Management series, which covers Media version 2.x. These lessons will give you an overview of the Media Module and the various things it will do for us. After that, we're going to dive right in to building our music review site by building out the review content type, and playing around with our field display to make sure things are looking the way we intend.
We're happy to give you Episode 29 of the Drupalize.Me podcast, with Christophe Galli and Miro Dietiker, to talk about Translation Management. This is a great project, available as a module on Drupal.org, that works with various multilingual modules to help you keep your site translation organized. There are a lot of moving pieces in a multilingual site, and these guys have been up to their elbows with it for a long time.
When you’re uploading photos to a website, it’s important to ensure that they are displayed at the right size. Otherwise, when you upload an exceptionally large image, chances are good that it will break your site’s layout. To prevent this, you’ll want to scale these images so that they’re a consistent size, and create thumbnails for use in listing pages. Image styles are a feature that’s part of Drupal core’s Image module, and it provides these options and many more for displaying images. In this lesson we'll get an overview of the core image styles feature so that we understand how it works, which styles and effects we have to work with, and some tips for troubleshooting when your images don't display properly.
Additional resources
Before we can nicely publish our favorite bands’ photos on our website, we need to make sure to set up image styles, in order to create scaled-down versions of the images while leaving the original images intact. In this lesson we'll modify an existing image style to customize it, and also see how we can improve our image quality.
Additional resources
In this lesson, we take a look at our Band Wagon case study, and then we'll go through our implementation plan and see how we're going to tackle this one. In our case study, John and Lisa decide to make a website to share information about all the music they love, including videos, photos and reviews, and they want their friends have a voice on the site as well.
First of all, they need to be able to upload images to the site, and have an image that's small in one location but full-sized in other locations. We'll want to embed some videos, as well.
Their friends don't know how to write HTML, so we let them use a simple form to select media, and maybe reuse other people's images. We want to provide them with a WYSIWYG tool bar, an editor that helps them write HTML without coding.
How will this work? We'll use Drupal Core's Image Module and image styles, and expand the Media Module. For our WYSIWYG editor we're going to use the WYSIWYG Module, and then we're going to need to get an editor that we can plug into it.
Additional resources
This week we are starting off two new series at the same time to cover a very important topic for web sites today: Media Management. Almost every site out there needs to work with media in some way, whether it is just uploading images in your blog posts, or having to work with audio and videos in a variety of ways. In Drupal 7 the Media module has become the go-to solution for handling the full range of media needs.
We've built a nice site for John and Lisa that meets their needs, and has them happily uploading photos and videos to their site. In this lesson we'll tour the Band Wagon site, walking through how we addressed our implementation points, and then wrap up with a review of the modules we used and referenced during the series.
Additional resources
If you’ve completed the Band Wagon site to this point, you’ve built a solid foundation for a Drupal-based music fan site that provides the main features we wanted. In this lesson we'll look at some more modules to explore, and how they could enhance the site we've created:
Additional resources
Because we already the Media module installed, it’s really easy to enable support to post videos from YouTube on the Band Wagon site. In this lesson we'll enable Media Internet Services and Media: YouTube modules, and make sure everything is working properly to embed a YouTube video into our content.
Additional resources
The Media module for Drupal 7 not only supports adding and managing media that is uploaded from a user’s computer into Drupal, but it also comes with a submodule, called Media Internet Sources, that allows using media assets from various Internet locations. In this lesson we'll look at what media internet sources can do for us and quickly explain what stream wrappers are and how they relate to what we want to do on the site.
Additional resources
Let’s set up the WYSYWIG editor for the Band Wagon website, using the WYSIWYG module and CKEditor. Note that if you prefer a different WYSIWYG editor, such as TinyMCE or Aloha, the installation instructions are very similar. In this lesson we'll we'll not only get WYSIWYG set up, but we'll also enable the Media filter and integrate that with our WYSIWYG editor.
Additional resources
Text formats are an important security feature of Drupal, so it pays to understand them. A text format will “scan” your content and make HTML formatting changes to it before sending it to the browser for display. In this lesson we'll see what formats and filters are, and how they relate to each other, walk through the filter workflow, as well as reviewing the default formats that come with Drupal core.