Wix Studio アドオンツールについて
読了時間:3分
Wix Studio では、サイトの構築や管理をより効率的に行うためのさまざまなアドオンツールを提供しています。これらのツールには、要素の配置やページの構成をサポートするデザインガイドや、色覚障害のある方にサイトの色合いがどのように見えるかを確認する「色覚異常シミュレータ」が含まれます。
この記事では、各種アドオンについての情報と、それらの機能について説明します。

デザインガイド
Wix デザインガイドを使用すると、Wix Studio エディタで行、カラム、またはセルを作成して、サイトをより整理された構造とデザインにすることができます。
ガイドとなるカラム、行、またはグリッドは、各種要素を正確に配置できるよう色付きで表示されますが、これらがライブサイト上に表示されることはありません。

画像の色を取得
「画像の色を取得」アドオンを使用すると、サイト上の画像から独自のカラーパレットを生成することができます。合計 5色を試してみて、自分だけのカラーパレットに変えることができます。好みの色のカラーパレットが生成されたら、それらの色をサイトの要素に使用することができます。

色覚異常シミュレータ
Wix 色覚異常シミュレータは、色覚障害の種類に応じてサイトの色合いがどのように見えるかを確認できるアドオンです。

タスクリスト
Wix タスクリストアプリは、Wix Studio エディタで完了するタスクのリストを設定し、管理できるアドオン機能です。自分や共同管理者が使用できるサイトに統合された ToDo リストのようなものと考えてください。

集中タイマー
Wix 集中タイマーアプリは、時間管理に役立つアドオンアプリです。このタイマーは、作業時間を「集中タイム」と「短い休憩」、「長い休憩」に分けることで、生産性を最大化できるように設計されています。

コントラストチェッカー
Wix コントラストチェッカーは、2色のコントラストレベルを確認できるアドオンです。サイトの色が特定の基準と対照的であることを確認することで、サイトのアクセシビリティを向上させることができます。

カラーセレクション
「カラーセレクション」アドオンを使用すると、サイト上のあらゆる場所から #b0c8d9 などの 16進数カラーコードで色を抽出し、その色をサイトの別の要素に適用することができます。

キーボードショートカット
「キーボードショートカット」アドオンを使用すると、Ctrl + C(Cmd + C)などをはじめ、サイトを編集・デザインする際に役立つさまざまなショートカットキーを参照することができます。
