Atlassian Confluence How To

How to make your Confluence pages more attractive

What is a good-looking and well-organized page? It mainly depends on the situation, but in general you need to do some basic things for creating an easy-to-read and content-oriented page in Confluence.

Get rid of excess page elements

This means you need to minimize the number of visual elements for better content perception on the page. Confluence is a great wiki system but sometimes its user interface may distract people from the content. You can create quite a simple page but Confluence will embed a lot of things into it so your page will look pretty complex for people not familiar with Confluence:

01

Fortunately, there is a way to get rid of these unnecessary elements. Hide Elements is the add-on for Confluence that allows you to hide the required Confluence page elements in one click. Let’s try it! You need to add a macro to the page, then define the elements for hiding.

02

Now the page is much easier to read:

03

Replace default Confluence links with sight-capturing buttons

Another case is the documentation page. Despite of good structure and content organization it looks quite boring:

04

The page contains some useful links that need more customer’s attention. The Handy Button macro from Handy Macros for Confluence will help us! The same page looks much better after replacing the set of links with call-to-action buttons:05

Organize your pages with panels

Panels can greatly improve visual perception and can be a sufficient solution for visual division of content blocks on one page. You may use panels to make your pages look identical and keep them easy to read. Panels can be created using the native Panel macro or using the add-on called Panelbox. Panelbox allows you to create and use the pre-defined design templates for keeping consistency of content blocks across Confluence pages. Design your panel once, save the template and use it when building the page structure.

06

Enrich your page functionality with interactive elements

Interactive elements is a good means for capturing attention and improving user experience. Navitabs add-onallows you to organize page content with tabs.

07

Spectrum Formatting Macros add-on provides the similar functionality. It also provides the basic features of status and page approval progress bar for running straighforward page review procedures.

08

In addition, these statuses can be switched in the page view mode. You just need to click the pencil icon, and that’s done!

09

Unfortunately, the four pre-defined statuses can’t satisfy all users. But this limitation can be easily bypassed when using advanced statuses provided by the Handy Status macro from Handy Macros for Confluence. It allows you to create your own sets of statuses. You may have both global and personal status sets, and definitely you may put as many statuses as you need in each set. Names and colors of statuses are configurable too:

10

Statuses are switchable in the page view mode. Just select the appropriate one while viewing the page:

11

Have you already used statuses in your workflow? You should definitely try them!

Combine them all!

Let’s do some magic on one useful but dull page using the elements described in this blogpost:

12

Five minutes later, the page looks completely different:

13

You can always adjust look of your Confluence content and get more fun from the collaboration process. All the tools described in this post can be combined for organizing the content structure and tailoring page design to company needs in your Confluence. Feel free to perform some experiments, your readers will appreciate it!

 

 

Recommended Articles