Getting Started with Drupal

This is a quick reference guide for using the UAlbany Content Management System.

Training Topics
Logging In

To log in to your account, navigate to https://www.albany.edu/login. The CMS uses the same authentication as your UAlbany email so you will use your NetID and password to log in. 

Upon login, you will be brought to your 'My Groups' page, which will look something like this:

 

My Groups Menu
Navigating your 'My Groups' page

This page makes it easy to navigate between your groups (if you have more than one) or immediately begin editing or building pages. Users have several actions that can be taken right away from the My Groups page:

  1. You can navigate to your groups main page by clicking on your GROUP NAME.
  2. You can add a page to your site by choosing 'Create Basic Group Page' under ADD CONTENT.
  3. You can go to your groups full list of content page via ALL GROUP CONTENT.
My Groups Page
Group Administration

There are several tabs available from your Group home/edit page.

  • Click the ‘View’ tab to create new pages/content. 
  • Click the ‘Nodes’ tab to see and edit all content.
  • The site’s menu is in the 'Menus' tab.
Group Tabs
Adding Faculty and News Content

If you need to add new Content that is not a Basic Group Page (Faculty or News) you will need to navigate to your groups View page. From your My Groups page, click on your group name, which will take it to your groups Edit page, then choose one tab to the left of your current page 'View'. 

Your view page will look something like this: 

Group View Page

From here you can create a new Person (Faculty) page or News Article by choosing from the options under 'Create Content'.

*Note: You will need to remove Faculty pages and News Articles from your menu after you create them to keep them from appearing in your left navigation.

Editing your menu

To edit your menu, navigate to your Menus tab then click your group menu under the 'MENU' heading:

Group Menus tab

You will then be brought to your full menu page:

Group Menu

From here you can:

  • Add a link using the blue 'Add Link' button at the top of the page.
  • Show or hide pages in the menu by checking (show) or unchecking (hide) any pages box under the 'ENABLED' header. (Notice the 'BA Women's, Gender, and Sexuality Studies (disabled)' box is unchecked, this page will not appear in the WGSS Menu. *You will need to disable/hide Faculty pages and News Articles after you create them so they do not appear in your navigation*)
  • Edit some of the properties associated with the links in your menu.

 

Be sure to save after you make changes to your menu using the blue 'Save' button at the bottom of the Menu page.

Save Menu
Editing Pages

There are two ways to get to the Edit screen for any page:

 

1) Navigate to the page you want to edit and choose 'New Draft' from the menu in the upper left (just below the purple, main navigation)

Edit Page from the frontend

 

2) From your 'Nodes' tab, click the 'Edit Node' button under the OPERATIONS heading for the page you want to edit. For some pages (like the Faculty page in the screenshot below) you will need to open the dropdown that says View relation to see the Edit node option.

Edit Page from the backend

 

Some notes and bests practices:

  • Both of the methods above take you to the SAME place.
  • Every edit is done as a new draft, drafts may be saved for later or editing, or published to be made public (you won’t see draft edits when you view the page on the site).
  • Be sure to save and review your work frequently.
  • When editing, have another browser window open to view the page as it will look to visitors.
  • The menu panel on the right-hand side of the edit screen for any page has been set up to pre-populate itself with the information it needs, please DO NOT change the settings on this panel. Any changes that you need to make to the menu should be done from the Menu tab, please see the 'Editing your menu' section for details.
Using the page editor

Each section of your page will have its own editor for adding, changing and styling content. This editor will look very familiar to most as it is similar to Word, the options available in Outlook and editors in other Content Management Systems. 

WISYWIG Editor

Options in the editor, from left to right, allow you to: 

  • Underline selected text
  • Bold selected text
  • Make selected text Italic
  • Add a Subscript
  • Add a Superscript
  • Change selected text to predefined styles and headings
  • Make the selected text into a link
  • Delete a link from selected text
  • Make selection(s) into a bulleted list
  • Make selection(s) into a numbered list
  • Make selected text into a Blockquote
  • Add an image (either by uploading or choosing from a bank of available images)
  • Add a table
  • Insert a full-width, horizontal line
  • Left align text
  • Center text
  • Right align text

If you forget at any time what an option does, hovering over that option will provide some helper text.

Basic Group Pages

You will use Basic Group Pages to make general, informational pages for your sites. For example, your Research and Department/Dean's Office pages are Basic Group Pages. 


