Skip to main content
It looks like you're using Internet Explorer 11 or older. This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge. If you continue with this browser, you may see unexpected results.
Penrose Library

Omeka Documentation: Create Collections

Modules on the use of Omeka software, with FAQ for faculty and students.

Step by Step

Getting Started

  1. Click on the "Collections" tab in the left navigation bar from the Dashboard. Any collections you have created will be listed on the /admin/collections page.
  2. To create a new collection, click, "Add a Collection.".
  3. You then may assign a full complement of Dublin Core metadata to any collection. Or, simply title and describe the collection.
  4. To make your collection public, check the "Public" box under the "Add Collection" button. Likewise, to feature your collection, check "Feature." Most of the time you will not be making your collection public.
  5. When you are finished adding metadata, clicking "Add Collection."

Adding a Collection

Access the Collections interface by logging into Omeka at

http://www.whitmanarchives.org/yourclass/admin/

Collection Interface

Creating Collections in Omeka

Adding Images to Collection Description

How do I add images to my collection description?
 

You will need to use HTML the rich text editor (the place where you entered your collection description text). Click "Use HTML" next to the text box to activate it and review the tutorial in the box below.

NOTE: Your items will appear as thumbnail images automatically on the collection homepage. There is no need to add them.

Adding Images with HTML

Adding Images with HTML

Detailed tutorial on adding images with HTML.

Sometimes, you will want to add images to a block of text and there won't be a handy "add image" icon in your toolbar. In cases like these, you may be able to use a short snippet of HTML code to add your image manually. This is not hard to do! All you need is the web address of where you uploaded the image (http://www.yousite.com/blablabla/img.jpg). To find this URL, go to the image online and right click, then choose "copy image location," or if you cannot see it, "view image."

If the option to use HTML is available, you should see a checkbox or hyperlink that says "use HTML" in the editor where you have placed your text. When you select it, you should see some tags (like <p> or <br>) around your text. Navigate to where you want your image to appear and place your cursor there. The code you will add looks like this:

<img src="http://www.yoursite.com/filename.jpg">

You can change the width and height of your image by adding the attributes to your code after the URL:

<img src="http://www.yoursite.com/filename.jpg" width="300" height="500">

Note that if you only specify height, then width will be calculated proportionally, and vice versa.

If you need the image to appear to the left or right of your text, rather than directly below or above it, you can use the style attribute to set the direction the image floats, like so:

<img src="http://www.yoursite.com/filename.jpg" width="300" height="500" style="float:right">

Be aware that not all rich editors allow the use of HTML. Contact the Multimedia Development Lab if you need additional assistance adding images to websites!

Hints and Tips: Collections

You can add an item to your collection by navigating to it in Items and editing it. A list of available collections will appear as a drop-down menu.

© 2014 Whitman College Penrose Library |