Skip to main content

Adding a new resource

Creating a new resource link is easy and can be done in three steps: 1) Create the link, 2) uploade the description text and 3) upload a background image.

Creating the resource

  1. Go to Pages to view the site-tree (paper icon on the left)
  2. Expand instructor resources
  3. Under either essential, enhanced, or student resources; select Add Child
  4. On the pop-up select the following for each scenario:
    • External link: if your linking to articulate or something else outside of this site
    • Internal Link: if you're linking to a blog article or something else on this website
    • Content page: if you want to create a standard back page on this site
  5. Complete the basic page properties:
    • NAME: Type in the name of item being referenced
      • For legibility reasons, try to keep this as short as possible. Ideally around 4 or 5 words but no more than 10
    • URL: The url will type itself as you enter the title
      • You can edit it if you need to, just don't use spaces.
      • You can always create shorter link URL's afterward via page paths
    • PUBLISH DATE: leave this blank unless you want it to publish at a certain time.
    • LABELS: always include ONE of the following tags: essential-resources ,  enhanced-resources , student-resources
      • Labels are both case and space sensitive, so you have to enter them exactly like above or they won't work.
    • WEB ADDRESS: put the link to articulate in here
    • CLASS, TITLE, TARGET: you don't have to worry about any of these fields
  6. Click Save
  7. If it was tagged properly, it should now show up on the resource page and the sub-resource group pages

Customizing the display of resource cards/links

How to add a description to a card

  1. Starting at the site overview section in cleanslate, Click on Pages to view the site-tree (paper icon on the left)
  2. Find your resource
  3. Hover over it and select "Properties"
  4. Select the "Custom Data" tab
  5. Scroll down to the  description field and enter your description
    • Descriptions must be less than 256 characters including spaces

Photo recommendations

  • In order to avoid stretching and awkward crops at different viewport sizes, use photos that are at least 540 px wide by 330px tall.
  • Keeping the file size for each below 300kb will ensure that the page will continue to load quickly with lots of thumbnails.
  • Make sure to name your files so they're easy to find later. Also, prefacing file names with card-- will make it easy to filter all similar images.
  • For best results, use this PSD template in conjunction with adobe photoshops save for web feature

How to upload an image

  1. Go to the Files section (photo icon on the left)
  2. Click the green "Upload Files" button on the top left
  3. Click and drag your photo file or click the "add files" button
  4. Click the Start Upload button
  5. Close the Upload Files popup

How to add a background image to a card

  1. Go to the Files section (photo icon on the left)
  2. Hover over the photo you just uploaded or want to use
  3. Click "Edit"
  4. Under Public URL, highlight the link and copy it to your clipboard.
  5. Close the file properties window
  6. Go back to the Pages section
  7. Hover over the resource that you're adding the background image to and select "Properties"
  8. Click the "Custom Data" tab
  9. Scroll down and near the bottom you'll find the  Thumbnail URL field and paste in the URL that was copied to the clipboard earlier
  10. Click Save
  11. You're done