Workshop I - End Users, Content Editors or How I Learned to Use Drupal

Translation - Soon you'll be a Drupal 6 Ninja!

Overview This workshop is intended for anyone getting started with Drupal--professors, students, developers, staff, owners of web sites, and especially "content editors." What is Drupal? Log in & Permissions Content Creation Methods: Plain text, WYSIWYG editors, & full html Insert images Create links Finding your content Editing & deleting content Menus Blocks Categories/taxonomy Drupal end user guides

This workshop is intended for anyone getting started with Drupal--professors, students, developers, staff, owners of web sites, and especially "content editors."

What is Drupal?

Log in & Permissions

Content Creation

Methods: Plain text, WYSIWYG editors, & full html

Insert images

Create links

Finding your content

Editing & deleting content

Menus

Blocks

Categories/taxonomy

Drupal end user guides

What is Drupal? Drupal is a content management system (CMS). Content (text and images) are submitted via web forms. Content is stored in a database. When a user views a page, content from the database is put into a template for display on the screen.

Drupal is a content management system (CMS).

Content (text and images) are submitted via web forms.

Content is stored in a database.

When a user views a page, content from the database is put into a template for display on the screen.

Log in Go to http://webworkshop.asu.edu Click on the "Sign On" link in the upper right of the page. On the ASU WebAuth Single Sign-On login panel, type in your ASUrite ID and password. You'll be taken back to the site.

Go to http://webworkshop.asu.edu

Click on the "Sign On" link in the upper right of the page.

On the ASU WebAuth Single Sign-On login panel, type in your ASUrite ID and password. You'll be taken back to the site.

Permissions What you can do on a site depends on your privileges, or access . On content pages, look for tabs above the title. If one of these tabs says "edit", you have permissions to add and edit that type of content.

What you can do on a site depends on your privileges, or access .

On content pages, look for tabs above the title. If one of these tabs says "edit", you have permissions to add and edit that type of content.

Content All content on a Drupal site is a "node," including: Page Poll Story Forum text Blog entry Images Comments are not stored as nodes but are always tied to one.

All content on a Drupal site is a "node," including:

Page

Poll

Story

Forum text

Blog entry

Images

Comments are not stored as nodes but are always tied to one.

Content Creation Basics Creating a page is similar to how most content types are created. Click "create content" to see the types of content you have permission to post. Select "Page."

Creating a page is similar to how most content types are created.

Click "create content" to see the types of content you have permission to post.

Select "Page."

Content Creation Basics - con't The "Submit page" form has a number of fields: Title Body - you can copy and paste from text editor or type in text directly Under 'URL path settings," write your first and last name (no spaces)

The "Submit page" form has a number of fields:

Title

Body - you can

copy and paste from text editor

or type in text directly

Under 'URL path settings," write your first and last name (no spaces)

Content Creation: Types Most Drupal sites offer several ways to input text: Plain text WYSIWYG (rich-text editor, such as FCKeditor) HTML As well as to accomplish more complex tasks: Adding images Attaching files Publishing & unpublishing Creating URL aliases

Most Drupal sites offer several ways to input text:

Plain text

WYSIWYG (rich-text editor, such as FCKeditor)

HTML

As well as to accomplish more complex tasks:

Adding images

Attaching files

Publishing & unpublishing

Creating URL aliases

Content Creation: Plain Text When you input content as plain text, Drupal: Takes care of line breaks for you Makes links clickable On most Drupal sites, you can: Attach files to your content Publish and unpublish content Create URL aliases

When you input content as plain text, Drupal:

Takes care of line breaks for you

Makes links clickable

On most Drupal sites, you can:

Attach files to your content

Publish and unpublish content

Create URL aliases

Content Creation: WYSIWYG WYSIWYGs, or rich-text editors, are an easy way to add "rich" content. Paragraphs Headings Bold and italics Lists Links Images

WYSIWYGs, or rich-text editors, are an easy way to add "rich" content.

Paragraphs

Headings

Bold and italics

Lists

Links

Images

Content Creation: HTML Bold - <strong></strong> Italics - <em></em> Paragraphs - <p></p> Lists Bulleted - <ul><li></li></ul> Numbered - <ol><li></li></ol> Links <a href=&quot;link.com&quot;>link text</a> Images <img src=&quot;

