header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

Wix ブログ:ブログフィードをカスタマイズする

9分
最新の記事にさっと目を通して、読みたい記事を選択できる魅力的なブログフィードに読者を招待しましょう。カテゴリーごとの選択を可能にすることで、読者は任意のトピックに集中することができます。
サイトのデザインに合わせてブログとカテゴリフィードの両方をカスタマイズし、一貫性のある魅力的なユーザー体験を提供しましょう。
注意:
この記事では、ブログフィード(「ブログ」ページ)をカスタマイズする方法について説明します。特定の記事をクリックした際に表示される「記事」ページをカスタマイズする方法はこちら
サイトにブログフィードが表示されているスクリーンショット。

フィードに表示する情報を選択する

ブログフィードまたはカテゴリーフィードに表示する情報をカスタマイズします。読了時間や執筆者名などの項目は、表示または非表示にするか選択することができます。ここで選択した項目は、ブログフィードとカテゴリーフィードの両方に適用されます。
Wix エディタ
Wix Studio エディタ
  1. エディタに移動します
  2. ブログページにアクセスします:
    1. エディタ左側で「ページ・メニュー をクリックします。
    2. ブログページ」をクリックします。
    3. ブログページをクリックします。
  3. ページ上の「ブログ」パーツをクリックします。
  4. 設定」をクリックします。
  5. 表示設定」タブをクリックします。
  6. 利用可能なオプションを使用して、以下の設定をカスタマイズします:
    • 記事に表示する項目:チェックボックスを選択し、記事に表示する項目を決定します。
    • ブログメニューを表示:トグルを有効または無効にして、フィード上部のブログメニューを表示または非表示にします。
    • カテゴリーラベル:トグルを有効または無効にして、ブログ記事のカテゴリーラベルを表示または非表示にします。
    • 検索ボックス:トグルを有効または無効にして、ブログフィードの検索ボックスを表示または非表示にします。
    • SNS シェア:「SNS シェア」をクリックし、「SNS シェアを有効」トグルを有効または無効にして、各種 SNS アイコンを表示または非表示にします。
利用可能な表示設定のオプションが表示されている様子を示したスクリーンショット。

フィードのレイアウトを変更する

フィード内の記事の配置をカスタマイズして、あなたのビジョンに合わせます。記事や画像のサイズ、配置、読み込みスタイルなど、さまざまなオプションから選択して、視覚的に魅力的でまとまりのあるブログを作成しましょう。
利用可能なオプションは、選択したレイアウトによって異なります。また、表示されるオプションは、「全ての記事フィード」と「カテゴリーフィード」で異なる場合があります。
ヒント:
各フィードには、異なるレイアウトを選択することができます。たとえば、全ての記事フィードには「横並び」のレイアウトを選択し、カテゴリーフィードには「エディトリアル」のレイアウトを選択することができます。
Wix エディタ
Wix Studio エディタ
  1. エディタに移動します
  2. ブログページにアクセスします:
    1. エディタ左側で「ページ・メニュー をクリックします。
    2. ブログページ」をクリックします。
    3. ブログページをクリックします。
  3. ページ上の「ブログ」パーツをクリックします。
  4. 設定」をクリックします。
  5. レイアウト」タブをクリックします。
  6. 上部のタブをクリックして、カスタマイズするフィードを選択します:
    • 全記事フィード:これは、すべての記事を表示するメインのブログフィードです。
    • カテゴリーフィード:このフィードには、訪問者が特定のトピックを選択できるようにブログのカテゴリーが表示されます。
  7. カスタマイズするものを選択します。
    • 記事:「横並び」や「雑誌」などから記事のレイアウトを選択します。また、「クロップ」や「フィット」のオプションを使用して画像のサイズを調節したり、画像の比率を「16:9」や「4:3」などに変更したり、テキストの配置を「左」、「中央」、「右」から選択したりすることができます。
    • レイアウト設定:行ごとのカード数を設定し、記事のサイズ、余白、間隔、高さなどを調整します。テキストの左右の余白をカスタマイズしたり、記事のタイトルが表示される最大の行数を設定したりすることができます。
    • 記事を読み込み中:フィードで記事が読み込まれる方法を、「無限スクロール」または「ページ送り」(最大 100 ページまで)から選択し、必要に応じてスクロールあたりの記事数を調整します。
Wix エディタに、利用可能なブログフィードのレイアウトが表示されている様子を示したスクリーンショット。

フィードのデザインをカスタマイズする

サイトやブランドに合わせて、フィードの色とフォントをカスタマイズしましょう。デザインオプションは、選択したレイアウトによって異なるため、利用可能なオプションを確認して、ニーズに合ったものを選択してください。
Wix エディタ
Wix Studio エディタ
  1. エディタに移動します
  2. ブログページにアクセスします:
    1. エディタ左側で「ページ・メニュー をクリックします。
    2. ブログページ」をクリックします。
    3. ブログページをクリックします。
  3. ページ上の「ブログ」パーツをクリックします。
  4. 設定」をクリックします。
  5. デザイン」タブをクリックします。
  6. デザインしたい部分を選択し、利用可能なオプションを使用してカスタマイズします:
    • ナビゲーション:無限スクロール、ページ送り、カテゴリーフィルター、および次の記事 / 前の記事リンクなどの色やフォントをカスタマイズします。
    • 記事:「全ての記事フィード」と「カテゴリーフィード」の記事の、色やフォントなどを変更します。
    • カテゴリーラベル:ブログフィードに表示するカテゴリーラベルの色、フォント、スタイルなどをカスタマイズします。
      注意:このオプションは、表示設定で「カテゴリーラベル」横のチェックボックスを選択し、「カテゴリーラベル」トグルを有効にしている場合のみカスタマイズすることができます。
    • ボタン:ボタンのテキストの色や背景色をカスタマイズします。
    • 評価:「全ての記事フィード」と「カテゴリーフィード」ごとに、「マークされた星の不透明度・色」と「マークされていない星の不透明度・色」を調整します。
    • 動画設定:ブログフィードで動画が再生される方法を選択します。動画の再生スピードを選択したり、動画を音声付きで再生するかどうかを選択することもできます。
「デザイン」タブの、利用可能な「動画設定」のオプションが表示されている様子を示したスクリーンショット。
もっと詳しく知りたい場合:
Wix Learn にてブログの作成方法をご覧ください。ブログの作成とデザインについては 2本目の動画にスキップしてください。

よくある質問

ブログフィードのカスタマイズに関する詳細については、以下の質問をクリックしてください。