The edit screen for a Basic group page will look something like this: 

Basic Group Page Edit

Important Page Features:

The 'Title' field is used for the title of your page and will appear both in the Title area of your browser tab as well as at the top left of the published page. The 'Subtitle' area will appear just below the title in the upper grey area of the page.

 

Title areas


The 'Body' field is where most of your main page content will go and will appear in the main area of the page, just to the right of the left navigation.

Body Area


Below the 'Body' field on your edit screen you also have the option to add additional Paragraphs. Paragraphs are pre-made page parts available in the CMS which allow you to easily build out and display more dynamic content including video embeds, photo sliders as well as many others. For a full list of available paragraphs and how to use them, please see this page: https://www.albany.edu/paragraphs-sidebar

Paragraphs Dropdown

The example page also shows features added to the sidebar of the page, below the navigation. These can be added using the 'Sidebar Content' dropdown.

Sidebar Content dropdown

Note: There is another dropdown available between 'Paragraphs' and 'Sidebar Content' called 'Full Width Paragraphs'; this dropdown has all of the same options as the 'Paragraphs' dropdown but selections from this menu will appear full width on the page. In general, Full Width Paragraphs should not be used on Basic Group Pages.

 

Faculty Pages

To add a new faculty page you need to navigate to the 'View' tab and choose 'Person' under 'Create Content'. While editing the Faculty or Person pages will be very much like editing Basic Group Pages, much of the page structure is actually handled by the template. This makes the faculty pages a bit less flexible but much more specific than the Basic Group Page. 

The edit screen for a Faculty page will look something like this: 

An example faculty edit screen

You'll notice this edit page has quite a few fields. Most are self-explanatory and optional. Below are instructional notes about them.

  • The 'Title' field here still functions the same as the Title on the Basic Group Page but here we will put the faculty members name. 
  • 'Alpha Sort' controls the alphabetization on the main faculty listing pages.
  • A NetID field has been included here to pull publication data for individual faculty members.
  • The 'Department' area allows faculty to be sorted properly - if you make a faculty page but do not include your Department name, that faculty member will not appear in your faculty list. (Note: the list on the Faculty page is dynamically generated, you will not need to add individual faculty members to that list, simply create their page and they will appear in the list)
  • The 'Personal Website' section will allow you to display a faculty members Lab or other personal site on the Department Directory page. Please note that content from this section will not appear on the individual faculty member page. 
  • At the bottom of the page, 'Tags' will allow you to filter your faculty by any tag you would like (ex - Adjunct, Emeritus, Lecturer etc). If you choose to use Tags, you must tag all your faculty members and you will use the Paragraph 'Department Directory with Filter' to display them. Please note, you can add multiple 'Tags' to any family member, but you can only filter on one tag at a time.

*Please note that every time you publish a new faculty page, it will be added to the site menu. Please refer to the 'Editing your menu' section for instructions on how to remove them.

 

Department Directory

You will see on your main Faculty page that there is only one Paragraph present called 'Department Directory'.

Department Directory Paragraph

This Paragraph dynamically displays a list of faculty members based on the desired Department. While this paragraph has been set up for you, there are several options available for customizing its output on the page. Below 'Add another item' there are a series of checkboxes (Display Phone, Display Office Address, Display Summary of About and Display Dept) which will change the output generated on the page. These fields are drawn from information provided on the faculty members individual pages (note: if you would like to display all Office Addresses on your directory page but a faculty member does not have an office number on their page, nothing will appear for them on the main listing).

Department Directory with Filter
Department Directory with Filter

Like the Department Directory, this Paragraph dynamically displays a list of faculty members based on the desired Department; it also allows you to filter your faculty list, and show only a portion of your full list, based on 'Tags' placed on the Person pages. Beyond being able to filter by tag, there are several other ways you can customize your Department Directory using this paragraph. Below 'Add another item' there are a series of checkboxes (Display Phone, Display Office Address, Display Summary of About and Display Dept) which will change the output generated on the page. These fields are drawn from information provided on the faculty members individual pages (note: if you would like to display all Office Addresses on your directory page but a faculty member does not have an office number on their page, nothing will appear for them on the main listing).

News Articles

To create a News Article, navigate to your content -> my groups and select your group. Then go to the 'View' tab and choose 'News Article' under Create Content. 

The edit window for a news article will look something like this: 

