Skip to Main Content

LibGuidance

Create Page Content

To add content create a new box by clicking + Add Box.

Screenshot showing how to add a new box

Boxes

It is recommended to add new boxes in Draft Mode and to use Standard (not floating) boxes.

The heading will be created for you.

Standard box example

Content

Content can be added to boxes by clicking Add / Reorder

It is best practice to add multiple short content sections. This will make editing easier and allow you to move content with reformatting. Below is an example of good practice.

Screenshot showing how to add new content

Moving items

To move pages, boxes, and content go to Page Settings > Reorder / Move.

Screenshot showing button to reorder content

Screenshot showing process of reordering content

Box visibility

When your box is ready to be published, change the settings by clicking the pencil icon.

Screenshot showing button to edit box settings

Further support

For further support using Boxes, or advice on how to Copy a Box, visit the Springshare Website.

Rich Text / HTML

The Rich Text/HTML content item allows you to add text and images. It is the main feature you will use when creating LibGuides.

We recommend you upload information using plain text in the HTML editor using the commands demonstrated on this page. Once you have uploaded your text content in HTML it is good practice to use the text editor to add links and text decoration.

Add new Rich Text/HTML content item

Click Add / Reorder > Rich Text/HTML

Screenshot showing text editor

Further support

The below boxes will explain the recommended workflow for uploading content.

HTML headings & paragraphs

The SHU brand makes used Arial, a distinctive sans serif typeface, which is a modern, clean, and highly legible font. This typeface is used consistently across all SHU branding materials, including print and digital media.

By using the HTML commands it is possible to quickly style your LibGuide. All settings have been created as default to maintain mobile compatibility. The video below explains how to use HTML to follow SHU formatting and ensure mobile compatibility.

Heading settings

<h2>Heading</h2>

<p>Default setting = Size 30 - Arial - Bold<p>

<h3>Subheading</h3>

<p>Default setting = Size 24 - Arial - Bold<p>

<p>Paragraph</p>

<p>Default setting = Size 16 - Arial<p>

 

Example heading - h2

Default setting = Size 30 - Arial - Bold

Example subheading - h3

Default setting = Size 24 - Arial - Bold

Example paragraph - p

Default setting = Size 16 - Arial

HTML ordered list

An ordered list is used to present items or information in a specific sequence or numerical order. Each item in an ordered list is assigned a number or letter, and the items are typically displayed in ascending numerical or alphabetical order. Here is an example of an ordered list.

Copy the code

<p>

<ol>

<li>create</li>

<li>an</li>

<li>ordered</li>

<li>list</li>

</ol>

</p>

Result

  1. create
  2. an
  3. ordered
  4. list

HTML unordered list

An unordered list is used to present items or information without a specific sequence or order. Each item in an unordered list is typically preceded by a bullet point. Here is an example of an unordered list.

Copy the code

<p>

<ul>

<li>create</li>

<li>an</li>

<li>unordered</li>

<li>list</li>

</ul>

</p>

Result

  • create
  • an
  • unordered
  • list

Adding a link

To add a link highlight the text or image and click the Link tool.

Screenshot showing button to add a link

Paste the link in the URL section.

Screenshot showing where to add a url to link

Text decoration

  • Use Bold to empathise a word or phrase.
  • Use Italic for an image description.

Screenshot showing image showing how to add Bold and Italic text

What not to use

It is important not to use features that are in use on the CSS.

  • Underline - This will be confused with links.
  • Alignment - Text is aligned on the stylesheet.
  • Lists - Best created within HTML.
  • Text Size & Colour - This is set on the stylesheet to match accessibility standards.
  • Tables - Are not mobile responsive. Follow guidance on incompatible features.

Text decoration

  • Use Bold to empathise a word or phrase.
  • Use Italic for an image description.

Screenshot showing image showing how to add Bold and Italic text

What not to use

It is important not to use features that are in use on the CSS.

  • Underline - This will be confused with links.
  • Alignment - Text is aligned on the stylesheet.
  • Lists - Best created within HTML.
  • Text Size & Colour - This is set on the stylesheet to match accessibility standards.
  • Tables - Are not mobile responsive. Follow guidance on incompatible features.

Adding an image

To add an image click Add / Reorder > Rich Text / HTML > Click the image icon.

Screenshot showing button to add an image

Click Browse Server and select or upload your image from the Image Manager.

Screenshot showing button to browse image library

Always use the Shared Library to upload images for your guide. Folders are organised on the left hand menu.

Screenshot showing button to the Shared Image Library

To upload a new image, highlight the folder and click Upload New Image.

Screenshot showing button to upload an image

Further support

For detailed information on images and support using the Image Manager visit Images and remember to add ALT Text to images.

Adding a video

To add an image click Add / Reorder > Media / Widget.

Screenshot showing button to add a widget

Embedded code

Paste in the embedded code of the video.

Screenshot showing where to add embed code

Springshare tutorials

Creating a guide can pose significant challenges, but there are numerous support resources available to assist you. The links provided below offer access to the most up-to-date and valuable resources at your disposal.

  • Create, edit, and publish a guide
    A guide is a webpage that you can use to add and share content. Each guide can be organized into pages, each page containing boxes of content items (such as text, links, images, databases).

  • Rich Text/HTML content item
    These allow you to add formatted text, images, tables, lists, and other rich text content to your guide. Using the built-in Rich Text Editor, you can apply styles and formatting just like with a word processor. Or, you can switch to the Source mode to edit the underlying HTML code directly.

  • Database from your A-Z Database List
    Although only Admin users can create new databases, all users can reuse them in their guides. This allows you to easily add links to related electronic resources. Plus, if those databases are ever changed (i.e. a new URL or proxy string), the changes will be reflected everywhere the database is reused.

  • Link asset
    You can easily create a list of links by adding Link assets to your guide. Once a new Link asset is created, it will be available in your Assets library so you can reuse it in the future.

  • Media/Widget asset
    The best way to embed HTML code (for things like YouTube videos or chat widgets) into a guide is with a Media/Widget asset. Once a new Media/Widget asset is created, it will be available in your Assets library so you can reuse it in the future.

  • Book from the Catalog asset
    Effortlessly create book lists on your guides. If you provide an ISBN, LibGuides will fetch the book's bibliographic info from Bowker and cover art from Syndetics. Once a new Book asset is created, it will be available in your Assets library so you can reuse it in the future.

  • Document/File asset
    Upload and create links to files in formats such as Word, Excel, PowerPoint, or PDF. Once a new Document/File asset is created, it will be available in your Assets library so you can reuse it in the future.