Cynthia Mijares's Blog Posts

The Stanford WYSIWYG gives the content editor multiple style options to modify the look of their site's content.  Suppose you want the ability to float an image right or left in the content region but it's not in the list of Styles. You can create a CSS Injector rule to target that specific content then make this style available to the WYSIWYG Styles drop-down list. To tackle this example, let's go step-by-step to add the ability to float images right or left in the content region within the WYSIWYG.

Create a CSS Injector rule for your class name

In the Stanford Sites environment, we utilize the CSS Injector module to add CSS to a site.

1. Ensure that the CSS Injector module is enabled
2. From Configuration > Development > Select CSS Injector
3. Click Create a new rule
4. Add CSS rule(s)

.float-right {
   float: right;
   margin-bottom: 15px;
   margin-right: 0;
}

.float-left {
   float: left;
   margin-bottom: 15px;
   margin-right: 15px;
}

Add CSS styles to text formats

Text formats define how editor environments behave. We'll incorporate the CSS in the "Content Editor Text Format".

1. From Configuration > Content authoring > Text formats > Select Content Editor Text Format
2. In the Filter settings > WYSIWYG Filter horizontal tab > Rules for Class Names, add “float-right” and “float-left”
3. Click Save configuration

Add CSS styles to the WYSIWYG

1. From Configuration > Content authoring > Select Wysiwyg profiles
2. Edit the Content Editor Text Format
3. In the CSS section > CSS classes, add Image Right=p.float-right and Image Left=p.float-left on separate lines
4. Click Save

Check out and use your new Styles in the WYSIWYG drop-down list!

2015 has been amazing! Big thanks to all of our wonderful and devoted colleagues around the university and in the community. We wish you happy holidays over the winter break, and we'll see you in 2016!

Our team created the Stanford Sites Jumpstart service to help website owners focus their energy on what matters most: their content. To do this, Jumpstart includes a dashboard for simple content maintenance. This "Manage Content" feature offers an overview of all pages in the site and supports updating individual or multiple pages at one time.

Once you've logged in to your Jumpstart-based site, select Manage Content from the Site Actions menu.  

From here you can see a table with all the pages in your site:  

Filters

Use the filters at the top to narrow the display of content.  For example, if you only want to see published pages and exclude the unpublished pages, filter by Published status "Yes" and then click the Apply button. As a result, you should only see the event title "Fresh Perspectives...".  Click the Reset button to clear all search filters and to expose all your content.

Sort

You can sort content in ascending or descending order by clicking on the column heading titles.

Actions and Operations

From the Manage All Content page, you can edit, delete, or view any individual page. You can perform these actions on several pages at once by checking the box in column one for the items you want to update. Then choose an operation from the Operations drop down, and click the Execute button.

Manage Content by Type

Depending on the type of Jumpstart product, you may see in the right sidebar the option to manage content by content type. For example, if you only want to manage events, click on the Manage Events link to get a customized screen that has fields specific to the Events content type.

Read more

Check out more information about the features included in the Stanford Sites Jumpstart service, and let us know what you would like to see.

What happens when the one guy who has access to manage users on your Drupal website leaves? Do you have a team of people that needs to work on the website, but those people change over time? Do they all have a SUNet ID? Take advantage of the Stanford WebAuth Module features and manage access by mapping Stanford workgroups to Drupal roles. 

Learn more about Stanford Workgroups

Set up a Workgroup Role Mapping

1. Setup Role Mappings.
2. Verify the WebAuth module is enabled.
3. From the admin menu bar, navigate to Configuration > WebAuth > Role Mappings
4. Select the Drupal Role, enter the Workgroup name, then click Add Mapping button.

Drupal role(s) are assigned automatically to people who log in with WebAuth that are part of an assigned Workgroup.