Publishing a Website Alert

An alert is a prominent message which displays near the main menu. It can pertain to a topic within your website (ex. an event cancellation) or alert website visitors to a topic related to the University (ex. COVID-19 updates from the University).
There are two methods for adding an Alert.

Alert Content Type (Recommended Method)

  1. Log in
  2. Enable the PWDS Alerts App
  3. Choose Add content
  4. Choose Alert
  5. Enter a Title and Body. (Tip: Keep the body text short. Links are allowed in the body text, but if you add a link, you should use descriptive text for the link instead of "Click here" or "Read more.")
  6. The display options default to “Home page only”. If you wish to show the Alert on all pages, choose “All pages”. 
  7. Click Publish if you wish to publish the Alert. Click Save to save the Alert and continue working on it later.

Sample alert for Princeton University's response to COVID-19.​​​​​​

News Content Type (Deprecated Method)

This method was created prior to the creation of the Alert Content. Use of this method will continue to function however, it does not have the display options and ability to dismiss the message like the Alert Content type provides. 

WDS is recommending the following options depending on your theme (see options for your theme at the bottom of this page).

News + Alert CSS

This alert uses the News content type in combination with a Pane to display a message near the website’s main menu. WDS will do the work at no cost to the customer since this requires coding in a higher user role. 


Sticky News and/or Billboard

You can use the News content type and check the sticky box to move your news to the top of the list at all times. Additionally, you can create a Billboard as follows:

Create Sticky News

Covid-19

  1. From the Administrator bar, click Manage » Add Content » News
  2. Enter Title Coronavirus (COVID-19) Guidance 
  3. Add Summary as follows:

    Princeton U is actively monitoring the situation around coronavirus (COVID-19) and the evolving guidance from government and health authorities.
     
  4. Add in Body field the following:

    Princeton University is actively monitoring the situation around coronavirus (COVID-19) and the evolving guidance from government and health authorities, in keeping with our commitment to ensure the health and safety of all members of the University community. The latest University guidance for students, faculty and staff is available on coronavirus.princeton.edu.
     
  5. Add Featured Image Click the Browse button,  upload the image, and follow instructions. 
  6. For Publishing Options check Sticky at top of lists 
  7. Click Save

Add Sticky News pane

  1. Browse to page and click Customize this page
  2. Click the plus symbol (+) to add a new pane
  3. Click News
  4. Click the Add green button from the News: Sidebar Listing (right column)
    Add Title Alert
    Uncheck Provide a "more" link
  5. Display Settings 
    Items to Show=1
    Featured image size select=Large
    Featured image aspect ratio=Widescreen
  6. Field Settings
    Check the following:
    Display Featured Image
    Display Title
    Display News text
    Display Read more

    Uncheck all other options.
  7. Click Add

Note: Some websites may be displaying news on multiple panels on a single page.  If your coronavirus news is sticky and showing on multiple panels, you can edit your other news panel and skip 1 news item to avoid duplication on the same page.

 

Create a Billboard 

Coronavirus Alert

  1. Browse to page and click Customize this page
  2. Click the plus symbol (+) to add a new pane
  3. Click Billboard 
  4. Add Title "Coronavirus (Covid-19) Guidance"
    Image Coronavirus Covid-19 Image (to get image, right-click coronavirus image on the right sidebar and save to your computer)
    Add Teaser text "Princeton University is actively monitoring the situation around coronavirus (COVID-19), read about our preparations for Coronavirus." 
    Read more label Read more
    Link https://coronavirus.princeton.edu
  5. If you wish to reuse the Billboard on other pages, check the checkbox under the Title field for Make this reusable. You must do this the first time you create the Billboard or else you will not be given the option when you go back to edit the Billboard later on.
  6. Select the Positioning and Text Visibility Adjustment.
  7. Click Add
  8. Click Save

Footer or Utility/User Menu Link

You can create an external link from your footer or utility menu as follows:

Add a Footer link

Footer menu for coronavirus

Note: You must first create the page before adding the page to the menu structure. 

  1. From the Administrator bar, click Manage » Structure » Menus 
  2. Next to the Footer Menu, click Add Link
  3. Enter Title COVID-19 Guidance
  4. Enter Path Link https://coronavirus.princeton.edu
  5. Click Save

Add a Utility/User Menu Link

Utility menu for coronavirus

  1. From the Administrator bar, click Manage » Structure » Menus 
  2. Next to the User Menu, click Add Link
  3. Enter Title COVID-19 Guidance
  4. Enter Path Link https://coronavirus.princeton.edu
  5. Click Save 

Theme and Options

Note: If you are not sure which theme your website is using, log in and go to Manage » Appearance from the administrator toolbar and check the default theme at the top of the list. For example,  if your enabled theme shows “Tiger (default theme)" and no other design customizations have been done, such as CSS Injector, then it is okay to proceed with Drupal 7 Tiger options.

Drupal 7 Tiger

  • News + Alert CSS
  • Sticky News and/or Billboard
  • Footer or Utility menu link

Drupal 7 Tiger + CSS Injector

  • Sticky News and/or Billboard
  • Footer or Utility menu link

Drupal 7 Other Theme

  • Sticky News and/or Billboard
  • Footer or Utility menu link

Drupal 7 Custom

  • Sticky News and/or Billboard
  • Footer or Utility menu link