Title: スペース選択メニュー改 プラグイン

画面の左上に、スペースを選択するための横並びリストまたはドロップダウンリストを表示し、スペースやプロフィールページ等への移動をしやすくするプラグインです。サイドカラムに表示される、既定のスペース選択ボックスを隠すこともできます。

メモ: より豊富なメニューが利用できる Download1793: ヘッダー メニュー ナビゲーション プラグイン を公開しました。こちらもご検討・ご利用ください。



目次


動作例



横並びリスト



横並びリスト動作例

ドロップダウン リスト



ドロップダウン リストの動作例

ダウンロード



下のリンクをクリックしてプラグインの .zip ファイルをダウンロードします。



インストール



TeamPage にサーバー管理者としてログインし、サーバー セットアップ > プラグイン ページを開き、ページ下部の [新規プラグインのインストール] で .zip ファイルを指定してアップロードします。

アップロードが完了したら、サーバーセットアップ > 一般 > サーバー管理 の [TeamPage の再起動] ボタンをクリックして TeamPage を再起動してください。TeamPage クラウド環境では再起動が 2 回必要ですので、1回目の再起動が完了したら再度 [TeamPage の再起動] ボタンをクリックして 2 度目の再起動を行ってください。

サーバー セットアップ > プラグイン ページ を開き、[Header Spaces List] プラグインが表示されていることを確認します。



以上でインストール作業は完了です。TeamPage の画面を表示すると、画面上部のバーにスペースの一覧が横並びリスト形式で表示されます。

設定



設定画面を表示するには



サーバー管理者は、サーバーセットアップ > プラグイン ページの [Header Spaces List] プラグインの [設定] リンクから設定画面を表示できます。

ユーザーは、パーソナル セットアップ > プラグイン ページの [Header Spaces List] プラグインの [設定] リンクから設定画面を表示できます。ただし、「パーソナルセットアップ」権限が必要です。



サーバー管理者用の設定



次の 2 つの設定は、サーバー管理者だけが設定・変更できます。

横並び型リストの装飾



横並びリスト型のスペース選択メニューを装飾するための CSS を記入します。

例えば、次のように設定すると、それぞれのスペースにアイコンを表示できます。

#loc .loc-place.Forum a.project i:before {
  content: "\f086";
}
  
#loc .loc-place.Sandbox a.project i:before {
  content: "\f188";
}

#loc .loc-place.Intel a.project i:before {
  content: "\f080";
}

#loc .loc-place.Delivery a.project i:before {
  content: "\f0d1";
}




"#loc .loc-place.SpaceName a.project i:before" の「SpaceName」でスペース名を指定します。上図のフォーラム、動作テスト、市場調査、配送のスペースの名前は、それぞれ Forum、Sandbox、Intel、Delivery となっています。

これらのアイコンは Font Awesome を使って表示されています。Font Awesome のアイコン一覧はこちらのページを参照してください。

ただし、TeamPage に含まれている Font Awesome は最新バージョンではありません。一部のアイコンは使用できない(指定しても文字化けする)のでご注意ください。

ドロップダウン メニューの装飾



ドロップダウン式スペース選択メニューを装飾するための CSS を記入します。

ユーザー用(とサーバー管理者用)の設定



サーバー管理者は、すべてのユーザーの既定の設定ができます。

ユーザーは、サーバー管理者による既定の設定を上書きして、自分の設定ができます。(要「パーソナル セットアップ」権限)

旗と家のアイコンの位置を逆にする



ここで "はい" を選択すると、スタートページへ移動するアイコン(旗アイコン)と「すべてのスペース」のダッシュボード(フロントページ)へ移動するアイコン(家)の表示位置が逆になります。



スペース一覧の形式



スペース一覧の表示形式を選択します。リスト型とドロップダウン型のどちらかを選んでください。

スペース選択肢のタイプ



スペース一覧に表示するスペースを、「自分の記事だけ読み取り」権限のあるスペース、「パブリッシュ記事の読み取り」権限のあるスペース、そして、お気に入りスペース から選択できます。

サイドバーのスペース一覧を非表示にする





ここで "はい" を選択すると、サイドバーのスペース一覧が表示されなくなります。お気に入りスペースは、パーソナルセットアップ > ユーザー設定 > お気に入り の「お気に入りスペース」で設定できます。

通知カウンターを赤くする



ここで "はい" を選択すると、通知欄の未読数が赤い色で表示されます。



プロフィール ページにハンドル名を表示



ここで "はい" を選択すると、プロフィールページのユーザー表示名の隣(右)にハンドル名(@メンションで使う名前)が表示されます。

@メンション名の表示



Attachments:
horizontal_list.png
dropdown_list.png
installed.png
enter_config.png
horizontal_list_css.png
start_home_order.png
hide_spaces_list.png
colored_red.png
show_mention_name.png
Shared Files for Download1261
関連記事
Article: Download1261 (permalink)
Categories: :DocJp:プラグイン
Date: 2014/12/24; 16時00分44秒 JST
Author Name: TeamPage サポート
Author ID: jpbo