header-logo
はじめましょう!Wix でサイトやビジネスを構築する方法をご紹介します。テンプレートを使用してサイトをカスタマイズしたり、パートナーに依頼してウェブプレゼンスを確立しましょう。
サイトの作成Wix エディタの使い方とサイトコンテンツの管理方法について学びましょう。訪問者のプライバシーを保護し、サイトをよりアクセシブルにします。
アカウント・お支払いアカウント設定を確認し、定期購入とプレミアムプランを管理、請求内容を把握しましょう。
Wix モバイルアプリの使用Wix Owner アプリを使用してビジネスを効率的に運営し、訪問者と関わり、コミュニティを構築しましょう。
ドメインの接続ドメインの購入・接続・移管方法と、サイトデータを安全に保つ方法について理解しましょう。
ビジネスの管理支払いの受け付け、分析、訪問者とのつながりなど、ビジネスを構築し成長させるための適切なツールを見つけましょう。
サイトの宣伝検索エンジンでサイトを宣伝し、メルマガを送信し、有料広告を掲載する方法を学びましょう。
Wix Studio・パートナー・エンタープライズWix Studio、パートナー、エンタープライズアカウントを最大限に活用し、ビジネスを拡大しましょう。
ヘルプサイトのパフォーマンスや技術的な問題を解決するための情報を入手しましょう。製品ロードマップでは今後の機能について確認できます。
placeholder-preview-image
Wix Learnコースとチュートリアルでスキルを習得する。
Wix ブログウェブデザインやマーケティングなどのヒントを得る。
SEO ラーニングハブ検索エンジンからのトラフィックを増やす方法について学ぶ。
Website developmentフルスタックプラットフォームでカスタムサイトを構築する。
Wix パートナーに依頼あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
この記事では下記を説明します:
  • 素材を追加する
  • 色を選択する
  • テキストをカスタマイズする
  • ベクターアートをカスタマイズする

Wixel:素材を追加・カスタマイズする

この記事内
  • 素材を追加する
  • 色を選択する
  • テキストをカスタマイズする
  • ベクターアートをカスタマイズする
素材はプロジェクトを強化し、個性を加えるのに役立ちます。素材を追加して、情報を強調したり、ビジュアルコンテンツを紹介したり、オーディエンスを誘導したりすることができます。

プロジェクト左側のサイドパネルから素材を追加し、アクションバーを使用してカスタマイズします。画像、テキスト、グラフィック、シェイプなどを挿入できるため、創造的にデザインを思い通りに形作りましょう。

Wixel のサイドパネルで、素材のオプションがハイライトされている様子を示したスクリーンショット。

素材を追加する

サイドパネルから、プロジェクトに新しいコンテンツを追加します。各アイコンをクリックすると、テキスト、メディア、シェイプ、グラフィックなどの独自のパネルが開き、各パネルに独自の検索欄とカテゴリータブが設けられているため、必要な情報を素早く見つけることができます。

注意:

一部のデザインタイプでは、独自の素材を提供しています。すべての種類のデザインに装飾素材を追加できるわけではないため、表示されるオプションは作業している内容によって異なります。

素材を追加する方法:

  1. Wixel のプロジェクトにアクセスします。

  2. 該当するデザインをクリックします。

  3. サイドパネルで、追加したい素材の種類をクリックします:

    • テキストを追加 :デザインに直接テキストボックスを追加します。プリセットのスタイルを選択して時間を節約するか、独自のスタイルをカスタマイズします。

    • 手書き :ペンやハイライトを使用して、フリーハンドでデザインを描画します。色を選択し、線の太さ透明度を調整します。描画した内容を削除するには、消しゴムに切り替えます。

    • メディア :写真、動画、イラスト、パターン、カットアウトを追加します。

    • シェイプ:幾何学的なシェイプ、矢印、フレームなどを使用して、クリエイティブなタッチを加えることができます。

    • グラフィック :ベクターアートとステッカーを追加します。
      ヒント:デザインの外観に合わせてベクターアートの色をカスタマイズすることができます。

    • 素材 :プリセットのテキスト、ページ番号、グラフなどの素材を追加します。

  4. 素材をクリックしてデザインに追加します。

  5. (オプション)アクションバーで、サイズ変更ハンドルとカスタマイズツールを使用して、素材のサイズ、色、配置などを調整します。

Wixel の「素材を追加」パネルのスクリーンショット。
ヒント:

サイドパネルの「アップロード」アイコン  をクリックし、独自のメディアをアップロードします。アップロードした画像は、「プロジェクトファイル」で確認することができます。


色を選択する

アクションバーで色の丸をクリックまたはタップすると、カラーピッカーが表示されます。ここでは、プロジェクトのテーマカラーと使用中のカスタムカラーを確認することができます。

色を選択する方法:

  1. Wixel のプロジェクトにアクセスします。

  2. アクションバーで「塗りつぶし色」アイコンをクリックします。

  3. カラースキーム上のドットを移動させるか、16進数カラーコード(例:黒の場合は #000000 など)を入力します。

  4. (オプション)スライダーをドラッグして、色の不透明度を調整します。

Wixel でカラーピッカーが表示されているスクリーンショット。

テキストをカスタマイズする

フォント、色、書式設定、影やハイライトなどの効果を調整して、テキスト素材をカスタマイズします。テキストの外観と位置を微調整することで、デザインにまとまりを持たせることができます。

テキストのカスタマイズ方法:

  1. Wixel のプロジェクトにアクセスします。

  2. デザイン内のテキスト素材を選択します。

  3. アクションバーで、利用可能なオプションを使用してテキストをカスタマイズします:

    • フォント:フォントスタイルを選択します。

    • 文字サイズ:文字サイズを選択します。

    • 太字、斜体、下線:「太字」アイコン 、「斜体」アイコン 、「下線」アイコン  などの書式設定オプションを使用してテキストを目立たせます。

    • 大文字:テキストをすべて大文字に変換します。

    • その他の設定:リストスタイル(例:番号付きリスト箇条書きリストなど)を選択し、インデントを調整します。

    • 配置:テキストの配置方法を選択します。

    • 行間隔:行と文字の間隔を調整して、テキストを読みやすくします。

    • 塗りつぶしカラー:カラーピッカーを使用してテキストの色を選択するか、テーマカラーを選択します。

    • ハイライトカラー:背景色でテキストをハイライトして目立たせます。

    • 枠線:枠線を追加して目立たせます。

    • :影を追加してテキストが立体的に見えるようにします。

Wixel でテキストを編集しているスクリーンショット。

ベクターアートをカスタマイズする

デザインに合わせて色と詳細をカスタマイズすることで、ベクターアートに独自の雰囲気を追加することができます。ベクターアートは、どのサイズでも鮮明さを保つことのできるデジタルイラスト(SVG ファイル)です。
ヒント:

ベクターアートのオプションは、サイドパネルの「グラフィック」タブにあります。

ベクターアートをカスタマイズする方法:

  1. Wixel のプロジェクトにアクセスします。

  2. デザイン内で該当するベクターアートをクリックします。

  3. ベクターアートをカスタマイズする方法を選択します:

ベクターアートの「塗りつぶし色」のスクリーンショット。

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
Unlock personalized helpLog in to get the most out of Helpmate.