Bold - <strong></strong>

Italics - <em></em>

Paragraphs - <p></p>

Lists

Bulleted - <ul><li></li></ul>

Numbered - <ol><li></li></ol>

Links <a href=&quot;link.com&quot;>link text</a>

Images <img src=&quot;

Content Creation: HTML - con't Lists Bulleted <ul> <li>Item</li> <li>Item</li> </ul> Numbered <ol> <li>Item</li> <li>Item</li> </ol>

Lists

Bulleted

<ul>

<li>Item</li>

<li>Item</li>

</ul>

Numbered

<ol>

<li>Item</li>

<li>Item</li>

</ol>

Content Creation - con't For our purposes, under publishing options, check &quot;Promoted to front page.&quot; Don't forget to hit &quot;Submit&quot; when you're done to save your content. Some sites require you to &quot;Preview&quot; before submitting.

For our purposes, under publishing options, check &quot;Promoted to front page.&quot;

Don't forget to hit &quot;Submit&quot; when you're done to save your content.

Some sites require you to &quot;Preview&quot; before submitting.

Content Creation - adding an image go to images.google.com in a new tab and find an image. save it to your desktop. click &quot;Edit&quot; locate the yellow mountain button to insert an image upload an image - click &quot;browse server&quot; click the &quot;browse&quot; button at the bottom select the image on your desktop now, click &quot;upload&quot; you should see your image appear in the list. click it. click &quot;OK&quot; voila!

go to images.google.com in a new tab and find an image.

save it to your desktop.

click &quot;Edit&quot;

locate the yellow mountain button to insert an image

upload an image - click &quot;browse server&quot;

click the &quot;browse&quot; button at the bottom

select the image on your desktop

now, click &quot;upload&quot;

you should see your image appear in the list. click it.

click &quot;OK&quot;

voila!

Finding your content All the content on a site is located in Administer -> Content management > Content. From this page, you can view, edit, publish, or delete any Drupal content.

All the content on a site is located in Administer -> Content management > Content.

From this page, you can view, edit, publish, or delete any Drupal content.

Editing and Deleting Content To edit a page : Click on the &quot;edit&quot; tab. Edit. Click &quot;Submit.&quot; To delete the page Click on the &quot;edit&quot; tab. Select the &quot;delete&quot; button near the bottom of the form. You'll get a second chance to confirm that you wish to delete the page, or to change your mind!

To edit a page :

Click on the &quot;edit&quot; tab.

Edit.

Click &quot;Submit.&quot;

To delete the page

Click on the &quot;edit&quot; tab.

Select the &quot;delete&quot; button near the bottom of the form. You'll get a second chance to confirm that you wish to delete the page, or to change your mind!

Content Wrapup You now know how to create a page and manage pages in Drupal. Questions?

You now know how to create a page and manage pages in Drupal. Questions?

Creating Blocks Block are small chunks of content, often found in the sidebars of a Drupal site. Blocks can be created by the system (ex: menu, search and log in blocks), but they also can be created by hand.

Block are small chunks of content, often found in the sidebars of a Drupal site. Blocks can be created by the system (ex: menu, search and log in blocks), but they also can be created by hand.

Creating Blocks, cont'd. Create a block. Go to Administer > Site building > Blocks. Select the &quot;Add block&quot; tab. Input a block description, title, and body. For this demo, include your name in your block title. Select visibility settings. User: choose whether to show the block by default. Role: choose which &quot;roles&quot; can see the block. Page: choose on which pages to include or exclude the block. Save. Find your block in the list and move it up and under the &quot;Left sidebar&quot; label.

Create a block.

Go to Administer > Site building > Blocks.

Select the &quot;Add block&quot; tab.

Input a block description, title, and body.

For this demo, include your name in your block title.

Select visibility settings.

User: choose whether to show the block by default.

Role: choose which &quot;roles&quot; can see the block.

Page: choose on which pages to include or exclude the block.

Save.

Find your block in the list and move it up and under the &quot;Left sidebar&quot; label.

Creating Menus Menus appear in blocks on your site and help visitors and users find their way around. Example menu creation: Go to Administer > Site building > Menus. Menu creation options will be found here. For the purposes of this presentation, we have already created a menu.

Menus appear in blocks on your site and help visitors and users find their way around.

