ブログの「全記事フィード」と「カテゴリーフィード」のレイアウトは、ともにカスタマイズすることができます。記事のレイアウト、画像の配置やサイズ、読み込まれていない記事の表示方法などを選択して、それぞれのフィードを好みの見た目にしてみましょう。注意：フィードにはさまざまなレイアウトを設定できます。たとえば、全記事フィードに「横並び」レイアウトを選択し、カテゴリーフィードに「エディトリアル」レイアウトを...

Wix CMS（コンテンツ管理システム）では、表示したいすべてのコンテンツのコレクションを作成できます。そして、動的ページを使用すると、同じデザインでも異なるコンテンツを数百以上の異なるページに自動的に表示することができます。たとえば、映画のレビューを掲載したサイトを作成したい場合、各映画のページを手動で追加するのではなく、すべてのレビューをコレクションとして集めます。コレクションは動的ページに接...

CMS（コンテンツ管理システム）と動的ページでブログの可能性を広げましょう。動的ページは、ブログコンテンツを表示するための新鮮なアプローチといくつかの利点を提供します。この方法を採用すると、コメントセクションを含めずにブログを紹介することができ、サイトの会員以外もコンテンツにアクセスできるようになります。さらに、ブログのテキストのみを表示する柔軟性があるため、ページの読み込み時間を短縮して、よりス...

ライトボックスパーツを使用して、魅力的な全画面ポップアップメニューを作成しましょう。訪問者が「メニュー」ボタンをクリックすると、以下の例のように、サイトのコンテンツの上に表示されます：ステップ 1 | サイトにライトボックスを追加するまず、「パーツを追加」パネルからライトボックスをサイトに追加し、後でデザインします。ライトボックスを追加する方法： エディタ左側で「パーツを追加」 をクリックしま...

プロギャラリーの設定はいつでもカスタマイズできます。レイアウト、デザイン、その他の詳細設定を調整できます。この記事では、プロギャラリー内のすべてのオプションの概要を説明します。設定可能なオプションは選択しているプロギャラリーのレイアウトによって異なります。プロギャラリーの設定にアクセスする方法プロギャラリーの設定にアクセスするには、プロギャラリー上の「設定」をクリックしてください。 ギャラリーのカ...

検索エンジンや SNS が正しく表示できるよう、Wix では初期設定で SEO メタタグと SNS シェアメタタグ（open graph または og タグと呼ばれます）をサイトページに追加します。Wix が追加するこれらの既定の SEO 設定は、サイトのデータと SEO メタタグの一般的なベストプラクティスに基づいています。全ページに適用できる一般的な設定もあれば、特定の種類のページ（例：主要な...

サイトに画像を追加すると、さまざまなオプションを使用してカスタマイズおよび編集することができます。画像サイズを調整、クロップ、焦点を設定して、画面サイズに関係なく、関連する領域が常に表示されるようにします。フォトスタジオで編集したり、著作権保護のためにウォーターマークを追加することもできます。この記事では、以下の項目について説明します： 画像のフィットモードを選択する 画像をクロップする ...

素敵な画像を追加して、サイト訪問者にイベントへの登録を促しましょう。イベントに画像を追加すると、「イベントリスト」ページと「イベント詳細」ページでの画像の表示方法を制御できます。ヒント：アップロードする画像の比率は、エディタで選択した設定に合わせてください。たとえば、16:9 の比率の画像をアップロードした場合、「イベントリスト」ページと「イベント詳細」ページをカスタマイズして同じ比率の画像を表示...

デスクトップ版から引き継いだ画像を改良したり、モバイルエディタから追加した画像をカスタマイズすることで、モバイルサイトに美しいビジュアル体験を作り出しましょう。デスクトップから引き継いだ画像のカスタマイズは制限されており、画像設定の調整、画像のクロップ、楽しいアニメーションの追加ができます。モバイルエディタから画像を追加すると、フィルターやフレームの追加、画像クリック時の動作のカスタマイズ、リンク...

レスポンシブコンテナで構成されるスマートなレイアウトツールである「レイアウター」でコンテンツを整理しましょう。フレックス技術を使用すると、コンテナは訪問者の画面サイズに合わせて自動的に調整されます。レイアウターの表示設定（列、ブリック、スライダーなど）を選択したり、必要に応じてアイテムを追加または削除したり、余白や方向などの設定を調整したりできます。この記事では、下記の項目について説明します： ...

