> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# デザインカスタマイズ

> YiDA専用版が提供するデザインカスタマイズ機能を解説。組織ロゴ・フォームスタイル・フォントサイズ・詳細ページのレイアウト調整に対応し、モバイルとPCでのプレビューを通じて、企業ブランドに合わせたインターフェースを実現できます。

専用版限定

| **機能**        | **Freeプラン** | **ベーシック版** | **プロフェッショナル版** | **専用版** |
| ------------- | ----------- | ---------- | -------------- | ------- |
| 専用版デザインカスタマイズ | 非対応         | 非対応        | 非対応            | 対応      |

組織のブランド特性をより効果的に伝え、業務ニーズに応じたデザインスタイルのカスタマイズを支援するため、YiDA専用版では一部のデザインカスタマイズ機能を開放しています。

## デザインカスタマイズ機能：

### 1. 組織ロゴのカスタマイズ

プラットフォームレベルのデザインカスタマイズとして、メッセージ通知、ナビゲーションバー、およびアプリアイコンに適用可能で、組織専用のロゴを設定できます（JPG/JPEG/GIF/PNG/SVG形式で1MB以下のファイルを組織ロゴとして使用可能）。置き換えたロゴは、**ブラウザ上部タブのアイコンおよびDingTalkアプリ業務通知のメッセージカードのプロフィール写真**に適用できます。

| **ブラウザ上部タブのアイコン** | **DingTalkアプリ業務通知のメッセージカードのプロフィール写真**                                             |
| ----------------- | --------------------------------------------------------------------------------- |
|                   | <br />承認クイックチャットのみ組織ロゴの置き換えに対応。ページクイックチャット、統合と自動化のメッセージノード、プロセスリマインダーカードは現時点では非対応 |

### 2. フォームスタイルのカスタマイズ

フォーム両端のフォントサイズなどのテキストスタイル設定や、レイアウトの配置モードを設定できます。アプリのフォームはPCとモバイルでのレイアウトおよびスタイル調整に対応し、調整結果のプレビューにも対応しています。

ページレイヤーでは、コンポーネントサイズ、タイトル位置、タイトル幅、タイトルフォントの太さ、背景色などの属性について、PCとモバイルのレイアウト／コンポーネントスタイル設定に対応しました。ページレベルのデザインカスタマイズスタイルは、デフォルトでプラットフォームレベルのデザインカスタマイズの属性を読み込みます。一度調整すると、そのページ固有のパーソナライズ設定となります。ページテンプレートから作成またはExcelからインポートされたフォームページは、現時点ではプラットフォームレベルのコンポーネント属性設定の継承に対応していません。

| **モバイル設定** | **PC設定** |
| ---------- | -------- |
|            |          |

デザインカスタマイズのプレビュー結果：

| **モバイル設定** | **PC設定** |
| ---------- | -------- |
|            |          |
|            |          |

フォームページタイプ向けに、カスタムバナーヘッダー機能が新たに追加されました。推奨画像またはカスタムアップロードした画像を使用できます。

| **モバイル設定** | **PC効果** |
| ---------- | -------- |
|            |          |

### 3. フォントサイズスタイルのカスタマイズ

モバイル側では、**現在のページ**のフォントサイズ調整に対応しています。「その他」をタップし、「フォントサイズ調整」設定ボタンをオンにすると、DingTalkの6段階フォントサイズ切り替えと連動します。ユーザーはスライダーをドラッグして適切なフォントサイズを選択できます。この際、フォーム内の「下部操作ボタン、サブフォーム、ユーザーなどのコンポーネント」がすべてリアルタイムに反映されます。

### 4. 詳細ページスタイルのカスタマイズ

レイアウトスタイル：さまざまな業務利用シーンに対応するため、詳細ページの既存の上下レイアウトに加え、専用版のデザインでは**左右レイアウト**を追加しました。承認プロセスをより直感的に表示でき、承認フローの表示効率を向上させます。

| 設定結果                                                                                            | 実行時の表示 |
| ----------------------------------------------------------------------------------------------- | ------ |
| 1. プラットフォーム側で、全アプリのフォーム詳細ページの**デフォルトスタイル**を統一的に設定できます<br /><br />2. アプリ設定で柔軟に再調整することも可能です<br /> |        |