# POS画面の概要

POS画面は製品を販売するための主要なインターフェースです。WCPOSを使用しているときに最も多くの時間を過ごす場所です。

<!-- -->

## 画面レイアウト[​](#screen-layout "画面レイアウトへの直接リンク")

### ヘッダー[​](#header "ヘッダーへの直接リンク")

ヘッダーバーには以下が表示されます：

* **店舗名** - 接続されているWooCommerceストアの名前
* **接続性インジケーター** - サーバーに接続されているときは緑のドット、オフラインのときは黄色/赤
* **ユーザーメニュー** - 設定にアクセスしたり、ユーザーを切り替えたり、ログアウトしたりするためにクリック

### ナビゲーションドロワー[​](#navigation-drawer "ナビゲーションドロワーへの直接リンク")

左側のサイドバーからすべての主要画面に迅速にアクセスできます：

| アイコン | 画面         | 説明                                 |
| -------- | ------------ | ------------------------------------ |
|          | **POS**      | 主な販売インターフェース（ここです） |
|          | **商品**     | 在庫管理（Pro）                      |
|          | **注文**     | 注文履歴（Pro）                      |
|          | **顧客**     | 顧客管理（Pro）                      |
|          | **レポート** | 売上レポート（Pro）                  |
|          | **ログ**     | デバッグ用のシステムログ             |
|          | **サポート** | Discordサポートチャンネル            |

バージョン番号はドロワーの下部に表示されます。

## レスポンシブレイアウト[​](#responsive-layout "レスポンシブレイアウトへの直接リンク")

WCPOSはさまざまな画面サイズに適応します：

### デスクトップ / タブレット（大画面）[​](#desktop-tablet-large-screens "デスクトップ / タブレット（大画面）への直接リンク")

大画面では、POSは**二列レイアウト**を表示します：

* **左列:** 商品パネル - 商品を検索・閲覧
* **右列:** カートパネル - 現在の注文を表示・管理

カラムは**サイズ変更可能**です - 列間の仕切りをドラッグして比率を調整します。

<!-- -->

### モバイル（小画面）[​](#mobile-small-screens "モバイル（小画面）への直接リンク")

小画面では、POSは**タブベースのレイアウト**を使用します：

* **商品タブ:** 商品を閲覧し、カートに追加
* **カートタブ:** カートを表示し、アイテムを管理し、チェックアウト

画面下部のナビゲーションバーを使ってタブ間を切り替えます。

<!-- -->

## 主なコンポーネント[​](#main-components "主なコンポーネントへの直接リンク")

### 商品パネル[​](#product-panel "商品パネルへの直接リンク")

POSの左側は[商品パネル](/ja/pos/product-panel/.md)で、以下を行います：

* 名前、SKU、またはバーコードで商品を検索
* 在庫状況、カテゴリ、タグなどで商品をフィルター
* カートに商品を追加

[商品パネルについてさらに学ぶ →](/ja/pos/product-panel/.md)

### カートパネル[​](#cart-panel "カートパネルへの直接リンク")

POSの右側は[カートパネル](/ja/pos/cart/.md)で、以下を行います：

* 現在の注文に含まれているアイテムを表示
* 数量や価格を編集
* 顧客を選択または追加
* 注文アクション（メモ、無効、チェックアウト）にアクセス

[カートパネルについてさらに学ぶ →](/ja/pos/cart/.md)

### チェックアウト[​](#checkout "チェックアウトへの直接リンク")

販売を完了する準備ができたら、**チェックアウト**をクリックして[チェックアウトモーダル](/ja/pos/checkout/.md)を開きます：

* クーポンコードを適用
* 支払い方法を選択
* 支払いを処理
* 領収書を印刷またはメール

[チェックアウトについてさらに学ぶ →](/ja/pos/checkout/.md)

## キーボードショートカット[​](#keyboard-shortcuts "キーボードショートカットへの直接リンク")

WCPOSは迅速な操作のためにキーボードショートカットをサポートしています。全ショートカットのリストは設定モーダルからアクセスできます。または[キーボードショートカット](/ja/settings/store/hotkeys.md)を参照してください。

一般的なショートカット：

| ショートカット     | アクション                  |
| ------------------ | --------------------------- |
| `Ctrl + F`         | 検索バーにフォーカス        |
| `Ctrl + Shift + S` | 設定を開く                  |
| `Escape`           | モーダル/ダイアログを閉じる |

## 接続性[​](#connectivity "接続性への直接リンク")

ヘッダーの緑のインジケーターは接続状態を示します：

* **緑** - WooCommerceサーバーに接続されています
* **黄色** - 接続に問題、再接続中
* **赤** - オフラインモード

オフラインの間でもキャッシュされた商品や顧客を閲覧し、新しい注文を開始することが可能です。注文を完了するには接続が必要です。

***