There are 2 types of images that can be inserted into a TikiWiki page: The Uploaded image and the Hotlinked image. The uploaded image is an image you add to the server and insert into your page. These images are stored on your server where your TikiWiki is located.

The "Hotlinked image" or "Linked" is an image that you link to from an external site. For example, there are free images you can use on your site that are available online. linking to these images requires using the url of the image. This will load the image from the images source server instead of images on your server. The following sections will explain how to insert an uploaded image and a linked image in TikiWiki.

Uploading an image to a TikiWiki page

This section will explain how to insert an image to your TikiWiki from an image file on your server.

  1. Log into TikiWiki.
  2. Navigate to the page where you want to insert the image and click Edit section page edit section icon TikiWiki
  3. Upload image TikiWikiPlace your cursor where you want to insert the image.

    Click the "Choose or Upload images" icon in the WYSIWYG editor.


  4. Browse images TikiWikiIn the Upload File page, click the browse button. Navigate to the image you want to upload and select it.
  5. Upload files TikiwikiClick the upload File(s) button.
  6. Insert image TikiWikiYou should see the image show in the image list on the server.

    Click the image and click "Click here to insert in Wiki Syntax".


    Code view of uploaded image TikiWIkiThe code should look like the snapshot to the right.

  7. Preview of uploaded image in TikiWIkiSave the changes and preview the page. You should see the image inserted similar to the image to the right..

Linking an image from an external site

Here we will insert an image that is hotlinked to another site. The image url we are going to use is the following:

http://www.mozealous.com/uploaded_images/856268_71035967-759101.jpg

The following steps will explain how to use this url to insert the image to your site.

  1. Log into TikiWiki.
  2. Navigate to the page you want to insert the hotlinked image on and click Edit section page edit section icon TikiWiki
  3. Place your cursor where you want to place the image and click the image icon from the WYSIWYG editor.
  4. Image settings TikiWikiOn the image properties page, fill in the following.

    - Image Source: This is the url to the image you want to display on the site. In this example we will use the following url:
    http://www.mozealous.com/uploaded_images/856268_71035967-759101.jpg
    - Thumbnail: This will make the image a thumbnail to save image loadtime.
    - Image width: Sets the image width to a standard size.
    - Align Image: Aligns the image left or right making the text wrap around the image.
    - Align Image Block: Aligns the box that contains the image.

    Additional settings can be found in the Advanced options. In this tutorial, we are not going to discuss any of the advanced options.

    Click Replace.


  5. Code View hotlinked image TikiWikiNow you will see the code in the wiki text.

    Hotlinked image preview TikiWikiSave the changes. Now the image will show on your wiki page and load from an external site.

Continued Education in Course 102: Adding content to TikiWIki
You are viewing Section 7: Uploading and Hotlinking images in TikiWiki
Section 6: How to format TikiWiki page content
Section 8: How do I insert a Youtube video in TikiWiki
Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

0 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!