1001siteカタログのスタイル
スタイルとは、よく知られたプラットフォームをベースにした、あらかじめデザインされたウェブサイトテンプレートのことです。色、フォント、ボタンやカードの形状、アニメーションなどが含まれます。1001siteのカタログには1,000種類のスタイルが収録されています。テンプレートを選択し、「適用」をクリックするだけで、選択したスタイルでウェブサイトがデザインされます。
これはどのような人に適していますか？
デザイナーを雇わずに美しいウェブサイトを作りたい方に最適です。スタイルは何度でも変更できます。
スタイルを選ぶ場所#
- アカウントで、[設定] → [ホームとメニュー] → [サイトスタイル] → [スタイルを選択] (または [別のスタイルを選択]) を選択してください。または、ガイドの手順 2 に従ってください。
- ディレクトリサイト1001site.comで、スタイルを開き、カード下部の「ボードに適用」をクリックしてください。既にログインしている場合は、スタイルがすぐに適用されます。
- カタログで登録する際に、「入手する」→「オールインクルーシブ」を選択してください。選択したスタイルは記憶され、お支払い後に適用されます。
手順#
ステップ 1. カタログを開く#
「サイトスタイル」セクションで「スタイルを選択」をクリックします。カードが表示されたウィンドウが開きます。カードにカーソルを合わせると、サンプルサイトの動画が表示されます。
ステップ 2. スタイルを見つける#
検索は、ブランド名、色、フォント、カテゴリで検索できます。例：「apple」、「minimal」、「dark」、「shop」。
ステップ 3. 「適用」をクリックしてください#
数秒で、色、フォント、丸み、影、アニメーションなどのスタイルが適用されます。「サイトスタイル」ブロックに、選択したスタイルの名前とプレビューが表示されます。「結果を見る」リンクをクリックしてサイトを開いてください。
スタイルを変えるものは何か#
| 何 | どうやって |
|---|---|
| 色 | 背景、カード、テキスト、アクセント。デフォルトのライトテーマまたはダークテーマ（例を参照）。 |
| フォント | サンプルフォントに似たフォントがGoogle Fontsから選択されます。 |
| 形状 | ボタンやカードの丸み、フラットカードまたは影付きカード、密度 |
| アニメーション | 4つのセットのうちの1つ：穏やか、柔らか、輝き、ダイナミック |
| 家 | 「ホームページデザイン」スイッチが有効になっている場合、サイト名とスタイルスローガンを含むヒーローブロックが上部に追加されます。 |
このスタイルは、テキスト、商品、カテゴリ、ページ、CSSには影響しません。CSSの編集内容は、スタイルブロックの横に保存されます。
スタイルとAIアシスタント#
スタイルを選択すると、AIアシスタントはそのスタイルのデザイン基準（構成、画像、タイポグラフィ、テキストのトーンなど）に基づいてホームページとページを組み立てます。これはデザイナーの場合と同じ原理です。スタイル → デザインシステム → ページ。
スタイルを変更または削除する#
- 変更：「その他を選択」→「新規」を選択→「適用」。以前のスタイルブロックは追加されるのではなく、置き換えられます。
- 削除：スタイルプレビューのゴミ箱アイコンをクリックします。これにより、スタイルのCSSと名前が削除されます。色とフォントはそのまま残ります。ブランディングで調整するか、アシスタントに「デザインをリセット」するように指示してください。
スタイルファイル#
カタログに掲載されている各スタイルには、AIツールが理解できるファイルが含まれています。
- DESIGN.md （完全かつ簡潔）— スタイルの説明：役割を持つ色、フォント、サイズ、インデント、実行/禁止ルール。
- Tailwind v4は、Tailwind用のテーマです。
- CSS変数- CSS変数。
- デザイントークン— トークンを含むJSON。
ファイルはスタイルのカタログページからコピーまたはダウンロードできます。Claude、ChatGPT、Cursor、またはアシスタントに「このスタイルで作成して」と伝えるだけで簡単に渡せます。スタイルカタログをご覧ください。
関税#
ウェブサイトにスタイルを適用する機能は、有料プランでご利用いただけます。プランに加入されていない場合でも、スタイルは記憶され、お支払い後に自動的に適用されます。
質疑応答#
スタイルは適用されたのですが、サイトがサンプルと異なって見えます。なぜでしょうか？#
スタイルは色、フォント、形状、アニメーションなどを引き継ぎます。ページ構造と写真は自由に作成できます。ホームページをサンプルと同じようにするには、AIアシスタントに「ホームページをサイトのスタイルに合わせてデザインしてください：ヒーローセクション、メリット、ギャラリー、連絡先」と指示してください。
複数のサイトに同じスタイルを適用できますか？#
はい、スタイルは現在のサイトに適用されています。ダッシュボードでサイトを切り替えて、再度スタイルを適用してください。
色を手動で変更してからスタイルを適用しました。どちらが採用されたのでしょうか？#
スタイル。スタイルで指定された色が、手動で設定した色よりも優先されます。「コードとウィジェット」セクションのカスタムCSSはそのまま適用されます。
その例はどこから入手したのですか？#
人気のウェブサイトスタイルのオープンカタログから。動画とポスターは当社のサーバーに保存されています。