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.

You are viewing Section 5: How to Add Images to Articles in PHP-Fusion
Section 4: Adding a Link to an Article Using PHP-Fusion
Section 6: Creating Article Categories 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 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!

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!