Skip to main content

How-to Guides

L&S Sites: Best practices for content editors

September 5, 2013 by Sue Weier

The L&S Sites service provides websites for entities in the College of Letters & Science.  Content is edited through the web, eliminating the need for extra software or server connections.  This page provides some best practices and procedures for site administrators and content editors using the L&S Sites service.

You must log into the site to edit the content.

Topics covered on this page:

My Workbench
Creating new content
Editing tips
Uploading a document
Linking to a document
Inserting an image


My Workbench

This is the first link at the very top of the page.  The Workbench displays content that you've created, with a separate list of recently edited content.  It can be useful to find pages that are updated regularly.

Creating new content:  Create content -> Basic page

Click the Create content link to start creating new content.  This link can be found in the left column or as a tab in My Workbench.  Most content uses the Basic page format.

If you want to edit an existing page:
1. Go to the page.
2. Click the Edit tab.

You must fill in the title and body sections of the new page.

This link: http://lss.wisc.edu/how-to/Collaborative-Sites%3A-Format-your-Content offers a basic overview of the editor used in the website.  The editor isn't as sophisticated as Microsoft Word, but uses similar icons for basic formatting, including bullets, numbering, and indenting. Roll over an icon to see a description of its function.

Editing recommendations and tips

  • If you copy and paste from Word to the editor in your website the
    formatting will be stripped out. You'll have to reformat using the editor in the website.
  • Not comfortable with HTML? Use the editor. It's not quite as forgiving as Word, but it works well for simple formatting.
  • Very comfortable with HTML? Click 'Disable rich text' to see the HTML code.
  • Using Heading formats will make your pages easier to read and navigate. The Heading styles are found in the Format dropdown menu of the editor. The title of a page automatically uses the Heading 2 format. Use Heading 3 and Heading 5 for page subheadings. (Heading 4 is the same as Heading 3.)  Using heading formats ensures that your website is indexed correctly in search engines.
  • The theme of your website may at times conflict with the editor's HTML formatting.  If you can't resolve issues with formatting, contact Learning Support Services for assistance.  (lsswebadmin@lists.wisc.edu)

Upload a document to the site

Documents  (PDF, doc, docx, etc) are uploaded through the Attachment section, below the body of the page.

  1. Click Browse to find and select your document. 
  2. Click Upload to move it to the server. 
  3. Leave the Display checkbox checked to automatically include a link to the attachment at the bottom of the page.

Linking to a document

By default, attached documents are linked at the bottom of the page. You can refer readers to the link to download or view attached documents.  In this case, your text might say "Download the application by clicking on the application.pdf link at the bottom of this page."

If preferred, you can "hide" the automatic link and instead link directly to the document in the text.  To do this, first uncheck the Display checkbox near the attachment. Then follow the instructions below to create a link to the document in the body of your page:

  1. Right click on the file attachment and copy the link location.
  2. In the body of your page, highlight the text for the link. 
  3. Click the Link icon
  4. Paste the link location in the Link URL field.
  5. Configure the link to either open in the same window (default) or open in a new window (or tab).
  6. If desired, attach a title to the link.
  7. Click Insert.

Inserting a new image

The editor provides basic positioning and sizing for images.  Follow these instructions to insert an image on a page:

1. Place your cursor at the top in the body field.
2. Click the image icon.
3. Enter the Image URL

  1. To link to an image stored elsewhere (for example, in mywebspace), paste the URL of the image into the Image URL field.
  2. To use an image that you've already uploaded, click the Browse icon next to the Image URL field. This will show a list of images already on the server.  Select an image and click Insert file.
  3. To upload a new image:
    1. Click Upload.
    2. Click Browse.
    3. Navigate to your image and click Open.
    4. Click Upload.
    5. Click Insert file.

4. Give the image a description.
5. Select the alignment setting.
6. Dimensions can be left at the default values.  The image can be resized after it's inserted into the page.
7. Enter an appropriate border width if desired, Ex. 2
8. Enter appropriate vertical or horizontal space if desirec, Ex 10.
9. Click Update.

You may want to play around with the alignment, padding, or other settings. When in edit mode, you can click on the image, then on the image icon to bring up the settings box.

To resize the image. click on the corner of the image and drag it to the appropriate size.

 


Editing is not an exact science. If you have problems making your page appear as desired, contact Learning Support Services at lsswebadmin@lists.wisc.edu.

Premium Drupal Themes by Adaptivethemes