--- title: "How to Add Images to Articles in PHP-Fusion" description: "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..." url: https://www.inmotionhosting.com/support/edu/php-fusion/how-to-add-images-to-articles-in-php-fusion/ date: 2013-03-20 modified: 2022-03-11 author: "InMotion Hosting Contributor" categories: ["PHP-Fusion"] type: post lang: en --- # How to Add Images to Articles in PHP-Fusion 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.](/support/edu/php-fusion/login-admin-panel/) 2. Click on the Admin Panel Link. 3. [](/support/wp-content/uploads/2013/03/edu_php-fusion_article-images_content-admin-select.png)[![Click on Navigation menu to upload image](https://www.inmotionhosting.com/support/wp-content/uploads/2013/03/edu_php-fusion_article-images_content-admin-select.png)](/support/wp-content/uploads/2013/03/edu_php-fusion_article-images_content-admin-select.png) There 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 uploaded](https://www.inmotionhosting.com/support/wp-content/uploads/2013/03/edu_php-fusion_article-images_images-uploaded.png)](/support/wp-content/uploads/2013/03/edu_php-fusion_article-images_images-uploaded.png) Finally, 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.](/support/edu/php-fusion/login-admin-panel/) 2. Click on the Admin Panel Link. 3. [](/support/wp-content/uploads/2013/03/edu_php-fusion_article-images_content-admin-select.png)[![Click on Navigation menu to upload image](https://www.inmotionhosting.com/support/wp-content/uploads/2013/03/edu_php-fusion_article-images_content-admin-select.png)](/support/wp-content/uploads/2013/03/edu_php-fusion_article-images_content-admin-select.png) There 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 menu](https://www.inmotionhosting.com/support/wp-content/uploads/2013/03/edu_php-fusion_article-images_new-article-image.png)](/support/wp-content/uploads/2013/03/edu_php-fusion_article-images_new-article-image.png) There 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](https://w3schools.com/html/html_images.asp). 8. [![Click on IMG to add image code into article](https://www.inmotionhosting.com/support/wp-content/uploads/2013/03/edu_php-fusion_article-images_2nd-image-option.png)](/support/wp-content/uploads/2013/03/edu_php-fusion_article-images_2nd-image-option.png) Add 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: