Add an article with image: Difference between revisions
| (4 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
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). | 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'' | Navigate to ''Content'' / ''Media'' | ||
[[File:Joomla-article-image-01.PNG|400px]] | |||
'''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 | |||
[[File:Joomla-article-image-02.PNG|400px]] | |||
''' 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. | |||
[[File:Joomla-article-image-03.PNG|400px]] | |||
'''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]] | |||
''Be consistent with these sizes!'' | |||
== Add an Article == | |||
Navigate to ''Content'' / ''Articles'' / ''Add New Article'' | |||
[[File:Joomla-article-image-05.PNG|400px]] | |||
Add Title, Content, and make sure the following settings are done: | |||
*Category | |||
** Notable Alumni | |||
*Tags | |||
** alumni | |||
[[File:Joomla-article-image-06.PNG|400px]] | |||
'''Search an article''' | |||
Sometime you may want to search an article: | |||
# Search Tools | |||
# Here you can select search criteria | |||
** Search tag “alumni” to see other alumni articles | |||
[[File:Joomla-article-image-07.PNG|400px]] | |||
'''Assign the uploaded image to the article''' | |||
* Go to the "Image and Links" tab of the ''Edit Article'' page | |||
* Add ''Intro'' and/or ''Full Article'' image that you uploaded in the previous step. | |||
[[File:Joomla-article-image-08.PNG|400px]] | |||
Latest revision as of 01:15, 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
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
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.
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
Be consistent with these sizes!
Add an Article
Navigate to Content / Articles / Add New Article
Add Title, Content, and make sure the following settings are done:
- Category
- Notable Alumni
- Tags
- alumni
Search an article
Sometime you may want to search an article:
- Search Tools
- Here you can select search criteria
- Search tag “alumni” to see other alumni articles
Assign the uploaded image to the article
- Go to the "Image and Links" tab of the Edit Article page
- Add Intro and/or Full Article image that you uploaded in the previous step.