About the Instruction Manual

Most aspects of building and editing your artHIVES website should be self evident by the presence of onscreen prompts and instructions. This instruction manual is designed to compliment the general intuitive design of the artHIVES editing system. Advanced users may find little reason to consult this manual, however it is recommended that all users read the Troubleshooting section.

Instruction Manual

Using HTML

Advanced users have the option to edit the HTML source code in most Rich Text Editors.

This function has been disabled for some Title fields that already link to other pages. (eg. Gallery titles link to a gallery page).

In the Rich Text Ediors, use the edit HTML source button to open a popup window displaying editable HTML code.
Edit HTML

Edit HTML Once you have entered / edited the HTML, Click the "Update" button which will close the pop-up window.

Don't forget to Click the "Update" button at the bottom of the page to save changes.

Introduction to inserting video

You can not upload video directly to your site however you can add video from Video sharing sites to any page of your website using the Rich Text Editors.

This function has been disabled for some Title fields that already link to other pages. (eg. Gallery titles link to a gallery page).

Your first step will be to setup an account with a Video sharing site. Two of the most popular sites are Vimeo and YouTube. Click the logos below to vist their sites.

Vimeo   YouTube

Once you have opened an account and uploaded some video, you will be provided with some embedded code to use on your website.


 

Embedding Video

You can add video from Video sharing sites (like YouTube and Vimeo) to any page of your website using the Rich Text Editors. This function has been disabled for some Title fields that already link to other pages. (eg. Gallery titles link to a gallery page). 

STEP 1. Copy the embed code from the video sharing website hosting your video. - click here for Vimeo instructions - click here YouTube instructions
STEP 2. Click the "insert/edit embedded media" button in the Rich Text Editor. 

insert /edit embedded media

STEP 3. Click the "Source" tab in the pop up window.
STEP 4. Paste the embed code (from STEP 1) into the window.
STEP 5. Click the "Insert" button. N.B. Your embedded video will not display in the Rich Text Editor and will be seen as a yellow box (see below). Preview your website to check that you video has uploaded and displayed as you intended. 

Insert Embedded Media Popup
Embedded Media

STEP 6. Don't forget to Click the "Update" button at the bottom of the page to save changes.


 

Vimeo - How to get Embed Code

To copy the embed Code from Vimeo:

Step 1.Navigate to the video on Vimeo and click the Embed Icon which will appear after you click the video.

Vimeo Embed Icon 

Step 2.Customise the Embed options.
- if you want to use the video on your homepage set the width to 800 pixels
- if using video else where on your site set the width to a minimum 400 pixels

Step 3.Copy the embed Code paste into your artHIVES website using these
Video Embedding Instructions. 

Vimeo Embed code example 

Thanks to Heinz Riegler for letting us use his video for this instruction page.

'Motion Portrait #1' was the 
Winner for Best Short Film / Audiovisual Work at M.I.C.A TonBild 2011, Vienna Austria.

 
 

 


 

YouTube - How to get Embed Code

To copy the embed Code from YouTube:

Step 1.Navigate to the video on YouTube. Step

2.Click on the Share button. Step

3.Click on the Embed button. Step

4.Copy the Embed Code so as to paste into your artHIVES website using these
Video Embedding Instructions.

YouTube Embed Code Steps 

 


 

Editing text

When you first begin to setup your website you will see the words "Content Coming Soon..." on your HOME PAGE.

To replace this text
1. click the HOME PAGE / FRONT PAGE link in the YOUR WEBSITE section of your back office
2. delete/replace the words from the Introductory and Concluding text boxes. 
3. You can also format the this text and add images and video using the RichText Editors.
4. click the update button to save changes.