Welcome to the session We will begin soon

Welcome to the session! We will begin soon.

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

For today’s session, you can use these credentials: seitest Password: seitest 1 Username:

Drupal Sandbox ALA. org/support Sandbox

Editor Login: Screen Elements 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!

Apache Solr Search through this or entire site

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

Working with the WYSIWYG

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

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

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.

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

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.

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.

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.

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

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

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.

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

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.

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.

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.

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.

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

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

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

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

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

Scroll to add Resources Step 5: Optional 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)

Watch for instruction under. Step fields 6: Optional Committee 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.

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

Only Members can see the entire contact info

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.

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.

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.

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. 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.

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 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.

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.

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

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.