WP Simple Schedule Managerフロント表示方法 Part02

WP Simple Schedule Manager

🎨 表示カスタマイズ方法(CSS編集について)

「WP Simple Schedule Manager」では、ライセンスキー認証済みユーザー向けに、管理画面からスケジュール表示のカスタマイズが可能です。

🛠 管理画面での表示デザイン編集

ライセンスキーが有効化されると、プラグインの管理画面内に「表示デザイン編集」セクションが表示されます。

このセクションでは、以下の4つの表示タイプに対して、個別にCSSを入力してデザインを調整することができます。

対応タブ一覧

タブ名説明
スケジュール個別ページ用各スタッフのスケジュールページ
スケジュール一覧ページ用スタッフ全体のスケジュール一覧
出勤個別ページ用スタッフの出勤状況ページ
出勤一覧ページ用全体の出勤一覧ページ

✏️ CSSの入力方法

各タブにはCSSの入力欄があり、そのままCSSコードを記述することで、即座にサイト上に反映されます。

.wpssm-schedule-table td {
  font-size: 14px;
}

⚠️ ご注意ください
CSSを入力すると、デフォルトのスタイル(初期CSS)は無効になります。すべてのスタイルを自前で記述する必要があります。


📌 注意事項

  • CSSの編集には、CSSの基礎知識が必要です。
  • 表示の崩れや不具合が出る場合、使用中のテーマや他のプラグインのCSSとの競合が原因になることがあります。
  • カスタマイズは、制作会社またはCSSに詳しい方と相談の上で行うことをおすすめします。

🆘 サポートについて

表示カスタマイズについてご不明な点がございましたら、当方でもサポート可能です。お気軽にお問い合わせください。


コメント

タイトルとURLをコピーしました