top of page

Web デザインツールの 新しいスタンダード

ワイヤーフレームからプロダクションまで Web デザインのプロセスをどこまでもシームレスに。洗練されたレスポンシブ CSS をドラッグ＆ドロップで実現できます。

*Editor X はまもなく、制作会社向け・フリーランサー向けの新ソリューション「Wix Studio」に移行します。詳細はこちら

紫のグラデーション背景に表示されたグリッドのイメージ
グリッドが表示されたダークブルーの背景。グリッドは紫および青色でマージンとカラムがあり、その下には別のセクションを追加するためのアイコンを配置
もっと見る」CTA ボタンと、パーツをドッキングする点線が左と中央上に表示された青いグラデーション背景の画像

完全プロ仕様の デザイン機能

柔軟なグリッドレイアウト、カスタムインタラクション、完全なブレークポイント制御で各パーツの位置と動作を正確に指定し、どの表示領域でも美しく見えるサイトを制作できます。

要素設定パネルが表示された画像
上部に横長のメニューがある Web サイトのイメージ。2列構成。左側には人の横顔の画像と、その画像の下半分にボックスを表示。右側にはタイトルと、内側にテキストが配置された円を紫のグラデーション背景上に表示
Image showing website for headphones. On the Right image showing a green background with a person, turned to the left, facing towards the camera. , a horizontal menu at the top. On the left, there is an image on a black background with text over it at the top. At the bottom, is a white and grey background with headphones on it.
ヘッドフォンの Web サイト画像。右側：青色のグラデーション画像。上部：横長のメニュー。左側上半分：黒背景の画像にテキストを表示。下半分：白とグレー背景の上にヘッドフォンのイメージを表示
緑の背景に、左向きで顔をカメラの方に向ける人が表示された画像
ヘッドフォンの Web サイト画像。右側：青色のグラデーション画像。上部：横長のメニュー。左側上半分：黒背景の画像にテキストを表示。下半分：白とグレー背景の上にヘッドフォンのイメージを表示
ヘッドフォンの Web サイト画像。右側：青色のグラデーション画像。上部：横長のメニュー。左側上半分：黒背景の画像にテキストを表示。下半分：白とグレー背景の上にヘッドフォンのイメージを表示
上部に横長のメニューがある Web サイトのイメージ。2列構成。左側には人の横顔の画像を表示。右側にはタイトルと、内側にテキストが配置された円を紫のグラデーション背景上に表示
ヘッドフォンの Web サイト画像。右側：青色のグラデーション画像。上部：横長のメニュー。左側上半分：黒背景の画像にテキストを表示。下半分：白とグレー背景の上にヘッドフォンのイメージを表示
ヘッドフォンの Web サイト画像。右側：青色のグラデーション画像。上部：横長のメニュー。左側上半分：黒背景の画像にテキストを表示。下半分：白とグレー背景の上にヘッドフォンのイメージを表示
上部に横長のメニューがある Web サイトのイメージ。2列構成。左側には人の横顔の画像を表示。右側にはタイトルと、内側にテキストが配置された円を紫のグラデーション背景上に表示

各業界で急成長するさまざまなブランドに選ばれています。

Editor X はウクライナをサポートします

共同作業を大幅に 効率化

デザインライブラリの共有、リアルタイムのコメント機能、役割・アクセス許可設定など便利な機能がたくさん。デザインの一貫性を維持しながら、チームのより良いコラボレーションを支援します。

正面を向いた人が表示された円形の画像。画像の周りは青い円形の線で囲まれ、円の右上には青いドットが見える

マリー・ウィックス

[email protected]

コメント

...

テキスト

image of person in a circle facing the camera. There is a blue circle round the image.

マリー・ウィックス

2時間前

このタイトルのカラーを変更しませんか？

7件の返信

→

circular im正面を向いている人の円形画像。画像の周りに紫色の円形の線が見えるage of person facing the camera. The circle has a colored circle round it.

クルティス・グリーン

[email protected]

正面を向いている人の円形画像。画像の周りはオレンジの円形の線で囲まれ、円の右上にはオレンジのドットが見える

ジョン・スミス

[email protected]

コメント

...

画像

image of person in a circle facing the camera. There is an orange circle round the image.

ジョン・スミス

2時間前

ここの画像を別のものに変更しましょう

7件の返信

→

