Virginia Commonwealth University

Make it real.

Using anchors and image placeholders

You will only need this information if your site contains anchors or image placeholders:

 

Image red dots (aka placeholders) are NOT in the text editor. You can insert images inside the text editor following these instructions.

The instructions below are meant for image placeholders. These are solid red dots sitting beside a set image. Clicking on the red dot will open either an edit screen (if an image is already in the placeholder) or the asset manager (if there is no image in the placeholder).

 

 Anchor red dots are generally used to "Reference Pages" or "Assign URLs". These processes are described below.


Image Placeholders

Click on the solid red dot placeholder.

If you see this popup follow the directions in Step 1, else, skip to Step 2:

  1. This screen means an image already exists in the placeholder. You can change the image by clicking on the pencil icon on the far right. This will open the asset manager.
  2. From the asset manager, you can select an new image by clicking on the text below the image. Some image placeholders have set deminsions, meaning you will only be able to upload images with certain demensions. In the image above, the text specifies that the image must be 70 pixels high x 70 pixels wide. Image deminsions can be seen in the right panel of the asset manager once the text below the image has been clicked.
  3. To insert your image from the asset manager click OK.
  4. If you do not see your desired image in the asset manager, choose "Select asset from local file system" to upload a new image onto your website.
  5. Be sure to assign an "Alt attribute". This is text that drops down when a user rolls over an image, giving a text description of the image. This is required by the university for accessibility reasons.

Anchor Placeholders

Anchor placeholders are generally used to link a page in the CMS or an external URL. They are indicated by a red dot with a single line through it:  Click on the red dot to see options.

Reference Page

Do not use "Connect Existing Page". Though this may seem intuitive, using this control alters the navigation structure. Due to a bug in the OpenText system, this option can not be turned off. If you need to link to a page in your CMS site, choose "Reference Page".

  1. Click on anchor red dot.
  2. At the top of the popup, assign the link a name. This is the text you intend to be the link text.
  3. Select "Reference Page"
  4. A search prompt pops up. Enter content to search.
  5. From the search results, click on the title of the page you wish to link to.
  6. This will link the page. Click OK or Insert on any remaining popups.
  7. Test link.

Assign a URL

  1. Click on the anchor red dot.
  2. At the top of the popup, assign the link a name. This is the text you intend to be the link text.
  3. Select "Assign URL"
  4. Enter the address of the URL (don't forget the http://).
  5. Click OK to place.
  6. Test link.

Expand dynamic links 

Anchor links can be expanded. This means instead of having one place holder to reference a page or assign a url, you can expand that list to be 3, 4 , 10, etc. available red dots ready to be linked.

Default:

Expand Dynamic Link:

Choose number and name for new links:

Result (10 more links named "new link"):



This article was updated: 07/2/2013

Suggested reading for Web Content Management