News Article Edit

The 'Title' and 'Body' areas function the same as on the Basic Group Page. Important features of this page, below those sections, are:

  • 'Publication' - this field will not appear on the News Article page itself but does appear in the news article list and controls the order in which they appear. 
  • The 'Main Image' will appear both on the news listing as well as at the top of the News Article. The Crop Image feature allows you to crop images right on the page and will ensure that they are the correct aspect ratio.
  • 'Alternate Image' allows you to designate a separate image to appear in the news listing. Note: this image will not appear in the article, just in the listing.
  • The 'Link' field allows you to link offsite. For example, if the New York Times writes an article about research from your department, you can make a news listing for it that will appear on your home page but will link to the NYT article. 
  • 'Department', like on the Faculty page, ensures that the article will appear in your news listing. 

At the bottom of the page you'll notice that you have the option to add Inline Paragraphs and Sidebar Content. These behave the same as Paragraphs and Sidebar Content on the Basic Group Page, allowing you to easily add pre-structured sections to your page. 

Note: Paragraphs (vs Inline Paragraphs) on this page are full width and will likely not be very useful or functional for this type of page. 


Fields you will likely not use: 

  • Categories & Tags - these fields are for the Communications staff, it allows them to tag News Articles with categories such as Research or Public Engagement. Adding Categories to your stories will not change them.
Homepage Special Features

Though your Homepage is a Basic Group Page, you'll notice that we have added a few extra things that won't appear on your other pages. 

First, at the top you will have a section called 'Hero Slides'. This section controls the large image at the top of your homepage: 

Hero Slider

The 'Title' and 'Caption' content will appear in the black box in the lower left of your Hero Image. You are able to change your hero image but please note that the minimum dimensions are 1900 x 700px, so be sure to choose an image that is sufficiently large or it will appear grainy.

You also have a 'Mobile Only Slideshow Image' option available a bit further down the page. This is good for when your Hero Image looks great fullscreen but perhaps is not as impactful at mobile size.



Just below 'Hero Slides' you will see section titled 'Center Page Title'.

Center Page Title

This controls the title that will appear at the top of the grey area, below your header image as well as in the browser tab. 

Center Page Title Display

Note: the 'Subtitle' section content will appear below this heading in the grey area.
 



The next section is 'Left-Side Links'. This menu should reflect your inner left-hand navigation but is not connected to it (so new links will need to be manually added to the list). This section also includes 'Left Side Media Links' where you can add links to your social media accounts to appear just below your left-hand navigation in the grey area. 
 



You also have the option to add 'Paragraphs', 'Full Width Paragraphs', and 'Sidebar Content' to this page. In this case, we recommend using ONLY the full width paragraphs. A full list of these options, recommendations on how they can be used and how they will appear on screen can be found here: https://www.albany.edu/center-content-paragraphs-full-width.

Saving

We recommend that you save often as you are working on your pages. The save button can be found at the bottom of the edit page and includes several options. The default is to 'Save and Create New Draft', this feature is nice if you are making changes or adding content in advance of wanting it to be available to users or if you have a long list of edits you need to make but can't get to them all at once. Choosing this option will save your edits; though they will not be visible to the public, they will appear on the edit page. 

By clicking the white dropdown arrow on the right side of the button you get additional Saving options. The second option is to 'Save and Publish'; choosing this option will save all of your changes and make them immediately visible to your visitors. 

The last option is to 'Save and Archive'; this option saves the page as it is (with any edits you made) but makes the page inaccessible to the public. This is a great option for seasonal information/pages or other timely content that you don't want visible on your site all year round. 

 

Save button
Revisions

Every page is set to save revisions automatically every time it is edited. On the Edit screen you will see a 'Revisions' tab at the top left as well as a panel to the right with 'Create new revision' checked in the Published panel. You can use the 'Revision Log Message' section to leave notes about what you have changed/updated to remind yourself or inform other editors what you have done. 

Edit Screen top

Your 'Revisions' tab is a log of all revisions that have been made to the page and includes: when the revision happened, who did the revision, a short summary of which sections of the page were edited, which version is the 'Current revision' and the ability to 'Revert' to an older version of the page. It will look something like this:

Revisions Page

Revisions are a really powerful tool which can help you recover lost information and roll pages back to previous versions if you need. Simply choose the desired version of the page and hit 'Revert' and the system will reset the page.