In this lesson we cover downloading and installing the WYSIWYG module. We show the relationship between the WYSIWYG editor and Drupal Text Formats. We go over the basic settings of the WYSIWYG module, how to download and install an editor, and configurations necessary in Text Formats to make things work properly.
Use this handbook page on Drupal.org to determine which version of TinyMCE is supported with CKEditor: Editors.
Additional resources
Basics of Rules Link
FreeThis screencast shows the Rules Link module, and some basics in how to use it. It covers:
- That Rules Link adds links to entities (and that you set up each link separately).
- That these links triggers rule sets.
- That the links may be displayed as links on (for example) comments and nodes.
- That Rules Link is useful when you previously used Flag, but didn't really need the 1/0 data that Flag provides (but rather just the Rules trigger effect).
- That access to each configured link can be controlled using the standard permission system.
All of this is demonstrated by adding a "block spammer" link to comments, allowing administrators to block the comment author and delete all comments written by him/her.
Additional resources
Rules guide (Drupal.org)
This screencast shows how to go about debugging Rules configuration. It covers:
- Enabling the debug information in Rules, showing rules evaluation.
- How to drill down into Rules’ debug messages.
- That most (or all) times, it is your configuration and not the Rules engine that has the bug.
- That the most common bug is condition that evaluates in an unexpected way.
- How to see how long time rules execution takes – and why/when this may be important.
- How to use the debugging action in Rules, to inspect the data in Rules.
Additional resources
Rules guide (Drupal.org)
This screencast quickly shows the events, conditions and actions that Flag exposes to the Rules module. It covers:
- Event: Flagging and unflagging entities
- Condition: Flag is set on an entity (by a particular user)
- Condition: An entity has at least a number of flaggings
- Action: Load the list of users flagging an entity
- Action: Set or remove a flag (for a particular user)
- Action: Remove all flaggings (for a particular user) – or save a particular number of flaggings
Additional resources
- Flag project (Drupal.org)
- Rules project (Drupal.org)
- Rules guide (Drupal.org)
- Flag module documentation (Drupal.org)
This screencast shows how to work with export and import of Rules configuration, in particular using the Features module. It covers:
- Why you should use the Features and Strongarm modules.
- How to export Rules configuration with Features.
- How to import Feature-exported Rules configuration to a site.
- What reverting rules configuration means, and how to do it from Rules or Features.
- How to (eventually) export Rules configuration manually, and some words about the high readability in the Rules export code.
- How to import manually exported Rules configuration, including some available options/tweaks.
- Why configuration management is an important issue for Drupal.
For more information and tutorials on the Features module, check out the Drupal Deployment with Features & Drush Series.
Additional resources
Rules guide (Drupal.org)
Display Suite is a module that controls the display of your notes, users, comments, and any entity that's available in your system.
In this video, I will cover the installation of the module and some quick overview of all the menu items that will be made available if you install Display Suite, through the three modules that are its components: Display Suite, Extras, and Search Display.
Additional resources
I'm always asked about Drupal: "Where is the editor?" Well, this series is going to answer that and teach you everything you need to know about WYSIWYG.
I’ll cover the WYSIWYG module and other modules that allow us to bring media, especially images, into our content. I'll cover best practices for using a WYSIWYG module, how you can use other modules, and various methods of getting images into your text areas with WYSIWYG or with just an image field, and I'll explain the differences among various methods.
Additional resources
I am going to show you how you can upload an image of any size and it will automatically display as the size/style that you designate by editing the display field settings for your content type. We are going to add an image field to the basic page content type and set the node display to use medium size of 220 wide by 220 tall. Being able to set a standard for image display creates consistency and a better user experience. Site builders and content administrators will also have less work because you don’t need to cut all of your images before you upload them. Drupal does all the work for you!
This screencast covers the following topics:
- Creating user flags
- Using user flags in Views to limit the nodes displayed
- Using a double Views relationship to access the flagging user
- Using contextual filters on the flagging user
In this video Michelle takes a look at our example site, My Town Sports, from a member's perspective. We can review a list of groups, subscribe and unsubscribe, and create content for a group we belong to.
Additional resources
Once you have your site up and running it is very important to keep your site up to date and secure. Both Drupal core and contributed projects continue to improve the software with bug fixes and security updates. In this chapter we look at using the core Update Manager, and explain how to read the various reports about our site's status. Before we walk through the process up updating a contributed module, as well as our version of Drupal core, we also make sure we do a backup.
So, we now have all of our CSS and HTML in our sub-theme. In this lesson, we've moved over the remaining files that our theme will need, like the images folder, and our node template files. The last step to finish this theme up, is to modify our CSS to take advantage of the responsive framework we already have in place. To do that we'll:
- Review the theme files
- Look at our default CSS file
- See the responsive changes
We're in the home stretch with our theme, so let's make our CSS responsive and wrap things up.
You can download the final Ninesixty Robots Omega theme as a regular project from Drupal.org.
Additional resources
You can download the final Ninesixty Robots Omega theme as a regular project from Drupal.org.
In this lesson we have fast-forwarded some by completing the conversion of our old page.tpl.php into the new Omage theme. We'll take a look at the work we've done to get to this point, and then deal with what looks like could be a tricky HTML wrapper problem by creating a new zone for our theme, and configuring it to meet our needs. So, we'll:
- Review templates and variables
- Add a new zone to our theme
- Configure our regions with the new zone
This is where we can really see how to blend the usefulness of code and configuration in Omega, to accomplish our task in a very simple way.
Additional resources
You can download the final Ninesixty Robots Omega theme as a regular project from Drupal.org.
We have a custom template file that has the HTML that we want, but not all of variables are coming through yet, and instead we are getting "Undefined variable" errors. In this lesson we're going to take care of that, as well as making sure our custom variables from the original 960 Robots get moved over as well. Omega has its own best practices around adding preprocess and process functions to a sub-theme, so we'll walk through what Omega expects, and how to use the files and examples that Omega is providing for us. So we're going to:
- Look at the Omega best practices
- Create a process include file
- Add our region variables
- Add our custom variable from 960 Robots
Additional resources
You can download the final Ninesixty Robots Omega theme as a regular project from Drupal.org.
For this lesson we get to finally start to convert our 90 Robots theme into our Omega sub-theme. We're going to take a look at what we have the original 960 Robots files, and start to move that into our 960 Robots Omega theme. To start things off we will:
- Review theme files
- Move main.css into the global.css file
- Begin converting the page.tpl.php
- Create a custom region template
Here is where the rubber meets the road for making our sub-theme look the way we want it to, so let's dive in.
Additional resources
You can download the final Ninesixty Robots Omega theme as a regular project from Drupal.org.
The combination of Omega, Alpha and our new 960 robots base theme means that there are a pile ton of CSS files included in our pages now. These CSS files provide the foundation for some of the coolest features in Omega like the mobile first approach and the ability to provide a responsive design. Lets take a look at
- The various CSS files included by alpha, Omega, and our subtheme and how they work together
- Do a quick expirement to demonstrate the various CSS files associated with Omega's media queries
- Talk abou the HTML output by the Omega theme and how it's structured.
So put on your goggles beacuse we're about dive deep into the land of responsive CSS.
Additional resources
You can download the final Ninesixty Robots Omega theme as a regular project from Drupal.org.
In this lesson we will be covering how take all the settings we have made for our 960 robots subtheme and export it into code. We will cover multiple ways of doing this and why this is a good practice to get into when working with different environements and/or other team members. We also cover adding features to the .info file from our exisiting theme into our new Omega sub-theme. So basically, this lesson will cover
- Exporting your theme
- Why export?
- 3 Different methods of export
- More theme conversion
Once the lesson is complete you will become an exporting guru and impress your friends at just about any gathering with your Omega Exporting amesomeness.
Additional resources
You can download the final Ninesixty Robots Omega theme as a regular project from Drupal.org.
WYSIWYG and Media Management
Course
In this lesson we cover the concepts behind getting media (images) into your site. We describe the two common methods as inline or image field and the advantages/disadvantages of both.