circular imag正面を向いている人の円形画像。画像の周りは赤色の円形の線で囲まれ、円の右上には赤のドットが見えるe of person facing the camera. The circle has a colored circle round it.

ステファニー・ミラー

[email protected]

コメント

...

テキスト

image of person in a circle facing the camera. There is a red circle round the image.

ステファニー・ミラー

1時間前

フォントを130pxにしませんか？

7件の返信

→

正面を向いている人の円形画像。画像の周りは緑色の円形の線で囲まれ、円の右上には緑のドットが見える

ジャクソン・ウィックス

[email protected]

コメント

...

コンテナ

image of person in a circle facing the camera. There is a green circle round the image.

ジャクソン・ウィックス

2時間前

このコンテナを2つ目のセクションに移しましょう

7件の返信

→

正面を向いている人の円形画像。画像の周りに青色の円形の線が見える

ローラ・アンガス

[email protected]

ローラ・アンガス

コンテンツ編集者

image of person in a circle facing the camera. There is a blue circle around the image.
正面を向いている人の円形画像。画像の周りに青色の円形の線が見える

トビー・ヒルマン

[email protected]

コメント

...

テキスト

image of person in a circle facing the camera. There is a blue circle round the image

トビー・ヒルマン

5時間前

上のテキストと同じ青色に変更しましょう

5件の返信

→

正面を向いている人の円形画像。画像の周りはピンクの円形の線で囲まれ、円の右上にはピンクのドットが見える

シャーロット・パイン

[email protected]

コメント

...

テキスト

image of person in a circle facing the camera. There is a pink circle round the image

シャーロット・パイン

4時間前

テキストを画像の上に移動してください

3件の返信

→

正面を向いている人の円形画像。左には画像を連結する3点ドットが見える

ジョン・ヘンツ

[email protected]

サイトで共同作業する4人のユーザーのアバタ―画像と、「+4」と表示された円形の画像。その隣には「プレビュー」と書かれたテキストと公開ボタン
デザインライブラリ内の現在のテーマである見出し1、フォント、ピクセルサイズが表示された画像
青文字の「デザインライブラリを新規作成」と、その上に＋マークが表示された画像
デザインライブラリ内のカラーテーマが表示された画像。カラーパレットは4種類
サイトで共同作業する4人のユーザーのアバタ―画像と、「+4」と表示された円形の画像。その隣には「プレビュー」と書かれたテキストと公開ボタン
サイトで共同作業する4人のユーザーのアバタ―画像と、「+4」と表示された円形の画像。その隣には「プレビュー」と書かれたテキストと公開ボタン
デザインライブラリ内の現在のテーマである見出し1、フォント、ピクセルサイズが表示された画像
image showing website for photography classes with a repeater layout. There are 3 images with text and CTAs beneath each one. The floating action bar is visible for the change layout.

高度な CMS と連携

コンテンツを豊富に使用した動的な Web サイトの構築にも最適です。バックエンドのコレクションであらゆる種類のコンテンツを管理し、同一のレスポンシブ対応レイアウトで繰り返し表示できます。

CMS のデータベースに関連する2枚の画像。5つのカラムに写真クラスについての情報が入力されている
リピーターレイアウトを使用した、写真クラスの Web サイト画像。3枚の画像それぞれの下にテキストと CTA を表示。レイアウトを変更できるフローティングアクションバーも表示されている
CMS のデータベースに関連する2枚の画像。5つのカラムに写真クラスについての情報が入力されている
リピーターレイアウトを使用した、写真クラスの Web サイト画像。3枚の画像それぞれの下にテキストと CTA を表示。レイアウトを変更できるフローティングアクションバーも表示されている
thumbnail of black and white image of landscape on a black background
黒背景の上に、モノクロの風景画像が表示されたサムネイル
アニメーション効果を追加した、キャンバス上の青色のグラデーション画像。コードのカスタマイズについてのヘッダー、サブヘッダー、その下に白色の CTA ボタンを表示
px

コードを自由にカスタマイズ

機能拡張やビジネスロジックの追加も自由自在。JavaScript や外部 API を利用して、あらゆるパーツや仕様に対応する複雑な Web アプリケーションを構築できます。

ホームページのコードヘッダーと、その下にコードが表示された画像
ホームページのコードヘッダーと、その下にコードが表示された画像
image showing home page code header, with code beneath it.

