Quick Start Guide for Faculty, Researcher, and Lab Websites

Log in to your website

Log in using your Princeton University credentials via the Central Authentication System (CAS):

  • Append ”/cas” to your website’s URL.
  • Append ”/login” to your website’s URL to visit the login landing page, and click the “CAS Login” button. You will be brought to the University’s standard CAS login page to enter your credentials.

You may also have to go through Princeton’s DUO two-factor authentication when logging in with CAS.

Transform a Starter Kit into your site

During the process of requesting your site, you likely selected one of three “Starter Kits” which populate your site with sample content of common pages and menu structure. Rather than creating content from scratch, you can edit these sample pages to make them your own.

Faculty & Researcher Comprehensive

  • Homepage: This Page is a collection of blocks that draw attention to content deeper within your website. See “Editing your homepage" on this page for instructions.
  • About: Set as a standard Site Builder Person content type, this page includes a feature image (headshot/portrait) and extensive bio and contact fields. The set of fields on this page is determined by the Scholar theme and cannot be rearranged.
  • Research: This Page includes a straightforward layout of image blocks and text blocks that can be rearranged and developed to match your content.
  • Publications: Populated with several sample references.

Faculty & Researcher Simple

This light-weight model minimizing the need to adjust layouts. Simply add content into the fields and launch!

  • Homepage/About: Set as a standard Site Builder Person content type, this page includes a feature image (headshot/portrait) and extensive bio and contact fields. The set of fields on this page is determined by the Scholar theme and cannot be rearranged. 
  • Research and Teaching: These Pages include arrangements image blocks and text blocks that can be adjusted to match your content.
  • Publications: Populated with several sample references.

Lab

Take the Faculty & Researcher a step further with lab members, courses, and news.

  • Homepage: This Page is a collection of blocks that draw attention to content deeper within your website. See “Editing your homepage" on this page for instructions.
  • Members: This Page contains a People List block that displays a collection of people entered in the Person content type.
  • Research and Lab Principles: These Pages include arrangements image blocks and text blocks that can be adjusted to match your content.
  • Publications: Populated with several sample references.
  • News: This Page contains a News List block that displays a collection of people entered in the News content type.

Edit your homepage

To edit, add, reorder and add content to the elements within the main content region (the area between the header and footer), locate the Layout tab at the top of the page. 

Location of the Layout Tab to edit pages

Sections 

These are the top-level containers—or horizontal “slices”— that make up your layout. Each section has a set of columns and optional background colors. To edit a section, click the pencil icon in the upper left of the section. To select a different column arrangement, click “+ Add section.”

Blocks 

Blocks hold your content and are placed inside sections. Examples of blocks include Text, Image, Billboard, and News or Person Lists. Blocks can be dragged from one section or one column to another. 

To edit existing blocks in a section, hover your mouse over the block to reveal a round pencil icon in the top right corner of the block.

Homepage sections

 

Adding Blocks

  1. Click the “+ Add block” link at the bottom of the section where you want to add the block.
  2. A sidebar slides in from the right side of the browser. Find and click the block type you want to add.
  3. Fill out the configuration form for the block, and then press the Add block button at the bottom of the form to add it to the layout.

Customize the visual style

The Scholar theme offers 4 color palettes and 3 font sets to mix-and-match for a personalized look and feel.

Luna

Primary Colors

  • Primary 100
    #121212
  • Primary 90
    #1d1d1d
  • Primary 80
    #414141
  • Primary 20
    #FFF6E9

Neutrals

  • Neutral 60
    #717171
  • Neutral 20
    #d0d0d0
  • Neutral 10
    #eeeeee
  • Neutral 10
    #f7f7f7

Bright Highlights

  • Bright Medium
    #f58025
  • Bright Light
    #ff9e22

Body

  • Body
    #121212

Glacier

Primary Colors

  • Primary 100
    #042133
  • Primary 90
    #063451
  • Primary 80
    #084266
  • Primary 20
    #edf9ff

Neutrals

  • Neutral 60
    #828b97
  • Neutral 20
    #bac7d8
  • Neutral 10
    #e3e8ef
  • Neutral 05
    #f8f9fb

Bright Highlights

  • Bright Medium
    #03a9f4
  • Bright Light
    #4ef1ff

Body

  • Body
    #121212

Terra

Primary Colors

  • Primary 100
    #04342A
  • Primary 90
    #005040
  • Primary 80
    #006450
  • Primary 20 
    #DCF3EF

Neutrals

  • Neutral 60
    #8d7e6a
  • Neutral 20 
    #b8a791
  • Neutral 10 
    #E8E4D9
  • Neutral 05
    #FCFBF8

Bright Highlights

  • Bright Medium
    #00C08B
  • Bright Light 
    #c1e300

Body

  • Body
    #121212

Cosmic

Primary Colors

  • Primary 100
    #1c122e
  • Primary 90
    #281b42
  • Primary 80
    #432C72
  • Primary 20
    #e8e3f1

Neutrals

  • Neutral 60
    #7d8489
  • Neutral 20
    #a6aeb4
  • Neutral 10
    #e1e4e6
  • Neutral 05
    #f5f6f6

Bright Highlights

  • Bright Medium
    #5c43a8
  • Bright Light
    #b39afd

Body

  • Body
    #121212

Understand Modules

You can extend your website’s content types and functionality beyond the features that are turned on in the Starter Kit. 

For a list of available content and display features—and steps on how to enable these features—learn more about our modules. Examples include accordions, webforms, and social media blocks.

Find site configurations

Find key site administration configurations in the Admin menu:

  • Manage > Configuration > System > Basic site settings
    • configure the name and subname of your website that appears in the Header region
    • assign the website’s homepage
    • enter Google Analytics numbers
  • Manage > Configuration > System > Modules > individual module settings
    • enable various optional Modules that expand the abilities of your site
      • add additional Content types
      • import events from My PrincetonU (Campus Groups)
      • embed social media feeds and links
    • A collection of features or functionality that can be enabled on sites. WDS has made several optional modules available to site administrators to enable on their site. For example, the "News" module enables the News content type and provide a News List Block for displaying news on a page. -related configuration options for things like setting the default Featured Image Display or choosing how taxonomy terms are displayed (or not) on content pages
  • Manage > Structure > Footer
    • add, edit, or delete Content Blocks placed in the Footer area
  • Manage > Structure > Menus
    • configure the Main, Utility and Footer menus
  • Manage > Content > Reusable block library
    • Content Blocks created here will be available to use on multiple pages
      • “traditional” Content Blocks can only be used a single time on the pages in which they were created
    • note that there is not an immediate “preview”available of the finished block
  • Manage > Users
    • you can add administrative Users to your website
    • you can assign or remove Roles to multiple Users in a single step.

Add more content to your site

Now that you've got the basics, add and edit new content on your site!

Page

Default A collection of fields that describe a specific type of content, like a news article, a person, or an event. Site admins can add additional content types by enabling optional modules. WDS can also create custom content types for a site. commonly used for most pages of your website. 

Person

Create a people directory or listing for your department, office, center or program. 

News

Add news and announcements to your website.  

Publications

Use Publications to create a listing of highly-structured bibliographic references from a broad selection of publication types.

Alert

Show a brief message or announcement that can be displayed on either your home page or all pages.

Ask for help

Web Development Services has your back when you’re using our platforms to host your website. Help is always just a Service ticket away. We also have additional support options to make sure you can make the most of your website.