E コマースビジネスで成功するには、高品質な商品画像を表示することが最も重要とも言えます。ストアで画像が表示される方法は、アップロードする画像（解像度、縦横比など）と、商品ギャラリーと商品ページでの表示方法によって変わります。この記事では、エディタで使用できる画像のサイズ変更方法と比率のオプションについて説明します。画像について詳しくはこちらをご覧ください。下記をご確認ください： 画像のサイズ...

希望通りに表示されるように、サイトの画像サイズを変更します。画像サイズを変更する方法： 画像をクリックします。 画像の端にあるサイズ変更ハンドルを希望のサイズにドラッグします。 「設定」アイコン  をクリックします。 「縦横比を維持」トグルをクリックします。 有効化：画像とシェイプは、サイズを変更しても元の縦横比を維持します。 無効化：画像とシェイプの縦横...

Wix コントラストチェッカーは、2色のコントラストレベルを確認できるアドオンです。サイトの色が特定の基準と対照的であることを確認することで、サイトのアクセシビリティを向上させることができます。コントラストチェッカーは Web Content Accessibility Guidelines（WCAG）の推奨ガイドラインに従っています。これらのコントラスト比のガイドラインは、2つの色を十分に区別で...

画像のサイズ変更方法のオプションは 2 通りから選択できます：クロップ画像はすべて同じサイズになるようクロップされます。異なるサイズ・縦横比の画像のをアップロードすると、画像の一部が切り取られます。フィットフィットオプションを選択すると、画像は元の縦横比がそのままの状態で表示されます。元の画像のサイズ・縦横比が同じでない限り、ギャラリーの画像は異なる縦横比で表示されます。注意： 最小で 300...

カラムは、重要なサイト情報を紹介するのに最適です。サイトにストリップを追加し、テキストを整理された構造の列にまとめることで実現できます。カラムのサイズを均等にするか、各カラムの縦横比を個別にカスタマイズすることができます。ステップ 1 | ストリップをカラムに分割するまず、ストリップを希望する数のカラムに分割します。最大 5つのカラムを使用できます。ストリップをカラムに分割する方法： エディタ...

イベント詳細ページでは、イベントに関するすべての情報をゲストと共有することができます。このページには、「イベントについて」セクション、チケットの詳細、さらにはイベント会場の地図などを含めることができます。この記事では、次の項目について説明します： レイアウトを選択する 表示する情報を選択する テキストを編集する デザインをカスタマイズする注意：チケットのないイベント（例：予約制イベント）...

サイトに画像を追加すると、さまざまなオプションを使用してカスタマイズや編集をすることができます。画像サイズを調整、クロップ、焦点を設定して、画面サイズに関係なく、関連する領域が常に表示されるようにします。また、Editor X では、スクロールの動作や焦点を変更することで各画像の動作を制御し、プロフェッショナルで洗練されたサイトをシームレスにデザインすることができます。この記事では、下記の項目につ...

シェイプ区切りを使用すると、コンテンツを分割するセクションの上下を、スタイリッシュなデザインに変更することができます。これにより、セクション上下の境界部分を、単なる直線ではなく「楕円」や「波」の形に見えるようにしたり、「植物」のパターンで装飾したりすることができます。セクション上下に追加したシェイプ区切りはデザインを細かくカスタマイズできるほか、自身でアップロードしたファイルをシェイプ区切りとして...

動画の背景を使用すると、訪問者を驚かせたり、サイトに芸術的なディテールを追加することができます。独自の動画をアップロードしたり、無料の Wix 動画を追加したり、プロの Shutterstock 動画を購入したりできます。この記事では、次の項目について説明します： ページ背景に動画を追加する よくある質問（FAQ）ページ背景に動画を追加するまずは、ページ背景に動画をアップロードすることから始...

サイトをデザインする際、どの画面サイズでも綺麗に見えるようにしたいものです。Wix Studio エディタでは、サイズを px* で設定すると、レスポンシブ動作が残りの処理を行います。すべての要素にはデフォルトの動作（例：比例してスケーリング）が設定されており、異なる画面でのサイズ変更方法を制御します。デフォルトの動作は、ニーズに合ったものにいつでも変更できます。px* はフルードサイズ単位で、ペ...