Add an article with image: Difference between revisions

From MSME Knowledge Management - Assumption University
Jump to navigation Jump to search
Line 5: Line 5:
Navigate to ''Content'' / ''Media''
Navigate to ''Content'' / ''Media''


[[File:Joomla-article-image-01.PNG|400px|thumb|center|navigate to the media]]
[[File:Joomla-article-image-01.PNG|400px|thumb|left|navigate to the media]]


Locate the designated folder  
# Locate the designated folder  
Most likely you will be updating news:
Most likely you will be updating news:
* go to ''news'' / ''year''  
* go to ''news'' / ''year''  
Line 14: Line 14:
In this example, we will add a featured alumni article, so go to ''alumni'' folder
In this example, we will add a featured alumni article, so go to ''alumni'' folder


[[File:Joomla-article-image-02.PNG|400px|thumb|center|locate the folder]]
[[File:Joomla-article-image-02.PNG|400px|thumb|left|locate the folder]]


Add the image here, press ''Upload''
# Add the image here, press ''Upload''


The article image (at least 200x200, but depending on the original dimension)
The article image (at least 200x200, but depending on the original dimension)
Line 22: Line 22:
The thumbnail images are for the homepage only.
The thumbnail images are for the homepage only.


[[File:Joomla-article-image-03.PNG|400px|thumb|center|upload image]]
[[File:Joomla-article-image-03.PNG|400px|thumb|left|upload image]]
 
 
# Typical image sizes
 
There are two kinds of images
 
'''Intro''': appears with the intro text. Typically we want a small (but wide image) here e.g., 680 x 330
'''Full Article''': shows in the full article, e.g. 680 x 970 for a portrait image
 
[[File:Joomla-article-image-04.PNG|400px|thumb|left|image size]]
 
''Be consistent with these sizes!''

Revision as of 01:08, 17 June 2019

There are two steps to achieve this task. First, upload image(s) to the designated folder. Second, add an article to the designated category (and then point the uploaded image to the article).

Upload an Image

Navigate to Content / Media

Error creating thumbnail: File missing
navigate to the media
  1. Locate the designated folder

Most likely you will be updating news:

  • go to news / year
  • add the photo here

In this example, we will add a featured alumni article, so go to alumni folder

Error creating thumbnail: File missing
locate the folder
  1. Add the image here, press Upload

The article image (at least 200x200, but depending on the original dimension)

The thumbnail images are for the homepage only.

Error creating thumbnail: File missing
upload image


  1. Typical image sizes

There are two kinds of images

Intro: appears with the intro text. Typically we want a small (but wide image) here e.g., 680 x 330 Full Article: shows in the full article, e.g. 680 x 970 for a portrait image

Error creating thumbnail: File missing
image size

Be consistent with these sizes!