概要
このモジュールは、「Attendance Manager」プラグインにおいて、出勤予定で日ごとの「勤務先(店舗など)」を選択できるようにするものです。
もし、「出勤時は出勤先の店名"◯◯店"、お休みの日は"休み"と表示させたい」場合は、「出欠状態表示モジュール」のみで対応することができます。
[参考記事] 出勤時は"◯◯店"、お休みは"休"と表示させたい
目次
主な機能
- プラグイン設定で、選択できる「勤務先」を編集できます
- スケジュールの登録の際、日ごとの「勤務先」を選択できます
- 「週間スケジュール」や「本日の出勤状況」に「勤務先」が追記されます
- その日の勤務先ごとの「本日の出勤状況」を表示できます
- 「勤務先」以外の用途(日ごとの担当科・行き先・記号など)にも使えます
価格
使用するサイト1つにつき | 12,100円(税込) |
スクリーンショット
確認済み動作条件
- WordPress 4.5.3 以降
- Attendance Manager プラグイン Ver 0.5.2 以降
- 必須PHPバージョン 5.5 以上 (Attendance Managerに同じ)
- Attendance Manager プラグインの有効化が必要です
- 「出勤順表示モジュール」「CSV読込モジュール」「CSV出力モジュール」のみ併用ができます
インストールと有効化
すでに何らかのサービスが本稼働中の「本番サイト」に導入される場合は特に、別途テスト環境を準備して事前に十分な試用と確認をされることをおすすめします。バックアップもお忘れなく。
- WordPress 5.0 をお使いになられる場合は、Gutenbergエディタを使わず、Classic Editor を使われることをおすすめします。(WP5.0でのClassic Editor の使い方へ)
管理画面「プラグイン:新規追加」を開きます
「プラグインのアップロード」を開きます
「ファイルを選択」で、ダウンロードした「attmgr-ext-workplace.zip」を選びます
「今すぐインストール」を押します
「プラグインを有効化」します
プラグインメニュー「Attendance Manager」に「勤務先設定」が追加されます。
FTPでアップロードする場合
ダウンロードしたファイルを解凍します。
WordPressのプラグインディレクトリ(/wp-content/plugins/)に"attmgr-ext-workplace"フォルダをアップロードします。
"ATTMGR Extension: Workplace"プラグインを有効化します。
プラグイン設定
プラグインメニュー「Attendance Manager:勤務先設定」では、スケジューラでの日ごとの「勤務先」の選択肢(A店・B店など)を設定します。(勤務先ごとに改行します)
出勤管理
出勤予定の登録では、日ごとの「勤務先」が選択できるようになっています。
出勤管理:管理者
出勤管理:スタッフ
スケジュールの表示
選択された日ごとの「勤務先」は、以下のスケジュール表に反映されます。
本日の出勤状況
ショートコードに「shop」パラメータを追加すると、出勤先ごとの「本日の出勤状況」を表示することができます。
[attmgr_daily shop="店舗A"] など
週間スケジュール:全体
週間スケジュール:スタッフ別
独自のショートコード
スタッフの本日の出勤先の表示
ショートコード [attmgr_today_place id="xx"] を挿入すると、「id」で指定したスタッフの、本日の出勤先を表示します。
1 2 3 |
... 本日の出勤先:[attmgr_today_place id="5"]<br> ... |
本日出勤:店舗A
本日出勤:--
このショートコードには、以下のパラメータを指定することができます。
パラメータ | 例 | 説明 |
---|---|---|
id (必須) | 5 | スタッフを指定するID(整数) |
none | "--" | 出勤情報がない(休み)の場合に表示される文字列 省略時は何も表示されません |
勤務先ごとの背景色 Ver 1.0.8 以降
Ver 1.0.8 から、以下のショートコードが出力するHTMLにクラスが追加されました。
お使いのテーマの style.css などにスタイルを追加すると、勤務先ごとの背景色を指定することもできます。
- [attmgr_weekly id="xx"]
- [attmgr_daily guide="1week"]
- [attmgr_weekly_all]
CSS設定例
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
.attmgr-workplace { display: block; margin: 2px; padding: 2px; width: 100%; color: #fff; } .attmgr-workplace-0 { background-color: #5599cc; } .attmgr-workplace-1 { background-color: #ee9933; } .attmgr-workplace-2 { background-color: #559966; } |
表示例
更新情報
- 2020-01-05 勤務先指定 Ver 1.0.8
- 2019-11-13 勤務先指定 Ver 1.0.7
- 2019-05-24 勤務先指定 Ver 1.0.6
- 2019-04-30 勤務先指定 Ver 1.0.5
- 2018-06-26 勤務先指定 Ver 1.0.4