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

読了時間:3分
読者がブログにアクセスすると、ブログフィードにアクセスします。ここでは、記事をスクロールして読みたいものを決めることができます。記事をカテゴリー別に分けている場合は、カテゴリーフィードも表示できるので、読者は特定のトピックを選択することができます。
ニーズやサイトのデザインに合わせてブログフィードとカテゴリーフィードをカスタマイズできます。
この記事では下記を説明します:
注意:
この記事では、ブログフィードのカスタマイズについて説明します。読者が特定の投稿を選択すると開く記事ページをカスタマイズすることもできます。

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

ブログまたはカテゴリーフィードで読者に表示する詳細を選択します。「読了時間」や「著者名」など、読者にこれから読む内容に詳細を記載します。あるいは、よりミニマルな見た目にして、不要な情報を非表示にします。

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

  1. エディタでブログページをクリックします。
  2. 設定」をクリックします。
  3. 表示設定」タブをクリックします。
  4. チェックボックスを選択または選択解除して、フィードの情報を表示または非表示にします。
  5. ブログメニュー」をクリックして、メニューに表示する内容を選択します:
    • ブログメニューを表示」トグルをクリックして、フィードの上部でメニューを表示または非表示にします:
      • 有効化:チェックボックスを選択または選択解除して、メニューに表示する情報を選択します。
      • 無効化:メニューはフィードの上部に表示されません。
  6. SNS シェアボタン」をクリックして、表示するソーシャルアイコンを選択します。
    • SNS シェアを有効」トグルをクリックして、ソーシャルアイコンを表示または非表示にします:
      • 有効化:チェックボックスを選択または選択解除して、フィードに表示するアイコンを選択します。
      • 無効化:ソーシャルアイコンはフィードに表示されません。

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

フィード内での記事の配置方法を選択します。記事と画像のサイズと配置、および読み込み中の記事のスタイルを選択して、ブログを希望通りの見た目にすることができます。
ヒント:
フィードにはさまざまなレイアウトを設定できます。たとえば、全記事フィードに「横並び」レイアウトを選択し、カテゴリーフィードに「エディトリアル」レイアウトを選択できます。

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

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

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

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

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

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

もっと詳しく知りたい場合:
Wix Learn にてブログの作成方法をご覧ください。ブログの作成とデザインについては 2本目の動画にスキップしてください。
ヒント:
Wix 公式ブログでは、ブログデザインのヒントやコツについて紹介しています。

お役に立ちましたか?

|