Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Div
idProductTOC

On this page

Table of Contents
maxLevel1
excludeOn this page
typeflat
separatorpipe

Overview

Finding and managing images for a site can be difficult. This site uses the Attachment Table macro, which is part of the Advanced Tables for Confluence add-on, to help. It provides a good inventory view and makes finding and removing obsolete images easier. We follow a process where all site wide (global) images are to be attached to the Images page. These are images that are most likely to be needed on multiple pages or are of a general nature like banners, icons, and other standard image assets. Page specific attachments are often just attached to their respective pages. Sometimes one of these images needs to be used on other pages, in this case, the image should be moved to the global Images page. Duplication should be avoided - specifically be careful when copying pages with attachments as it duplicates the attachments (sad)

The Attachment Table macro can also be used to manage general attachments, but this how to focuses on images specifically.

The following describes what is done on this site. You will need to adjust based on your own requirements and size of your site. In our case, we split management of the images into 2 cases - global images and everything else. Larger sites may want to manage it on a space level by constructing a template page and copying it to each space.

Steps for a Page with Shared Images

These steps assume you have a page that contains a set of shared images that need to be managed.

Table plus
highlightColor #ffffec
rowStylesbackground:#f0f0f0;color:#222;font-size:14px;border-bottom:black 2px solid;border-top:black 2px solid;,
stylebackground-color:white;
autoNumbertrue
enableSortingfalse

...

StepDescriptionExample
Edit the pageA page with image attachments to be managed.Images
Add the Attachment Table MacroStart with the default - showing all attachments to the page with default columns. 
Edit the attachment-table macro

Modify the parameters below as needed for your situation.

 

Set the Columns to show parameter to a comma separated list of available columns.

Thumbnail is important for images.

Location (or Properties) is important as it provides a link to manage the attachment

We used: File, Thumbnail, Size, Created, Creator, Location, Comment 

Optionally, set Date format parameter

 We used: yyyy-MM-dd
Optionally, set Auto number on each rowA row number is convenient for referencing. 
Optionally, set Auto sort column and Sort descending if applicableStarting from a specific order is useful.We used: Created column for sorting with descending selected

Steps for Site-wide Images

These steps are for managing images across a selection of spaces and pages. Many are similar to the previous example. Some understanding of how to use regular expressions is assumed.

Tip
titleBe careful on larger sites

Gathering a large number of attachments from lots of pages can take significant time. Subset appropriate for your site. For testing, limit the pages or spaces accessed until you are happy with the result. For production use, consider using the Cache Macro (Confluence download only) to reduce resources and improve display time.

Table plus
highlightColor#ffffec
rowStylesbackground:#f0f0f0;color:#222;font-size:14px;border-bottom:black 2px solid;border-top:black 2px solid;,
stylebackground-color:white;
autoNumbertrue
enableSortingfalse

...

StepDescriptionExample
Create a pageThis is your management page for images.Site images
Add the Attachment Table macroStart with the default - showing all attachments to the page with default columns. 
Edit the attachment-table macro

Modify the parameters below as needed for your situation.

 

Set the Columns to show parameter to a comma separated list of available columns.

Page is used here since we are searching across multiple spaces and pages, so having a link to the page is convenient.

Thumbnail is important for images.

Location (or Properties) is important as it provides a link to manage the attachment

We used: spacename,Page,File, Thumbnail, Size, Created, Creator, Location, Comment 

Set optional parameters similar to the previous Steps section

 We used the same settings as the earlier example.
Optionally, specify Space key or space name regexUse this to select the spaces to be included. Leave blank for only covering the current space. Use .* for all spaces.

We used: ((?!(UX)|(User Experience)).)*

This excluded an internal space (by key and name) managed separately.

Optionally, specify Page name regexYou may want to exclude images from your global images page if you have one and you manage the images there separately.

We used: ((?!(Images)|(Number images)).)*

This excluded our global Images page and the Number images page.

Set the Attachment name regexYou need to select only images on your site. This assumes images are named with a standard extension.We used: .*(\.png|\.jpg|\.jpeg)

 

Example Result

(info) The following wiki page is a live example of the Attachment Table macro in action:

 

Other Examples

Visit our full list of product examples for additional inspiration!

 

Include Page
_SupportFooter
_SupportFooter

...