Add or Change Pictures in an Article

Download all Joomla! Tutorials in a single PDF document.

Go to Content → Article Manager and click on an article title to open it.

To upload an Image or Picture:

  1. If you have many images to upload to the server it is recommended that you first install CoreFTP or Filezilla (or another FTP client program if you do not already have one installed) and upload your pictures by FTP.
  2. To upload one image at a time you can use Joomla's Media Manager or upload images through the Article Manager using the Insert/Edit Image features.
  • Click on the Insert/Edit Image icon.
    Insert/Edit Image
  • Click on the Upload icon.
    Insert/Edit Image: Upload
  • At the Upload window, click on the Add button.
    Insert/Edit Image: Add
  • Insert/Edit Image: File SelectNavigate to the folder on your computer that contains the image you want to upload.
  • Click on the file and then click Open.

 

  • Back at the Upload window, you will see the File Name in the Queue area.Insert/Edit Image: File Upload
  • Click Upload.

 

  • You'll see a green checkmark appear indicating the image uploaded.Insert/Edit Image: Cancel
  • Click Cancel.

 

  • The image appears in the Details window on the right.Insert/Edit Image: Insert
  • Click on the file name in the list so the link appears in the URL box.
  • From this screen, you can change the Alternate Text name, Alighment of the text around the image, etc,.
  • To change the Dimensions, change one of the numbers and then move the cursor to an open area to the right of the words Proportional, then left-click and the other number will automatically change.
  • When done, click Insert.

 

  • After inserting your image you will see the image in the editor window:
  • When done, click Save to exit.
If you click Apply your work will be save and you will remain in the article editor. This can be useful if you want to apply your changes and open tab in your browser to view the article you are currently working on. If the changes are ok, then go back to the article editor and click save to exit, or make and apply any new changes as necessary.
  • After saving your article you will be brought back to the Article Manager.

Now, let's say later on that you want to replace this picture

  • Open the page as before, move your cursor over the picture and left-click on it. You should see squares form around the picture.
  • Click on the Insert/Edit Image icon and make any changes or press the Delete key on your keyboard to delete the picture.
  • You can now add or change a new picture following the same procedures as above.

FAQs

  • 1
  • 2
  • 3