Confluenceのページを、CSSを使って読みやすくする方法を紹介します。

設定方法

前提

画面左下の「スペースツール」から、「ルックアンドフィール」を選択します。

このメニューはスペースの管理者権限がないと見えないので注意です。

タブから「サイドバー、ヘッダーとフッター」を選択します、

フッター欄にお好みのCSSを入力します。

ヘッダーではなくフッター欄に入力するという点に注意してください。

ヘッダー欄に入れた場合、プレビュー時に表示崩れが起きます。
フッター欄だと上記事象は起きませんが、プレビュー時はスタイルが適用されません。。。

全体を{html}~{html}で囲みます。

これはHTMLマクロに該当するショートカットキーのようなもので、これで囲んだ範囲をHTMLとして処理してくれます。

{html}~{html}の内側にCSSを記載しますが、styleタグで囲むのをお忘れなく。

①〜③をまとめると、このような状態です。

{html}
<style type="text/css"> 
/* ここにCSSを書く */
</style>
{html}

保存ボタンを押すと、スペース全体にCSSが適用されてみやすいページが出来上がります！