# Assets ディレクトリ

このディレクトリには、WordPress.org のプラグインディレクトリ用のアセットファイル（スクリーンショット、アイコン、バナー）を配置します。

## 📸 スクリーンショット

### 命名規則

#### 英語版（デフォルト）
```
screenshot-1.png    # 管理画面の道案内一覧
screenshot-2.png    # 道案内の編集画面
screenshot-3.png    # フロントエンドでの地図表示
```

#### 日本語版
```
screenshot-1-ja.png    # 管理画面の道案内一覧
screenshot-2-ja.png    # 道案内の編集画面
screenshot-3-ja.png    # フロントエンドでの地図表示
```

### 推奨仕様
- **ファイル形式**: PNG（推奨）または JPG
- **幅**: 1280px（推奨）
- **アスペクト比**: 4:3 または 16:9
- **ファイルサイズ**: 各1MB以下

## 🎨 アイコン（オプション）

プラグインディレクトリで表示されるアイコン画像：

```
icon-128x128.png    # 小サイズ
icon-256x256.png    # 大サイズ（推奨）
icon.svg            # SVGアイコン（最も推奨）
```

### 仕様
- **サイズ**: 256×256px
- **形式**: PNG または SVG
- **背景**: 透明または白

## 🖼️ バナー（オプション）

プラグインページのヘッダーバナー：

```
banner-772x250.png     # 低解像度
banner-1544x500.png    # 高解像度（Retina対応）
```

### 仕様
- **サイズ**: 772×250px（標準）、1544×500px（高解像度）
- **形式**: PNG または JPG
- **デザイン**: プラグインのブランディングに合わせる

## 📝 readme.txt との対応

`readme.txt` の Screenshots セクションに対応：

```
== Screenshots ==

1. Directions list in the admin panel
2. Direction edit screen
3. Map display on the frontend
```

この順番でスクリーンショットが表示されます。

## 🚀 アップロード方法

WordPress.org の SVN リポジトリにコミットする際、このディレクトリの内容を `/assets/` ディレクトリにアップロードします。

### SVN構造例
```
/trunk/
  ├── give-directions.php
  ├── readme.txt
  └── ...
/assets/
  ├── screenshot-1.png
  ├── screenshot-1-ja.png
  ├── icon-256x256.png
  └── banner-772x250.png
```

## 💡 ヒント

1. **英語版を優先**: グローバル展開を考慮
2. **高品質な画像**: プラグインの第一印象を決める
3. **統一感**: アイコン、バナー、スクリーンショットのデザインを統一
4. **圧縮**: PNGはTinyPNGなどで最適化