コードスニペットをクリップボードにコピーしました

マーケティング＆ ビジネス機能

最新の Eコマースツール、予約システム、ブログなどを追加してサイトの機能をさらに充実させましょう。高度な SEO やマーケティングツールに加えて、サイトに必要なアップデートやセキュリティ体制も万全です。

→ ストア

→ ストア

右向きで顔をカメラの方に向ける人が表示された画像。画像の下部には、アイテムや価格などカートの情報が表示されたボックスを配置
右向きで顔をカメラの方に向ける人が表示された画像。画像の下部には、アイテムや価格などカートの情報が表示されたボックスを配置

→ ブログ

→ ブログ

青色のグラデ
青色のグラデ

→ ブッキング

→ ブッキング

ワークアウトクラスの3つのオプションと、その価格、所要時間が表示されたボックス。各クラスを今すぐ予約できるボタンも。それぞれのクラスには関連する画像があり、1枚目の画像の上に31と書かれた小さなアイコンを重ねて表示
ワークアウトクラスの3つのオプションと、その価格、所要時間が表示されたボックス。各クラスを今すぐ予約できるボタンも。それぞれのクラスには関連する画像があり、1枚目の画像の上に31と書かれた小さなアイコンを重ねて表示

→ SEO

→ SEO

ワークアウトクラスの3つのオプションと、その価格、所要時間が表示されたボックス。各クラスを今すぐ予約できるボタンも。それぞれのクラスには関連する画像があり、1枚目の画像の上に31と書かれた小さなアイコンを重ねて表示
ワークアウトクラスの3つのオプションと、その価格、所要時間が表示されたボックス。各クラスを今すぐ予約できるボタンも。それぞれのクラスには関連する画像があり、1枚目の画像の上に31と書かれた小さなアイコンを重ねて表示

→ メルマガ配信

→ メルマガ配信

青と黒の背景で、ヘッダーとテキストの下に「今すぐ購入」ボタンが表示されたアパレル Webサイトの画像。下部にはグレー背景にシルバーのジャケットを着用した左向きの人の写真を表示
青と黒の背景で、ヘッダーとテキストの下に「今すぐ購入」ボタンが表示されたアパレル Webサイトの画像。下部にはグレー背景にシルバーのジャケットを着用した左向きの人の写真を表示

Editor X デザインスタジオが制作した ホームページテンプレート

豊富な種類のテンプレートから選択することも、白紙の状態から制作することも可能です。

image of clothing website with a header and text plus a shop now button beneath it on a blue/black background. At the bottom is an image of a person facing to the left wearing a silver jacket on a grey background
image of clothing website with a header and text plus a shop now button beneath it on a blue/black background. At the bottom is an image of a person facing to the left wearing a silver jacket on a grey background

Editor X で制作された  Web サイトをご紹介します

アカデミーX

チュートリアル動画、レッスン、エクササイズ、ウェビナーなど役立つリソースが満載のオンラインアカデミーで、自分のペースとスタイルに合わせて Editor X のスキルを学びましょう。

Editor X コミュニティ

クライアントワークに Editor X を使用しているクリエイターたちとつながり、インスピレーションや新しいビジネスチャンスを見つけましょう。

コミュニティX

Web デザイナーや Editor X の専門家が集まるコミュニティに参加して、気になることを質問したり自分の実績を共有しましょう。

Shaping Design

世界中で活躍するクリエイターたちが、デザインやテクノロジーに関するさまざまなトピックの記事を発信しています。

パートナープログラム

パートナープログラムに参加して新規クライアントを獲得し、サイト制作からポイントを獲得しましょう。獲得したポイントに応じてカスタムブランディングやクライアント請求、レベニューシェアなどの限定特典が得られます。

→ ホスティング＆セキュリティ

Editor X で制作された Web サイトはすべて、最高レベルの国際セキュリティ基準に準拠した、世界中に拠点を置くクラウドサーバーでホスティングされています。

→ 信頼性の高いサーバー

業界屈指の稼働率を誇るサーバーにより、Web サイトのスムーズな動作とパフォーマンスを維持します。

→ 開発プロセスを高速化

Editor X の利用でサイト制作がより効率的かつスケーラブルに。Web サイトをすばやく構築・公開し、マーケットの状況に応じて簡単に調整できます。

Editor X

Web デザインを、どこまでも自由に

bottom of page