CSU Library Website Customization

Documentation of CSU Primo and LibGuides customization

Images on Omeka Server

1. Images can be added via Omeka built-in function

Images on Omeka are added via Admin Interface -> Item -> Add an Item. 

Add an item on Omeka server

After an item is added, you can add it to an exhibit page. You can NOT use any of these images' urls for other pages. Images added via Omeka's built-in functions are fine but they are not reusable.  Annoying and not user friendly. 

For example, Stories is an exhibit, Old Beginnings, On Exhibit... are pages under Stories exhibit. You can add items to pages but not the Stories. Images in Omeka don't have permanent URL and links expires after a while. 

Comment from Omeka tech support: all links expire due to our S3 setup. There are no permanent links to files. 

e.g. 

https://s3.amazonaws.com/omeka-net/53885/archive/files/93951d0ef4f199bb199969f96a7fed9c.png?AWSAccessKeyId=AKIAI3ATG3OSQLO5HGKA&Expires=1602115200&Signature=SvbTRPQy%2BB2sYRHRWb7%2Bfpqu19I%3D

 

images from Omeka server

add images in Omeka

2. Images Added Via Short Code

Only simple pages can reuse images from Omeka server via short code. Short Code Tutorial

Simple Pages on this site are Share Your Memories, Share Your Ideas, and About. Only share your memories and share your ideas uses short code for two icons. NEH icon on About page is from NEH site. 

simple pages on the site

 

Short Code used 

on Share Your Memories

short code used on share your memories page

Directly add code to the page, not source code. 

[file id=208 size=thumbnail link_file=0]

link_file=0 to remove links. If it is not set to 0, the icon will link to the file itself. 

Find file id: click an item, you will see item ID first. This is not the file ID. 

item id

Click the image one more time to access File ID. 208 is the number you use for [File ID]

file id

3. Header Image

The header image is actually a background image. It is added via configure theme page. The image dimension is 3840x192 px. I tested many dimensions, this one works best for most screens including 5k monitor.header background image

upload background image

 

External Images

1. Logos from CSU and NEH

These logos' URLs might change. We need monitor them!   

CSU logo is from https://president.colostate.edu/wp-content/themes/csu-theme/assets/img/csu-onleline-final.svg

NEH logo is from https://www.neh.gov/themes/gesso/images/logo-header.svg

External logos

 

 

2. Images from CSU Institutional Repository

Home page image from 
https://hdl.handle.net/10217/211741
https://mountainscholar.org/bitstream/handle/10217/211741/AVEN_BD_04_008.jpg

Homepage image

Stories Images 

stories images

They are from these items in our Repository Threads of Our Community: A History of the Avenir Museum.

These images URLs are stable and unless we change the domain name, urls will stay the same.

  1. Old Beginnigs
    https://hdl.handle.net/10217/211634
    https://mountainscholar.org/bitstream/handle/10217/211634/AVEN_01_010.jpg
  2. Friendraising a Collection
    https://hdl.handle.net/10217/211577
    https://mountainscholar.org/bitstream/handle/10217/211577/AVEN_02_004.jpg
  3. Textile on the Move 
    https://hdl.handle.net/10217/211757  
    https://mountainscholar.org/bitstream/handle/10217/211757/AVEN_BD_03_007.jpg
  4. For Our Students
    https://hdl.handle.net/10217/211743
    https://mountainscholar.org/bitstream/handle/10217/211743/AVEN_BD_04_010.JPG
  5. On Exhibit
    https://hdl.handle.net/10217/211750
    https://mountainscholar.org/bitstream/handle/10217/211750/AVEN_BD_05_005.jpg

 Styling code for icons on Stories page, please refer to the Custom CSS section. 

 

 

 

 

 

URL: https://libguides.colostate.edu/web_customization | Print Page