Working with Images, PDFs and Other Files: Store, Upload, Add

Working with Images, PDFs and Other Files: Store, Upload, Add

Uploading a File

  1. Within Edit mode on a page, scroll down to your WYSIWYG editor, which is located above the Body field.
  2. Click the IMCE button. It is the first button from the right in the second row.
  3. The IMCE dialog box opens. From this dialog, you will see a listing of files on the right, a directory structure on the left and a toolbar at the top.
  4. If you are uploading an image, click on the Images folder. If you're uploading a PDF, Word or Excel document, click on the Files folder. This will keep your files organized.
  5. From the toolbar at the top click Upload. Another little dialog appears.
  6. Click Browse , navigate to the file you wish to upload, and either double-click it or select it and click Open.
  7. Click the Upload button on the little dialog. Your file will now appear in the list on the right.

IMPORTANT!

The maximum file size for uploading an attachment is 2 MB. Only files with the following file extensions may be uploaded: jpg jpeg gif png txt doc docx xls pdf ppt pps odt ods odp.

NOTE: It is advisable to develop a naming convention for your files and make sure there are no spaces between words. Use a hyphen or underscore to separate words.


The IMCE Dialog Box

Adding an Image or File (PDF, etc.) to your Content

  1. Follow Steps 1-7 above if you need to upload your file. Before closing the IMCE dialog box, select your image or file from the list on the right (be sure and choose the correct folder on the left!) and click the Insert File button on the toolbar at the top.

Note: Make sure your cursor is placed correctly within the Body field before inserting an image or file. Wherever it is located within your editing window is where the file will be placed and it can be difficult to maneuver it around.

Working with Images and Other Files: Positioning and Sizing

Working with Images and Other Files: Positioning and Sizing

Resize An Image

  1. While in the IMCE dialog box (please see Section 5, Working with Images - Upload a File) select the image you wish to resize from the list on the right.
  2. Click the Resize button on the toolbar at the top. The Resize feature of IMCE will maintain the aspect ratio of your image (width to height ratio) and will allow you to create a new image if you wish.
  3. Type in a width for your image. When you tab over to height, it will automatically fill in this field.
  4. If you want to create a new image, click the checkbox next to Create a new image.
  5. Click the Resize button.

IMCE Resize Dialog

Note:If you choose to create a new image, IMCE will maintain the name and append it with a number starting with zero.

Positioning an Image

You can position an image within your content.

  1. While in Edit mode for your content, click on the image in the Body field.
  2. Click the Image button on the WYSIWYG toolbar. It is the first button in the first row, sixth section.
  3. From the Image Info tab (default) choose Left or Right from the Align dropdown at the bottom of the tab.
  4. Click the OK button.
  5. Scroll to the bottom of the page.
  6. Click the Save button to save your changes.

NOTE: Aligning to the left or the right will “float” the image beside the copy.

Add Space Around or a Border to an Image

  1. Follow Steps 1-3 from above.
  2. Enter a number (often 1 or 2 ) in the Border field to add a border to the image.
  3. Enter a number (often 5-10) for Horizontal Space in the HSpace field.
  4. Enter a number (often 5-10) for Vertical Space in the VSpace field.
  5. Click the OK button to save your changes.
  6. Scroll to the bottom of the page.
  7. Click the Save button to save your changes.

The Image Editor Dialog Box

Remove an Image

  1. While in Edit mode for your content, click on the image in the Body field.
  2. Press the Delete key on your keyboard.
    The image is now removed.
  3. Scroll to the bottom of the page.
  4. Click the Save button to save your changes.

Add Your Affiliate Name to the Header

You can customize the header of your theme to include your affiliate name that can be read by search engines.

  1. In the Administration Menu across the top of your screen, select Site Configuration → Site Information.
  2. In the Name box, type in your Affiliate Name.
  3. Click the Save Configuration button at the bottom of the page to save your changes.

Note: Some themes do not allow for long affiliate names. So adding your affiliate name through an image is the only option.