概要
このモジュールは、「Attendance Manager」プラグインにおいて、各スタッフごとの登録済みスケジュールの一覧を表示するものです。
目次
主な機能
- 各スタッフの登録済みの出勤スケジュールを、個別に一覧表示します
- 複数のユーザーIDを指定することで、複数のスタッフの分を合わせて表示できます
- 名前の表示/非表示を指定することができます
価格
使用するサイト1つにつき | 5,500円(税込) |
スクリーンショット
確認済み動作条件
- WordPress 5.3.2 ~ 5.4
- Attendance Manager プラグイン Ver 0.5.8 以降
- 必須PHPバージョン 5.5 以上 (Attendance Managerに同じ)
- Attendance Manager プラグインの有効化が必要です
- 他の拡張モジュールの機能は取り込んでいません
インストールと有効化
すでに何らかのサービスが本稼働中の「本番サイト」に導入される場合は特に、別途テスト環境を準備して事前に十分な試用と確認をされることをおすすめします。バックアップもお忘れなく。
- WordPress 5.0 をお使いになられる場合は、Gutenbergエディタを使わず、Classic Editor を使われることをおすすめします。(WP5.0でのClassic Editor の使い方へ)
あらかじめ「Attendance Manager」 プラグインを有効化しておきます
その上で、管理画面「プラグイン:新規追加」を開きます
「プラグインのアップロード」を開きます
「ファイルを選択」で、ダウンロードした「attmgr-ext-schedule-list.zip」を選びます
「今すぐインストール」を押します
「プラグインを有効化」します
ショートコード [attmgr_schedule_list id="xx"] が使用できるようになります
FTPでアップロードする場合
ダウンロードしたファイルを解凍します。
WordPressのプラグインディレクトリ(/wp-content/plugins/)に"attmgr-ext-schedule-list"フォルダをアップロードします。
"ATTMGR Extension: Schedule List"プラグインを有効化します。
スタッフ別スケジュール一覧の設置
スタッフ別スケジュール一覧を表示させるには、任意の固定ページや投稿(例えば、スタッフ紹介記事など)の本文に、ショートコード [attmgr_schedule_list id="xx" showname="x"] を挿入します。
※「id="xx"」は、スタッフのユーザーID(整数)を指定します
1 2 3 |
... [attmgr_schedule_list id="3"] ... |
ショートコードのパラメータ
パラメータ | 役割 | ショートコード例 |
---|---|---|
id | 対象スタッフのID(単独) | [attmgr_schedule_list id="3"] |
対象スタッフのID(複数) | [attmgr_schedule_list id="3,5,6" showname="1"] | |
showname | 対象スタッフの名前表示 | [attmgr_schedule_list id="3,5,6" showname="1"] |
省略時は非表示 | [attmgr_schedule_list id="3"] |
対象スタッフのIDを複数指定すると、1つの表にまとめて表示させることができます。
複数スタッフ(複数アカウント)のスケジュールをまとめたときに、名前がないと判別がつかない場合は、パラメータ showname="1" を加えます。
例)1人分を表示
例)複数人分を表示
テンプレートやウィジェットでのショートコードの使用
テンプレート内に表示させる場合は、do_shortcode() を使います。
1 2 3 |
... <?php echo do_shortcode('[attmgr_schedule_list id="3"]'); ?> ... |
ウィジェット内で do_shortcode() を使用する場合は、お使いのテーマの「functions.php」に、以下のようにフィルターを追加します。
1 2 3 |
... add_filter('widget_text', 'do_shortcode' ); ... |
スタイル設定を変更する
スタッフ別スケジュール一覧で複数人分を表示する際、スタッフごとにカラーを変更したい場合は、以下のようなスタイル設定をされるとよいでしょう。
1 2 3 4 5 6 7 8 9 10 11 12 13 |
... <style type="text/css"> /* sid-に続く数字はユーザーID(整数)です */ /* ID 3の人 */ .schedule-list-sid-3 .schedule-list-name { background-color:#9cf; } /* ID 5の人 */ .schedule-list-sid-5 .schedule-list-name { background-color:#fc9; } </style> ... |
更新情報
- 2020-04-16 スタッフ別スケジュール一覧モジュール Ver 1.0.0