![](https://static.wixstatic.com/media/b1cfed_0c7d25e6cf2341f4a959404b34807bb4~mv2.png/v1/fill/w_49,h_22,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/b1cfed_0c7d25e6cf2341f4a959404b34807bb4~mv2.png)
サイトの基盤をスムーズに構築
プリセットやテンプレートを使用するか、ゼロから必要なコンテンツ構造を構築。CSV からコンテンツをインポートしたり、テキスト、画像、リッチコンテンツなどを手動でアップロードできます。
デザインに接続
Wix Studio エディタで自由にデザインを作成し、コレクションを接続して動的コンテンツを表示できます。繰り返し表示のレイアウトを作成したり、フィルターを追加したり、サイト訪問者からコンテンツを収集したりと、さまざまな動作をノーコードで実装できます。
引き継ぎもシームレスに
直観的に使えるダッシュボードを使用して、クライアント側でデザインを変更せずにコンテンツだけを管理できます。PC はもちろん、モバイルアプリからもサイトの更新が可能です。
プリセットで制作効率を向上
すぐに使える既成のレイアウトや、独自のコンテンツ・デザインでカスタマイズ可能なコレクションを使って、より速くサイトを構築できます。
![An example layout for a website section featuring team members.](https://static.wixstatic.com/media/0d6674_982e575bdd154a1082c80294a58536bc~mv2.jpg/v1/fill/w_147,h_147,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Preset%2001%20-%20Team.jpg)
![A example layout for the “Our projects” section of a website with images, text and a description displayed in a uniform layout.](https://static.wixstatic.com/media/0d6674_a8465a48bf554e7dba87cad39ef6a1c6~mv2.jpg/v1/fill/w_147,h_147,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Preset%2004%20-%20Portfolio.jpg)
![An example layout for a blog listing page.](https://static.wixstatic.com/media/0d6674_9727043675bf43c8b0019d2eb93559bb~mv2.jpg/v1/fill/w_147,h_147,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Preset%2002%20-%20Latest%20News.jpg)
![](https://static.wixstatic.com/media/0d6674_11f054a955824fc59d05a144b68a9aba~mv2.jpg/v1/fill/w_147,h_147,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Preset%2004%20-%20Portfolio.jpg)
求める機能に応じてサイトを拡張
1 import wixData from 'wix-data';
2 import { addDays } from 'public/utils';
3 $w.onReady(function () {
4 $w("#search").onClick(async () => {
5 const origin = $w("#origin").value;
6 const destination = $w("#destination").value;
7 const departDate = new Date($w("#depart").value);
8 const returnDate = new Date($w("#return").value);
9 const numberOfTravelers = $w("#travelers").value;
10 const { items: foundFlights } = await wixData
11 .query("availableFlights")
12 .eq("origin", origin)
13 .eq("destination", destination)
14 .between('departDate', addDays(departDate, 1),
15 addDays(departDate, -1))
16 .between('returnDate', addDays(returnDate, 1),
17 addDays(returnDate, -1))
18 .ge("availableSeats", numberOfTravelers)
19 .find()
20 renderResults(foundFlights);
21 });
22 });
import wixData from 'wix-data';
import { addDays } from 'public/utils';
$w.onReady(function () {
$w("#search").onClick(async () => {
const origin = $w("#origin").value;
const destination = $w("#destination").value;
const departDate = new Date($w("#depart").value);
const returnDate = new Date($w("#return").value);
const numberOfTravelers = $w("#travelers").value;
const { items: foundFlights } = await wixData
.query("availableFlights")
.eq("origin", origin)
.eq("destination", destination)
.between('departDate', addDays(departDate, 1),
addDays(departDate, -1))
.between('returnDate', addDays(returnDate, 1),
addDays(returnDate, -1))
.ge("availableSeats", numberOfTravelers)
![An example website for a luxury travel agency. There’s a search bar where users can enter their destination, dates and number of travelers, demonstrating the ways you can use the Wix Data API to work with complex content.](https://static.wixstatic.com/media/0d6674_27a3a93cbed447c7adf4e605dc8d113b~mv2.jpg/v1/fill/w_147,h_83,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/New.jpg)
![](https://static.wixstatic.com/media/0d6674_bfc66b8f69f549298fb956e12ebef98f~mv2.jpg/v1/fill/w_155,h_87,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/tablet.jpg)
![](https://static.wixstatic.com/media/0d6674_22fd36fa413146bda3bd6efabc929e64~mv2.jpg/v1/fill/w_108,h_60,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/mobile.jpg)
デザインに触れずにコンテンツのみを更新
引き継ぎが終わり、クライアント側でサイトを変更する場合もサイトのデザインが崩れる心配はありません。コンテンツの更新権限を担当者に付与することで、直観的に使えるダッシュボードやモバイルアプリ、または Wix Owner アプリからサイトの操作が可能です。
![](https://static.wixstatic.com/media/0d6674_0bd3d78c2b684656b215a855c7b7ef87~mv2.jpg/v1/fill/w_147,h_17,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/desktop.jpg)
![](https://static.wixstatic.com/media/0d6674_722352fb3a0042c3b114b694a861f6b1~mv2.jpg/v1/fill/w_155,h_19,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/mobile%20new.jpg)
![A mockup of the back end of the travel agency website, where the client has permission to edit the CMS and add destination details.](https://static.wixstatic.com/media/0d6674_63d95ac574bc4ff9939080078c9594fd~mv2.jpg/v1/fill/w_147,h_88,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/asset%202%20desktop.jpg)
1 import { createClient, OAuthStrategy } from '@wix/sdk';
2 import { items } from '@wix/data';
3
4 const wixClient = createClient({
5 modules: { items },
6 auth: OAuthStrategy({ clientId: 'MY-CLIENT_ID' }),
7 });
8
9 const dataItemsList = await wixClient.items.queryDataItems({
10 dataCollectionId: 'Billing/PriceQuotes',
11 // Please specify the dataCollectionId you require
12 }).find();
13 console.log('My Data items:');
14 console.log('Total: ', dataItemsList.items.length);
import { createClient, OAuthStrategy }
from '@wix/sdk';
import { items } from '@wix/data';
const wixClient = createClient({
modules: { items },
auth: OAuthStrategy({ clientId:
'MY-CLIENT_ID' }),
});
const dataItemsList = await wixClient.items.queryDataItems({
dataCollectionId: 'Billing/PriceQuotes',
// Please specify the dataCollectionId
you require
}).find();
console.log('My Data items:');
console.log('Total: ',
dataItemsList.items.length);
![An example of the CMS interface, which is organized into columns and rows. Each row is a separate project, with a field for title, photo, description and more.](https://static.wixstatic.com/media/0d6674_9dfb39fcf1d04a7fbc59b5187e0d8efc~mv2.jpg/v1/fill/w_147,h_71,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/desktop.jpg)
![An example of the CMS interface, which is organized into columns and rows. Each row is a separate project, with a field for title, photo, description and more.](https://static.wixstatic.com/media/0d6674_f26ddbc9772e4b08afde178c52719628~mv2.jpg/v1/fill/w_147,h_71,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/mobile.jpg)
サポート対象の テクノロジー
サポート対象の
テクノロジー