Each article added within the PHP-Fusion interface can use images during the edit or creation of the article. The following tutorial steps through uploading the graphics into the PHP-Fusion installation and then adding them in to the article created within PHP-Fusion.

Inserting Graphics into PHP-Fusion Articles

Upload Article Graphics into PHP-Fusion Interface

Before you can add graphics into an article using the PHP-fusion interface, you will need to upload each image. The following steps walk you through this process.

  1. Login to the PHP-Fusion Admin Panel.
  2. Click on the Admin Panel Link.
  3. Click on Navigation menu to upload imageThere are two ways to get to the IMAGES option. You can click on the IMAGES icon in the right side of the interface, or you can click in the NAVIGATION section on left, click on the drop-down arrow for Content Admin, then click on IMAGES in the resulting drop-down menu.
  4. After you click on the IMAGES icon, or the IMAGES option in the drop-down menu you will see the images that have been previously listed in the MAIN IMAGES section. You will need to click on ARTICLE IMAGES, because this is where the images for all articles will need to be stored. Click on ARTICLE IMAGES (under the IMAGES BAR) in order to proceed.
  5. When you click on the Article Images section you will see the images that have been uploaded previously (or there may not be any listed if this is a new installation). Click on the BROWSE button in order to select the image you wish to upload.
  6. After you select your image, click on OPEN.
  7. Images successfully uploadedFinally, click on UPLOAD IMAGE and the image will be uploaded to the PHP-Fusion installation.

Adding the Image to the Article

After the image or images have been uploaded, then you can begin editing or creating your article so that you can add images.

  1. Login to the PHP-Fusion Admin Panel.
  2. Click on the Admin Panel Link.
  3. Click on Navigation menu to upload imageThere are two ways to get to the ARTICLES option. You can click on the ARTICLES icon in the middle of the interface, or you can click in the NAVIGATION section on left, click on the drop-down arrow for Content Admin, then click on ARTICLES in the resulting drop-down menu.
  4. If you are creating a new article, then click on the SUBJECT field in the Add Article section and then name the article. Otherwise, at the top of the interface (under Current Articles) click on the drop-down arrow select your article and then click on the EDIT button.
  5. Next, select the area where you wish to add your image by clicking in the area of the article with your mouse.
  6. To select image to insert, click on SELECT IMAGE drop-down menuThere are two ways to add the image: Using the SELECT IMAGE drop-down menu, or by clicking on the IMG button in the interface. Click on the SELECT IMAGE drop-down menu first.
  7. Note, that when you click on the image that you want to use, it will not put the physical image in the article. You will see the HTML code for the image link. You can use the formatting options to adjust the image position and size. For more information on using HTML tags, use you favorite HTML resource, or checkout this link: HTML Image tutorial.
  8. Click on IMG to add image code into articleAdd another image to your article, but this time, try using the IMG button. Click on the IMG button. When you do so, you will see the following:

    <img src='images /articles/' style='margin:5px' alt='' align='left' /&rt;

    This code is incomplete and requires the file name of the graphic you wish to use. Note that it already notes the path of the image. This means that it will only work when the image is already located in that path. To complete the code, type in the name of a graphic you wish to use.
  9. Scroll to the bottom of the page and click on the SAVE ARTICLE button in order to save your entries.

This completes the addition of a graphic/image to an article. The screenshot below shows how a typical PHP-Fusion article will appear with an added image:

Sample Article with Image added

If you wish to learn more on adding a new article into PHP-Fusion, please go to Adding New Articles in PHP-Fusion.

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 our Support Center:
Email Address
Optional, but our team may contact you for more information.
Like this Article?

Post a Comment

Email Address:
Are you a bot?

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

Write New!
Do you want to publish a tutorial to our support center?

News / Announcements

SSL Certficate Warnings
Updated 2014-04-14 11:34 am EST
Hits: 2229
Heartbleed 0-day OpenSSL security bug
Updated 2014-04-14 04:43 pm EST
Hits: 5653

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

Need more Help?


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!