Wix Studio アドオンツールについて
読了時間:3分
Wix Studio では、サイトの構築や管理をより効率的に行うためのさまざまなアドオンツールを提供しています。これらのツールには、要素の配置やページの構成をサポートするデザインガイドや、色覚障害のある方にサイトの色合いがどのように見えるかを確認する「色覚異常シミュレータ」が含まれます。
この記事では、各種アドオンについての情報と、それらの機能について説明します。
![サイトに追加できる各種アドオンが表示されている様子を示したスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/12/19/8a7345a8-1d4b-483e-868d-449210696381/16dffdad-cf15-4bda-b7ef-a7661b8d3bdc.jpeg)
デザインガイド
Wix デザインガイドを使用すると、Wix Studio エディタで行、カラム、またはセルを作成して、サイトをより整理された構造とデザインにすることができます。
ガイドとなるカラム、行、またはグリッドは、各種要素を正確に配置できるよう色付きで表示されますが、これらがライブサイト上に表示されることはありません。
![Wix Studio エディタに「デザインガイド」の「カラム」が表示されている様子を示したスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/13691038-5aa8-4672-9b95-348c0733cabc/2023/06/15/96b4af1a-94fc-4521-8c05-9432531c5c3c/2679c737-801f-4003-a2ce-e116cec726f6.png)
画像の色を取得
「画像の色を取得」アドオンを使用すると、サイト上の画像から独自のカラーパレットを生成することができます。合計 5色を試してみて、自分だけのカラーパレットに変えることができます。好みの色のカラーパレットが生成されたら、それらの色をサイトの要素に使用することができます。
![「画像の色を取得」パネルが表示されている様子を示したスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/12/19/31ef0409-fd3e-4ed8-8e05-3e70060536e8/bb9c118f-6f94-4fa7-b6a2-15fec6d975d2.jpeg)
色覚異常シミュレータ
Wix 色覚異常シミュレータは、色覚障害の種類に応じてサイトの色合いがどのように見えるかを確認できるアドオンです。
![「色覚異常シミュレータ」の UI が表示されている様子を示したスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/12/19/d4ca7cff-9de0-48f6-ae45-26fa2b288d5b/646a4f08-8107-418e-b3ac-531c693b7fd0.jpeg)
タスクリスト
Wix タスクリストアプリは、Wix Studio エディタで完了するタスクのリストを設定し、管理できるアドオン機能です。自分や共同管理者が使用できるサイトに統合された ToDo リストのようなものと考えてください。
![「タスクリスト」パネルが表示されている様子を示したスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/12/19/79bbcdcf-9233-4751-8558-b7f404df52a9/ed07841b-584d-4e15-882a-e3c551252eb5.jpeg)
集中タイマー
Wix 集中タイマーアプリは、時間管理に役立つアドオンアプリです。このタイマーは、作業時間を「集中タイム」と「短い休憩」、「長い休憩」に分けることで、生産性を最大化できるように設計されています。
![「集中タイマー」パネルが表示されている様子を示したスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/12/19/f80ac101-c6df-4d24-97cf-094d0f990055/555e7fdf-c0c5-40df-b92a-b73be944c772.jpeg)
コントラストチェッカー
Wix コントラストチェッカーは、2色のコントラストレベルを確認できるアドオンです。サイトの色が特定の基準と対照的であることを確認することで、サイトのアクセシビリティを向上させることができます。
![「コントラストチェッカー」パネルが表示されている様子を示したスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/12/19/0b5cf61f-7379-4b41-ae2e-a044c5bc9b52/e82e7a92-071a-4208-a482-b7112b8bcab4.jpeg)
カラーセレクション
「カラーセレクション」アドオンを使用すると、サイト上のあらゆる場所から #b0c8d9 などの 16進数カラーコードで色を抽出し、その色をサイトの別の要素に適用することができます。
![「カラーセレクション」パネルが表示されている様子を示したスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/12/19/90246297-7949-4a6c-8d69-aeaa5f4605bd/d9097822-f983-44b7-a861-3285062d56f8.jpeg)
キーボードショートカット
「キーボードショートカット」アドオンを使用すると、Ctrl + C(Cmd + C)などをはじめ、サイトを編集・デザインする際に役立つさまざまなショートカットキーを参照することができます。
![「キーボードショートカット」パネルが表示されている様子を示したスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/12/19/450be514-8612-4225-975c-99c5c9fddfc4/677e3581-5fa6-46d5-b39d-d4f116cc4d1e.jpeg)
お役に立ちましたか?
|