1. Welcome to the session! We will begin soon.

2. How to Log In: 1.Visit ala.org (any page) 2.Select the Login link at the top right and use your credentials

4. For today’s session, you can use these credentials: Username: seitest Password: seitest1

6. Drupal Sandbox ALA.org/support

7. I am logged into my site! You should see your username here when you login. Notice the tabs that enable you to EDIT the page you are on. Notice the two (2) new editing toolbars! Editor Login: Screen Elements

8. Apache Solr Search through this or entire site

9. Check out all the NODES! The newest are on top, but you can sort by clicking column title. Filter the list using PUBLISHED or NOT PUBLISHED in the status dropdown or by Content Type. Toolbar and Shortcuts

10. Working with the WYSIWYG

11. Step 1: Insert an Image Select Insert Image from Edit mode in Main Content

12. Step 2: Browse for Image Select Browse Server in the resulting window

13. Step 3: Select or Browse for Image If the image is not already in the folder, click Upload and then Browse to find the image on your computer. Find the image on your computer and click Open.

14. Step 4: Upload file to website Once you have the image, click Upload to add the image to the website’s media folder.

15. Step 5: Insert image to page Once you have the image, uploaded to the site, make sure it is selected and Insert file into the page.

16. Step 6: Configure Image Properties Add detailed alternative text about the image for accessibility and in case users are not able to view the image. If needed, adjust the image size Set the Border, spacing and alignment desired. Click OK.

17. Step 7 (optional): Add a Link on the Image If you want the image to link somewhere when the user clicks it, Click the Link tab. Add the destination URL or associated file to link to Set target behavior to open another window, if desired. Click OK.

18. Step 1: Select the text and click Link icon Select Insert Link from Edit mode in Main Content

19. Step 2: Browse for File Select Browse Server in the resulting window

20. Step 3: Select or Browse for File If the file is not already in the folder, click Upload and then Browse to find the image on your computer. Find the file on your computer and click Open.

21. Step 4: Upload file to website Once you have the file, click Upload to add it to the website.

22. Step 5: Insert file to link to Once you have the file, uploaded to the site, make sure it is selected and Insert file into the page.

23. Step 6: Configure File Properties A link to the file that you uploaded is the type being created A relative path is created to the file since it is uploaded and lives on the site. Click OK.

24. SEO Title is the most important of all the SEO fields, in terms of higher ranking in a hit list of search results. Include the page title plus some descriptive words to aid in search. SEO Description A summary of what is being discussed on the page. This is the description that users see in their hit lists when your page comes up in search results. Pull out key phases from each of the subheads of the page to give searchers useful information for making their decision for visiting the page. SEO Keywords A summary of what is being discussed on the page. Think of common terms a user might use to find the page. As well as any mention of a person, institution or location.

25. SEO Title is the most important of all the SEO fields, not only does it aid in search engine optimization but it is used throughout the site design of www.ala.org. SEO Description A summary of what is being discussed on the page. This is the description that users see in their hit lists when your page comes up in search results. SEO Keywords A summary of what is being discussed on the page. This is the description that users see in their hit lists when your page comes up in search results.

26. Drupal can dynamically populate from iMIS using a committee code. Find your committee’s code in iMIS before you start. Drupal Committees Pre-Step: Locate iMIS Committee Code Members: Ask your Staff Liaison for the committee code.

27. Login/Add Content Step 1: Login, Add Content command Add content Choose the Committee content.

28. Add Committee Code and Title Type in the Name of the Committee. This is a required field. Type in the iMIS Committee code. (UPPERCASE) This will dynamically pull the roster according to the term dates in iMIS. Type in the committee’s charge or mission here. Step 2: Required and dynamic field entry

29. Leave the Roster Blank Step 3: Unless you are not pulling roster data from iMIS Leave Blank Provide instructions on how to request full roster contact details to non-members

30. RSS Feeds = Public Posts Click the RSS icon to go to the feed. Go to the group on ALA Connect. You can sign into your account at http://connect.ala.org Grab the link; copy it to your clipboard and paste to URL field in Public Posts in Drupal You need the URL to the RSS feed here. Use these 3 steps below: Step 4: Dynamically post from ALA Connect

31. Scroll to add Resources This is a great place to add links to important documents that the committee needs to refer to. Could also be links to outside resources.* *Make sure to put the correct type of link (absolute path for external, relative for internal) Step 5: Optional

32. Watch for instruction under fields For Committee fields like “Composition”, watch for the instruction and sample copy to give you guidance as to what is needed for these fields. It is located AFTER the field. Some committees were born out of other taskforces or initiatives so the Origin and Optional Category fields are available for historical and other committee relate information that can be added to the page. Step 6: Optional Committee fields

33. Metadata & Access Scroll down to the bottom of the page to: add metadata; set access rights; add taxonomies to the committee page. Step 7: Making the Committee visible to search engines

34. Only Members can see the entire contact info

36. How to create a Navpod Before you start you are going to have to do two things: 1.Save/Create the image somewhere on your computer. 2.Have all the paths for the link locations as well as text.

37. Save/Create the image somewhere on your computer. Since we are copying from right nav objects that aren’t really Navpods, but (modified Blocks that were imported in with the original website setup), we will do things a bit differently. In this case, we can grab the image by right clicking on it and Save Image As it somewhere on our computer. This way we will have it for our REAL navpod.

38. Have all the paths for the link locations as well as text. Just to make life easier when we go to do the Navpod, grab the link location(s) to any of the links in the pod, both for the image and the text beneath (which usually are the same link). Also grab the text if you don’t want to retype it in the real navpod.

39. Select Add Content; then select Navpod. You might not have rights to see Navpod in the list, if not, let me know and I will grant that access. Select Add Content; then select Navpod. You might not have rights to see Navpod in the list, if not, let me know and I will grant that access. Now that you have all the elements for your Navpod, (saved in a way that you can Browse to them), you can choose Navpod from the Add Content menu.

40. Browse for the image so it will be uploaded. Don’t forget to hit the upload button. You should see a preview of the image. Browse for the image so it will be uploaded. Don’t forget to hit the upload button. You should see a preview of the image. Add your navpod text. Triple-check your links to make sure they are going where you want. Be sure to include Alternate text to explain the image for the seeing impaired

42. Scroll down the page to the settings. Change the pages that the navpod will appear on. In this case, since it is in the same micro site, the path is merely the page name as you see the screenshot example. Include a title and URL. Click the Save button.

43. I forgot my title and it stopped me. I also forgot that the path is without the opening slash or it will be invalid. SAVE I forgot my title and it stopped me. I also forgot that the path is without the opening slash or it will be invalid. SAVE

44. Success! You made your Navpod! Now lets see if it shows up on the page you wanted… Notice the Weight..that determines the order, the lower the weight, the higher ie will be on the list.