Libguides at UCT Libraries 2014 adding content to boxes

427 views

Published on

How to add content to boxes in Libguides at UCT Libraries

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
427
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Libguides at UCT Libraries 2014 adding content to boxes

  1. 1. Libguides at UCT: Adding content to Boxes Add content to your page by using content Boxes. Click on ‘Add New Box’ to get started.
  2. 2. Libguides at UCT: Adding content to Boxes In the ‘Add New Box’ screen, use the ‘Create New Box’ tab to get started.
  3. 3. Libguides at UCT: Adding content to Boxes Select the type of box you want to use from the drop down menu. Choose ‘Rich text/dynamic content/scripts’ This is the most versatile box type, for any type of formatted text, HTML, or JavaScript code, or embedded widgets…..
  4. 4. Libguides at UCT: Adding content to Boxes Choose the position of the box on the page
  5. 5. Libguides at UCT: Adding content to Boxes A box has been added to the page….. Now add some content. Click on ‘Add text’.
  6. 6. Libguides at UCT: Adding content to Boxes Add text in the ‘Rich Text Editor’ ‘Save changes’
  7. 7. 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’
  8. 8. 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:your.name@uct.ac.za Title: Give your link a description. Click ‘Insert’
  9. 9. Libguides at UCT: 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:your.name@uct.ac.za">Your Name</a>
  10. 10. 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….
  11. 11. Libguides at UCT: Adding content to Boxes Create a box with Links and Lists
  12. 12. 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’
  13. 13. Libguides at UCT: Adding content to Boxes A new box has been created. Click on ‘Add New Link’
  14. 14. Libguides at UCT: Adding content to Boxes Fill in the Link title Link URL (web address) Add a description of the link. Choose ‘Create Link’
  15. 15. Libguides at UCT: 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’. Now let’s add another new box…….
  16. 16. Libguides at UCT: Adding content to Boxes Now we are going to add a box for ‘Embedded Media & Widgets’
  17. 17. Libguides at UCT: Adding content to Boxes “Display a video, audio or any widget inside the box.“ Give the box a title, choose the position and then click on ‘Create Box.’
  18. 18. Libguides at UCT: Adding content to Boxes A new box has been added. Click ‘Add Media/Widget Code’
  19. 19. Libguides at UCT: Adding content to Boxes Choose any widget from an internet source. Download the file with the code. Save the file.
  20. 20. Libguides at UCT: 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’.
  21. 21. Libguides at UCT: Adding content to Boxes The widget has been embedded in the Box
  22. 22. Libguides at UCT: Adding content to Boxes Click on the ‘Edit’ button to edit the box information.
  23. 23. Libguides at UCT: Edit 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.
  24. 24. Libguides at UCT: Edit content to Boxes Edit ‘Box colours’ – allows you to make changes to the colours of your box. Edit ‘Box Link & Embed Code’ – allows you to make changes to the code or links in your box.
  25. 25. Libguides at UCT: Reorder Boxes Go to ‘Add Edit Pages’ and click on Reorder Boxes to change the order in which the boxes appear on the page.
  26. 26. Libguides at UCT: Reorder Boxes This screen shows the order in which boxes appear on the page
  27. 27. Libguides at UCT: Reorder 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.
  28. 28. Libguides at UCT: Reorder Boxes ‘Search HeinOnline’ is now in the centre of the page and ‘Resources’ has moved to the right of the page.
  29. 29. Libguides at UCT: Adding content to Boxes You can also put the boxes underneath each other in the same way.
  30. 30. Libguides at UCT: Reorder Boxes Boxes now appear one underneath the other on the page.
  31. 31. Libguides at UCT: Resize Columns Choose ‘Add/Edit Pages’ and click on ‘Resize Columns’
  32. 32. Libguides at UCT: Resize Columns Drag the handles to resize the left, centre or right columns Left columns have been successfully enlarged.
  33. 33. Libguides at UCT: Resize Columns Choose to hide one of the three columns. In this instance choose to hide the right column Left and Centre columns are shown. No right column is shown.

×