Example menu creation:

Go to Administer > Site building > Menus.

Menu creation options will be found here. For the purposes of this presentation, we have already created a menu.

Creating Menus, cont. To create new menu links from the admin page: Select the menu. Choose the &quot;add menu item&quot; tab. Add the path (URL or absolute path [ex: /node/34] ). For our demo, use your first & last name. Create the menu item text. Optionally, add a description for the tool tip. Select the parent item. Optionally, select a weight for the item's order in the menu.

To create new menu links from the admin page:

Select the menu.

Choose the &quot;add menu item&quot; tab.

Add the path

(URL or absolute path [ex: /node/34] ).

For our demo, use your first & last name.

Create the menu item text.

Optionally, add a description for the tool tip.

Select the parent item.

Optionally, select a weight for the item's order in the menu.

Creating Menus, cont. To create new menu links while creating or editing a page: Go to the &quot;Menu settings&quot; section. Add the title. Choose a parent item/menu. Drupal will provide the URL.

To create new menu links while creating or editing a page:

Go to the &quot;Menu settings&quot; section.

Add the title.

Choose a parent item/menu.

Drupal will provide the URL.

Creating categories/taxonomy Drupal has a built-in system for categorizing content. Create a category, also called a &quot;vocabulary.&quot; Go to Admin > Content management > Taxonomy. Select the &quot;Add a vocabulary&quot; tab. Input a name for the vocabulary. Optionally, add a description and help text. Select content types for which the vocabulary will be available. Select settings--to use tags, allow multiple select, and to make required. Save your vocabulary.

Drupal has a built-in system for categorizing content.

Create a category, also called a &quot;vocabulary.&quot;

Go to Admin > Content management > Taxonomy.

Select the &quot;Add a vocabulary&quot; tab.

Input a name for the vocabulary.

Optionally, add a description and help text.

Select content types for which the vocabulary will be available.

Select settings--to use tags, allow multiple select, and to make required.

Save your vocabulary.

Creating categories/taxonomy Add &quot;terms.&quot; Go to Admin > Content management > Taxonomy. Select the &quot;add terms&quot; link beside the vocabulary. Input the term and, optionally, a description. Under the &quot;Advanced options,&quot; you may choose a different parent category, related terms, synonyms, and a weight. Save the term.

Add &quot;terms.&quot;

Go to Admin > Content management > Taxonomy.

Select the &quot;add terms&quot; link beside the vocabulary.

Input the term and, optionally, a description.

Under the &quot;Advanced options,&quot; you may choose a different parent category, related terms, synonyms, and a weight.

Save the term.

Creating categories/taxonomy Assign terms to content. Select &quot;Create content,&quot; and a content type. On the &quot;Submit&quot; form, a new dropdown menu of your vocabulary terms will be available. Choose a term. Complete the submit form and save. Notice a term is now included in the submission information line.

Assign terms to content.

Select &quot;Create content,&quot; and a content type.

On the &quot;Submit&quot; form, a new dropdown menu of your vocabulary terms will be available.

Choose a term.

Complete the submit form and save.

Notice a term is now included in the submission information line.

Exercise I Now you're going to use the knowledge you've just gained in this workshop by building some basic site elements. Concepts to try: Create a page and make it a menu item Create a &quot;friendly&quot; url for your page Upload an image to the page and make it link to drupal.org Create a block and make it appear on your page

Now you're going to use the knowledge you've just gained in this workshop by building some basic site elements.

Concepts to try:

Create a page and make it a menu item

Create a &quot;friendly&quot; url for your page

Upload an image to the page and make it link to drupal.org

Create a block and make it appear on your page

Resources ASU Drupal Help - help.asu.edu/drupal ASU Drupal User Group - groups.drupal.org/Arizona-State-University Drupal Office Hours - help.asu.edu/drupal/office-hours WebCom mailing list - lists.asu.edu Drupal End User Guide - drupal.org/node/6261 Drupal - drupal.org

ASU Drupal Help - help.asu.edu/drupal

ASU Drupal User Group - groups.drupal.org/Arizona-State-University

Drupal Office Hours - help.asu.edu/drupal/office-hours

WebCom mailing list - lists.asu.edu

Drupal End User Guide - drupal.org/node/6261

Drupal - drupal.org