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

Preparing Image Files


These are some general guide lines for preparing images to upload to your website:

1. Images MUST be in either .jpeg or .gif format

2. Images must be RGB colour mode, (images saved in CMYK will not upload).

3. Try to limit images to 60 kilobytes or less which will allow fast display for all website visitors. (Larger images will however upload).

4. Images should be 72 dpi

5. The HOME PAGE image will display at the full size of the image you upload. Ideally the HOME PAGE should be less than 350 pixels high and less than 800 wide.

6. The LOGO image will display at the full size of the image you upload. Ideally the LOGO image should be less than 80 pixels high and 150 wide.

7. Other images should be at least 70 pixels high and at least 400 wide. It is recommended that images uploaded to GALLERIES are approximately 600 pixels wide (portrait) or 600 pixels wide (landscape).

> NOTE: all images uploaded will retain their proportions. Images uploaded into your galleries will default to 400 pixels wide. You can change the size each image is displayed at, by adjusting the image width in your back office.

> NOTE 2: The artHIVES editing system does not require you to upload thumbnails, only full size images.

> NOTE 3: Uploading images to your website requires balancing quality of image vs. speed to load. Higher quality images will be larger files, be slower to load and potentially be off-putting for visitors with slow internet connections. When resizing images using Photoshop, choose a quality level around 5 as this should give you an image that is not too large and of a sufficient quality for web publication. It may be necessary to experiment with the quality level to strike the right balance between file size and quality.


 

Activating and Deactivating your website


When you first subscribe to artHIVES you will not be able to activate your website so that the front end is viewable by the public until artHIVES has fully processed your payment. You will however, have full access to your back office and will also be able to preview your website via the PREVIEW MY WEBSITE link in the HEADER of your back office. Once your payment has been approved you will notice that an ACTIVATE MY WEBSITE button will appear on the main menu page of your back office. You can activate your website by clicking this button. 

Activate my website button

Once you site is active the ACTIVATE MY WEBSITE button will be replaced by a DEACTIVATE MY WEBSITE button. You can deactivate your site at any stage you wish by clicking this button.


 

Introduction to WYSIWYG

 

Most of the fields on your website can be edited using Rich Text Editors. (see image below). Rich Text Editors are sometimes know as a WYSIWYG Editors, which stands for What You See IWhat You Get.

Rich Text Editor

If you are familiar with popular word processing applications you will readily recognise some of the functions of the Rich Text Editor.

The main functions of the Rich Text Editor will allow you to:

  • Format Text Align Text
  • Change Fonts and sizes
  • Insert Lists
  • Change Text and Background colours.
  • Creating Links
  • Inserting images
  • Add video

 

Inserting Images

Most of the images on your site will be located in your galleries, however you might want to add images into other locations on your site. Images can be added to any location that can be edited with a Rich Text editor.

STEP 1. To start you will need to upload an image to one of your galleries and then get its URL. (it is ok to upload images into "hidden" galleries that can not be seen by visitors to your site).
STEP 2. Copy the Image URL which is displayed on the "Edit This Image" page (about half way down). It will look something like this: http://arthives.com/files/1003/20051192823523_11.jpgMake sure you copy the whole URL from "http to .jpg" otherwise it won't work.
STEP 3. Go to the Rich Text Editor where you want to insert your image.
STEP 4. Click the spot in the Rich Text Editor where you would like the image to appear.
STEP 5. Click the "insert/edit image" icon - the little green tree (see image below).
Insert Edit Image icon
STEP 6. In the popup box, Paste your Image URL (from step 2) into the "Image URL" field. Its best to also type an image Description and Title into the other 2 fields.
Insert Image Box
STEP 7. * Next click the "Appearance" tab and enter the display "Dimensions".
Image Box Image Size
STEP 8. Click the "Insert" button which will close the pop-up window. 
STEP 9. Don't forget to Click the "Update" button at the bottom of the page to save changes. 

*Step 7 is only necessary if you want the image to display at a different size than the actual size of the image you uploaded. You will only need to enter the width or the height if you leave "Constrain Proportions" checked on. If you are inserting an image to use on your Galleries index page, try setting the height to 120px.


 

Inserting Images

Most of the images on your site will be located in your galleries, however you might want to add images into other locations on your site. Images can be added to any location that can be edited with a Rich Text editor.

STEP 1. To start you will need to upload an image to one of your galleries and then get its URL. (it is ok to upload images into "hidden" galleries that can not be seen by visitors to your site).
STEP 2. Copy the Image URL which is displayed on the "Edit This Image" page (about half way down). It will look something like this: http://arthives.com/files/1003/20051192823523_11.jpgMake sure you copy the whole URL from "http to .jpg" otherwise it won't work.
STEP 3. Go to the Rich Text Editor where you want to insert your image.
STEP 4. Click the spot in the Rich Text Editor where you would like the image to appear.
STEP 5. Click the "insert/edit image" icon - the little green tree (see image below).
Insert Edit Image icon
STEP 6. In the popup box, Paste your Image URL (from step 2) into the "Image URL" field. Its best to also type an image Description and Title into the other 2 fields.
Insert Image Box
STEP 7. * Next click the "Appearance" tab and enter the display "Dimensions".
Image Box Image Size
STEP 8. Click the "Insert" button which will close the pop-up window. 
STEP 9. Don't forget to Click the "Update" button at the bottom of the page to save changes. 

*Step 7 is only necessary if you want the image to display at a different size than the actual size of the image you uploaded. You will only need to enter the width or the height if you leave "Constrain Proportions" checked on. If you are inserting an image to use on your Galleries index page, try setting the height to 120px.

Creating Links

You can create links to other webpages using the Insert/Edit Link tool in most of the Rich Text Editors on your site. This function has been disabled for some Title fields that already link to other pages. (eg. Gallery titles link to a gallery page). To create a link:

STEP 1. Highlight some text in your Rich Text Editor.

STEP 2. Click the insert/edit link icon. (see image below).

Insert / edit link icon 

STEP 3. In the pop-up box enter the Link URL for the page you wish to link to. It is better to copy and paste the URL directly from the Link page to avoid errors.

Insert/edit Link

STEP 4. From the dropdown menu choose a Target option. - Choose "Open in this window / frame" when linking to a page within your own site. - Choose "Open in new window (_blank)" when linking to another website.
STEP 5. Click the "Insert" button which will close the pop-up window.
STEP 6. Don't forget to Click the "Update" button at the bottom of the page to save changes.