Title: フロントページの大きなナビゲーション プラグイン

フロントページやプロフィール ページのダッシュボードに大きなアイコン付きのナビゲーションを表示します。

FP Big Nav Example



インストール



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



サーバーセットアップ > プラグインのページの「新規プラグインのインストール」で .zip ファイルを選択してアップロードします。

アップロードが完了すると、「インストール済みプラグイン」の一覧に「I18N ERROR」が表示されますが、これはプラグイン中の日本語ファイルがまだ動作に反映されていないために表示されるエラーです。

I18n Error

サーバーセットアップ > 一般 > サーバー管理 の [TeamPage の再起動] ボタンをクリックして TeamPage を再起動してください。TeamPage の再起動が完了すると、このエラーは表示されなくなります。TeamPage クラウドでは再起動が2回必要です。

サーバーセットアップ > プラグイン のページを開き、[フロントページの大きなナビゲーション] が表示されていることを確認します。



以上でインストールは完了です。

動作例



フロントページ（すべてのスペース > ダッシュボード ページ）の一番上に下図のような大きなアイコンのナビゲーションが表示されます。



設定



設定画面の表示



プラグインの [設定] をクリックします。



下図の設定画面が表示されます。



設定項目の詳細



色



アイコンの背景色を選択します。

大きさ



アイコンの大きさを選択します。

メニュー項目



[既定値を使用] チェックボックスをオフにすると、ナビゲーションに表示されるメニューの種類（アイコンの種類）を選択できます。



右側の [選択済み] 欄に表示されている項目が実際の画面にメニューとして表示されます。

CRM、PMCRM、日報 (DailyJournal)、日報 (DailyReport)、電話メモなどのメニューを正しく動作させるには、別途プラグインのインストールが必要です。



特別な追加 HTML コード



ここにアイコンを表示するための HTML コードを記入してください。上記 [メニュー項目] で選択された項目の後ろに表示されます。

例えば、次のような HTML を記入すると…

<li class="li-status">
  <a href="javascript:void(0);" class="nav-link desert" rg="a#form&amp;form=status" title="近況アップデートを投稿する">
  <span class="nav-image comment-plus stack">
    <i class="stack-icon"></i>
    <i class="stack-circle"></i>
    <i class="stack-plus"></i>
  </span>
  <span class="nav-text">近況の追加</span></a>
</li>


実際のナビゲーションには次のように表示されます。

特別な項目を追加

セクション タイトルを表示



ここで [はい] を選択すると、ナビゲーションの上にセクション タイトルが表示されます。

セクション タイトル

セクション タイトルのテキスト



上記 [セクション タイトルを表示] で [はい] が選択されているとき、ここで設定されたテキストがセクション タイトルとして表示されます。

プロフィール ページの [ダッシュボード] タブに表示



ユーザーのプロフィールページの [ダッシュボード] タブにもナビゲーションを表示するかどうかを選択できます。

ユーザーのプロフィールページの [ダッシュボード] タブは、既定で非表示になっているのでご注意ください。[ダッシュボード] タブを表示するには、次の設定を行います。



[Proteus ユーザー プロフィール タブ] の [既定値を使用] チェックボックスを外し、[ダッシュボード] を左側から右側の欄へ移動させ、[適用] をクリックします。

右側へ移動



Attachments:
fpbignav_require_restart.png
fpbgnav_install_completed.png
fpbignav_example.png
fpbignav_1.png
enter_config_view.png
fpbignav_config_view.png
turn_off_checkbox.png
special_menu_item.png
section_title.png
move_to_right.png
関連記事
参照している (5)
Download2081: 日報フォーム プラグイン (バージョン 2.x)DocPMCRM1: TeamPage PMCRM マニュアルDownload1616: 日報フォーム (カレンダー対応) プラグインDownload1207: 電話メモ プラグインDocCRM1: TeamPage CRM マニュアル
Article: Download2245 (permalink)
Categories: :DocJp:プラグイン
Date: 2019/02/14; 17時40分11秒 JST

Author Name: TeamPage サポート
Author ID: jpbo