Archives Manual

From UNB Archives and Special Collections
Revision as of 09:19, 8 May 2014 by Admin (talk | contribs) (Created page with "This is an attempt to clone the UNBArchives from Wikispaces to Mediawiki. <ol style="margin: 0px 0px 1.4em; padding-right: 0px; padding-left: 1.5em; list-style-position: outsi...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

This is an attempt to clone the UNBArchives from Wikispaces to Mediawiki.

In our analysis of the workflows in Mediawiki, following operations were identified as necessary for the creation of a duplicate site. Please carefully follow the instructions to get desired results.

Page Creation

Adding Pages to the Sidebar

After creating pages, in order to add those pages to the sidebar. Follow the following steps.

  • Click on Edit.
  • Make changes to the links according to the following rule

Page-URL<span class="sy0" style="color: rgb(102, 204, 102);">|</span>Page Name
<span class="re5" style="color: rgb(102, 0, 51);">-------------------</span>
http:<span class="sy0" style="color: rgb(102, 204, 102);">//</span><span class="sy0" style="color: rgb(102, 204, 102);">/</span>projects<span class="sy0" style="color: rgb(102, 204, 102);">/</span><span class="search_hit" style="background-color: rgb(255, 255, 153);">archives</span><span class="sy0" style="color: rgb(102, 204, 102);">/</span>wiki<span class="sy0" style="color: rgb(102, 204, 102);">/</span>index.php<span class="sy0" style="color: rgb(102, 204, 102);">/</span>Test<span class="sy0" style="color: rgb(102, 204, 102);">|</span>Test
  • Click “Save Page” and see changes in the navigation.

Screen shot 2013-06-07 at 1.47.42 pm.png


  • On clicking “edit this page”, an editor is displayed. This is the WYSIWYG editor.
  • Start typing in the space below.
  • On finishing edits, click the Save Page button to save changes.
Screen shot 2013-06-07 at 12.38.06 pm.png


On clicking “edit this page”, you should notice a blue bar at the top of the editor with the following message “Drop files here”. This bar will be used to insert images in the text.

Screen shot 2013-06-07 at 1.07.12 pm.png

Inserting Images

  • Drag and drop an image over the blue bar with the message “Drop files here”.
  • You will see your image listed in the bar.
Screen shot 2013-06-07 at 12.44.44 pm.png
  • Click on “Click here to upload this file” to upload the image.
  • The image is uploaded, and the bar turns green.
  • Screen shot 2013-06-07 at 12.46.40 pm.png

  • To insert the image click on the “Image” icon in the editor.

  • Screen shot 2013-06-07 at 2.35.07 pm.png
  • On clicking the image icon, the editor prompts with a dialog box, containing the list of images uploaded in the wiki.
  • Choose an image by clicking on it and entering a caption for it in the Caption textbox.
  • Choose if you want to make it a thumbnail or an image with a border around it from the dropdown “Special type”.

  • Screen2.png
  • In this case, I will choose a Frame around the image and click “OK”.
  • Click Save page to save your edits.
  • Screenhome.png
  • You can put the image in the center of the page using another option in the image dialog box, i.e. if you want to place the image in the center, choose center from the options dropdown.
  • Screenmed.png


To embed a video in the wiki, follow the following steps,

  • We will use a YouTube video for illustrative purposes.The url of the video is:
  • To embed the video, first click on the Show WikiTextEditor link

  • Wikivid1.png
  • In the text editor, enter the following command at the intended point of video insertion.

<span class="br0" style="color: rgb(102, 204, 102);">{</span><span class="br0" style="color: rgb(102, 204, 102);">{</span><span class="co0" style="color: rgb(102, 102, 102); font-style: italic;">#ev:youtube|VK3Q4SLVkAU}}</span>
  • Click Save Page and check page for the embedded video
  • The service name can be changed in the embedding image line,