33
Add content to your page by using content Boxes. Click on ‘Add New Box’ to get started. Libguides at UCT: Adding content to Boxes

Libguides at UCT Libraries 2014 adding content to boxes

  • Upload
    uct

  • View
    192

  • Download
    0

Embed Size (px)

DESCRIPTION

How to add content to boxes in Libguides at UCT Libraries

Citation preview

Page 1: Libguides at UCT Libraries 2014 adding content to boxes

Add content to your page by using content Boxes.

Click on ‘Add New Box’ to get started.

Libguides at UCT: Adding content to Boxes

Page 2: Libguides at UCT Libraries 2014 adding content to boxes

In the ‘Add New Box’ screen, use the ‘Create New Box’ tab to get started.

Libguides at UCT: Adding content to Boxes

Page 3: Libguides at UCT Libraries 2014 adding content to boxes

Select the type of box you want to use from the drop down menu.Choose ‘Rich text/dynamic content/scripts’

Libguides at UCT: Adding content to Boxes

This is the most versatile box type, for any type of formatted text, HTML, or JavaScript code, or embedded widgets…..

Page 4: Libguides at UCT Libraries 2014 adding content to boxes

Enter the title of th

e box

Choose the position of the box on the page

Libguides at UCT: Adding content to Boxes

Page 5: Libguides at UCT Libraries 2014 adding content to boxes

Libguides at UCT: Adding content to Boxes

A box has been added to the page….. Now add some content. Click on ‘Add text’.

Page 6: Libguides at UCT Libraries 2014 adding content to boxes

Add text in the ‘Rich Text Editor’

Libguides at UCT: Adding content to Boxes

‘Save changes’

Page 7: Libguides at UCT Libraries 2014 adding content to boxes

Libguides at UCT: Adding content to Boxes

Add a hyperlink:

Highlight the words you want to hyperlink. Click the hyperlink icon on the toolbar. Fill in the URL (web address).

Target: Choose ‘Open Link in New Window’ if you want the linked page to open in a new window. This is the default.

Title: Give your link a description.

Click ‘Insert’

Page 8: Libguides at UCT Libraries 2014 adding content to boxes

Libguides at UCT: Adding content to Boxes

Add an email address:

Highlight the words you want to hyperlink.

Click the hyperlink icon on the toolbar.

Fill in the email in the ‘Link URL’ field as follows:mailto:[email protected]

Title: Give your link a description.

Click ‘Insert’

Page 9: Libguides at UCT Libraries 2014 adding content to boxes

The ‘Plain-text Editor’ tab will show the HTML coding. You can add your own coding here.

For example the coding for an email link is:

<a href="mailto:[email protected]">Your Name</a>

Libguides at UCT: Adding content to Boxes

Page 10: Libguides at UCT Libraries 2014 adding content to boxes

Libguides at UCT: Adding content to Boxes

Content has been added to the box

Click on “Edit Text” to add more content – we will now add a picture….

Page 11: Libguides at UCT Libraries 2014 adding content to boxes

Libguides at UCT: Adding content to Boxes

Create a box with Links and Lists

Page 12: Libguides at UCT Libraries 2014 adding content to boxes

Libguides at UCT: Adding content to Boxes

Fill in a title for your new box and choose the position you want for the box.Choose ‘Create Box’

Page 13: Libguides at UCT Libraries 2014 adding content to boxes

A new box has been created.Click on ‘Add New Link’

Libguides at UCT: Adding content to Boxes

Page 14: Libguides at UCT Libraries 2014 adding content to boxes

Fill in the Link titleLink URL (web address)Add a description of the link.Choose ‘Create Link’

Libguides at UCT: Adding content to Boxes

Page 15: Libguides at UCT Libraries 2014 adding content to boxes

The link has been added to the box.You can add as many links as you like.Remember that text in front of the link can always be added by clicking on ‘add text’.

Libguides at UCT: Adding content to Boxes

Now let’s add another new box…….

Page 16: Libguides at UCT Libraries 2014 adding content to boxes

Now we are going to add a box for ‘Embedded Media & Widgets’

Libguides at UCT: Adding content to Boxes

Page 17: Libguides at UCT Libraries 2014 adding content to boxes

“Display a video, audio or any widget inside the box.“

Libguides at UCT: Adding content to Boxes

Give the box a title, choose the position and then click on ‘Create Box.’

Page 18: Libguides at UCT Libraries 2014 adding content to boxes

A new box has been added. Click ‘Add Media/Widget Code’

Libguides at UCT: Adding content to Boxes

Page 19: Libguides at UCT Libraries 2014 adding content to boxes

Choose any widget from an internet source. Download the file with the code.Save the file.

Libguides at UCT: Adding content to Boxes

Page 20: Libguides at UCT Libraries 2014 adding content to boxes

The coding for the widget.

Copy the code and paste it into the ‘Embedded Media & Widgets’ Libguide template.

Click ‘Embed it’.

Libguides at UCT: Adding content to Boxes

Page 21: Libguides at UCT Libraries 2014 adding content to boxes

The widget has been embedded in the Box

Libguides at UCT: Adding content to Boxes

Page 22: Libguides at UCT Libraries 2014 adding content to boxes

Click on the ‘Edit’ button to edit the box information.

Libguides at UCT: Adding content to Boxes

Page 23: Libguides at UCT Libraries 2014 adding content to boxes

Here you can change the heading (box title) of your box.You may also wish to change the type of box here.

Libguides at UCT: Edit content to Boxes

Page 24: Libguides at UCT Libraries 2014 adding content to boxes

Edit ‘Box colours’ – allows you to make changes to the colours of your box.

Libguides at UCT: Edit content to Boxes

Edit ‘Box Link & Embed Code’ – allows you to make changes to the code or links in your box.

Page 25: Libguides at UCT Libraries 2014 adding content to boxes

Go to ‘Add Edit Pages’ and click on Reorder Boxes to change the order in which the boxes appear on the page.

Libguides at UCT: Reorder Boxes

Page 26: Libguides at UCT Libraries 2014 adding content to boxes

This screen shows the order in which boxes appear on the page

Libguides at UCT: Reorder Boxes

Page 27: Libguides at UCT Libraries 2014 adding content to boxes

Swop the order of the boxes by clicking on the box you want to move and dragging it into the position you want.When you see the green + icon the item has been successfully moved.

Libguides at UCT: Reorder Boxes

Page 28: Libguides at UCT Libraries 2014 adding content to boxes

‘Search HeinOnline’ is now in the centre of the page and ‘Resources’ has moved to the right of the page.

Libguides at UCT: Reorder Boxes

Page 29: Libguides at UCT Libraries 2014 adding content to boxes

You can also put the boxes underneath each other in the same way.

Libguides at UCT: Adding content to Boxes

Page 30: Libguides at UCT Libraries 2014 adding content to boxes

Boxes now appear one underneath the other on the page.

Libguides at UCT: Reorder Boxes

Page 31: Libguides at UCT Libraries 2014 adding content to boxes

Choose ‘Add/Edit Pages’ and click on ‘Resize Columns’

Libguides at UCT: Resize Columns

Page 32: Libguides at UCT Libraries 2014 adding content to boxes

Drag the handles to resize the left, centre or right columns

Libguides at UCT: Resize Columns

Left columns have been successfully enlarged.

Page 33: Libguides at UCT Libraries 2014 adding content to boxes

Choose to hide one of the three columns.In this instance choose to hide the right column

Libguides at UCT: Resize Columns

Left and Centre columns are shown. No right column is shown.