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

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

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

ブログまたはカテゴリフィードに表示される情報をカスタマイズしましょう。推定の読了時間や執筆者名などのコンテキストを表示するか、追加の詳細を非表示にして整理された見た目にするかを選択します。
ブログ記事のサムネイルに情報が表示されている様子を示したスクリーンショット。

表示する情報を選択する方法:

Wix エディタ
Wix Studio エディタ
  1. エディタにアクセスします
  2. ブログページにアクセスします:
    1. エディタ左側で「ページ・メニュー をクリックします。
    2. ブログページ」をクリックします。
    3. ブログページをクリックします。
  3. 設定」をクリックします。
  4. 表示設定」タブをクリックします。
  5. ブログメニュー」をクリックします。
  6. ブログメニューを表示」トグルをクリックして、フィードの上部でメニューを表示または非表示にします:
  7. チェックボックスをクリックして、ブログメニューに表示する内容を選択します。
  8. 戻る」をクリックします。
  9. SNS シェア」をクリックします。
  10. SNS シェアを有効」トグルをクリックして、ソーシャルアイコンを表示または非表示にします:
  11. チェックボックスをクリックして、記事に表示するソーシャルアイコンを選択します。


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

フィード内の記事の配置をカスタマイズして、あなたのビジョンに合わせましょう。記事や画像のサイズ、配置、読み込みスタイルなど、さまざまなオプションから選択して、視覚的に魅力的でまとまりのあるブログを作成しましょう。
ヒント:
フィードごとにさまざまなレイアウトを設定できます。たとえば、全記事フィードに「横並び」レイアウトを選択し、カテゴリーフィードに「エディトリアル」レイアウトを選択できます。
全記事フィードとカテゴリーフィードを切り替える方法を示した GIF。

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

  1. エディタでブログページをクリックします。
  2. 設定」をクリックします。
  3. レイアウト」タブをクリックします。
  4. 上部のタブをクリックして、カスタマイズするフィードを選択します:
    • 全記事フィード:これは、すべての記事を表示するメインのブログフィードです。
    • カテゴリーフィード:このフィードには、訪問者が特定のトピックを選択できるようにブログのカテゴリーが表示されます。
  5. レイアウトを選択」下でプリセットレイアウトを選択します。
  6. 利用可能なオプションを使用して、レイアウトをさらにカスタマイズします。
注意:
各レイアウトには独自のカスタマイズオプションがあります。利用可能なレイアウトをクリックして、オプションを確認してください。

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

サイトやブランドに合わせて、フィードの色とフォントをカスタマイズしましょう。デザインオプションは、選択したレイアウトによって異なるため、利用可能なオプションを確認して、ニーズに合ったものを選択してください。
サイトにブログフィードが表示されているスクリーンショット。

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

  1. エディタでブログページをクリックします。
  2. 設定」をクリックします。
  3. デザイン」タブをクリックします。
  4. デザインしたいパーツを選択し、利用可能なオプションを使用してカスタマイズします:
    • ブログメニュー:ブログフィードの上部にあるメニューで使用する色とフォントを選択します。
    • 記事:メインのブログフィードとカテゴリーフィードで使用する色とフォントを選択します。
    • カテゴリーラベル:ブログ記事に表示されるカテゴリーラベルの色、フォント、スタイルを選択して、それが属するカテゴリーを表示します。このオプションは、表示設定で「カテゴリーラベル」を有効にした場合にのみ使用できます。
    • ボタン・余白:ブログフィードのボタン(例:ログインボタン)と背景に使用する色を選択します。
    • 動画設定:ブログフィード内の動画の再生方法を設定します。再生を開始するタイミング、音声付きまたは音声なしで再生するかどうか、再生スピードを選択できます。

もっと詳しく知りたい場合:
Wix Learn にてブログの作成方法をご覧ください。ブログの作成とデザインについては 2本目の動画にスキップしてください。