シリウスのサイドメニューのフリースペースは、上に1つ、下に1つ全部二つあります。

しかし、もっとフリースペースに情報を載せたい場合の増やす方法をご紹介します。

方法1：HTMLテンプレートに書き加えて編集

SIRIUS編集画面の上部リボンバー　＝＞　編集から「HTMLテンプレート」を開きます。

「サイドメニューここから〜サイドメニューここまで」と書かれた場所を探します。行番号はテンプレートによって違うので注意しましょう。

「<% freeSpace● %>」という文がフリースペースを表示させるタグです。よって、「<% freeSpace5 %>、<% freeSpace6 %>」のタグを書き加えます。2カラムテンプレートにフリースペースを2個追加しました。

このように、トップページ、カテゴリーページ、エントリーページ、サイトマップ、サイト内検索、リンクのHTMLに全て書き加えたら、「全て保存」を押します。

これでカスタマイズは完了です。「<% freeSpace5 %>」はサブメニュー上段、「<% freeSpace6 %>」はサブメニュー下段にあたります。

これでフリースペースが2個追加できました。

方法2：フリースペースの枠内に、複数のタイトルを入れる

まず、シリウスではサイドメニューのタイトルは「h4」タグという事を覚えておいてください。

上図のようにフリースペースの枠内に、複数のタイトルを入れてしまいます。

こうすると、フリースペースが3個追加できました。やってみてくださいね。

関連ページ

シリウス（SIRIUS）で2カラムサイドメニュー幅変更方法

デフォルトテンプレートの2カラムサイドメニュー幅変更方法について説明します。

SIRIUSシリウスで更新履歴の位置を変更する方法

SIRIUSシリウスで更新履歴の位置を変更する方法について解説していきます。

SIRIUSシリウスで更新履歴の背景画像を変更方法

SIRIUSシリウスで更新履歴の背景画像を変更方法について、解説していきます。

SIRIUSシリウスの更新履歴枠の角を丸くする&影をつける方法

SIRIUSシリウスの更新履歴枠の角を丸くすると影をつける方法について解説していきます。

SIRIUSでカーソルを置くとリンク画像を動かす設定方法

SIRIUSでカーソルを置くとリンク画像を動かす設定方法について、詳しく解説していきます。

SIRIUS サイドバーに画像付きのプロフィールを設置方法

SIRIUS サイドバーに画像付きのプロフィールを設置方法について、詳しく解説していきます。

SIRIUS　クラスの設定機能で蛍光ペンを設定方法

SIRIUS　クラスの設定機能で蛍光ペンを設定方法について、詳しく解説していきます。

SIRIUSに無料でメールフォームを設置する方法

SIRIUS（シリウス）に無料でメールフォームを設置する方法について、詳しく解説していきます。

SIRIUSで記事途中に飾り枠を挿入する方法

SIRIUS（シリウス）で記事途中に飾り枠を入れる方法について、詳しく解説していきます。

SIRIUS　同じページ内で指定の場所にリンクする方法

SIRIUS　同じページ内で指定の場所にリンクする方法について、詳しく解説していきます。

SIRIUSで動くボタンを作成方法

SIRIUSで動くボタンを作成方法について、詳しく解説していきます。

SIRIUSでスクロールの途中でサイドバーが消えないよう固定する方法

SIRIUSでスクロールの途中でサイドバーが消えないよう固定する方法について解明します。

SIRIUSで1つの記事を複数のカテゴリに登録する方法

SIRIUSで1つの記事を複数のカテゴリに登録する方法について説明します。

SIRIUSで蛍光ペンをカスタマイズする

SIRIUSで蛍光ペンをカスタマイズする方法

SIRIUSでトップへ戻るボタンを実装する方法

SIRIUSでトップへ戻るボタンを実装する方法について紹介します。

SIRIUSシリウスの見出しフォントに影をつける方法

SIRIUSシリウスの見出しフォントに影をつける方法を紹介します。

SIRIUSのサイトにYouTube動画を『埋め込み』方法

SIRIUSのサイトにYouTube動画を『埋め込み』方法について紹介していきます。

SIRIUSでGoogleマップをサイトに埋め込む方法

SIRIUSでGoogleマップをサイトに埋め込む方法についてご紹介していきます。

SIRIUSでトップへ戻るボタンに画像を使用する方法

SIRIUSでトップへ戻るボタンに画像を使用する方法について紹介していきます。

SIRIUSで画像を横に自動スライドさせて動かす方法

SIRIUSで画像を横に自動スライドさせて動かす方法を紹介していきます。

SIRIUS(シリウス）で画像を振り子のように左右に揺らす実装方法

SIRIUS(シリウス）で画像を振り子のように左右に揺らす実装方法を紹介します。

SIRIUS(シリウス）で<MAQUEE>タグを使って簡単に画像を動かす

SIRIUS(シリウス）でタグを使って簡単に画像を動かす方法をご紹介します。