ブログフィードセクション

Pixpa には、ブログ フィードをページに追加するオプションがあります。 このセクションを使用すると、任意のブログを表示できます。

このセクションを使用して、ブランドを宣伝し、製品/サービスについて詳しく説明し、ページに表示する広告ブログ投稿を作成できます。

ここで扱われる内容：

1. ブログ フィード セクションを追加する
2. ブログフィード設定
3. ブログ フィードのレイアウトを変更する
4. フルカードとテキストカード

1.ブログフィードセクションを追加

• ページにセクションを追加できます。 既存のページにセクションを追加することも、 新しいページを作成する あなたのウェブサイト内。
• あなたのページで、をクリックしてください 青+アイコン 追加する 新しいセクション あなたのページに。

• 今すぐ セクションカテゴリ 左側にあります。
• 下にスクロールして、 ブログフィードセクション (1) さまざまなレイアウトから選択できるオプション。

• 任意のセクション レイアウト (2) を選択し、クリックしてページに追加します。

2.ブログフィード設定

セクションを追加したら

• セットアップボタンをクリックすると、セットアップが開始されます  ブログフィードの管理 (1)
• セットアップボタンをクリックすると、セットアップが開始されます  設定（2） ブログ フィードの設定を管理するオプション。
• Save あなたの変更。

ここには 2 つのオプションがあります:

1. ブログ設定
2. スタイル設定

ブログ設定

1. ブログを選択 そこから投稿を表示します。
2. 方法を選択する ブログ投稿を取得する。すべてのブログ記事を表示できます。
3. 選択した場合 カテゴリー 前のステップで、投稿を表示するカテゴリを選択します。

スタイル設定

1. 選択する 画像の切り抜き ブログ投稿のサムネイルの。 画像は、正方形、円形、横長、縦長、およびオリジナルとして設定できます。
2. の値を変更して、サムネイル画像の境界半径を設定します。 コーナー半径.
3. をセットする  投稿数 あなたが見せたいこと。
4. 特定します 行間のスペース リスト項目の。
5. 整列 コンテンツ リスト項目の。 左、右、または中央揃えに設定できます。

6. をセットする  ホバーベースカラー とその不透明度
7. をセットする  ホバー要素の色.
8. に選択します。 リスト項目の画像をアニメーション化する はいをクリックしてホバーします。
9. 選択する アニメーション スタイル ブログ投稿のサムネイル用。

10. 特定します 画像の幅 リストアイテム用。
11. 特定します コンテンツの幅 リストアイテム用。
12. 特定します セクション見出しの下のスペース ピクセルで。
13. 特定します 画像とテキストの下のスペース リスト項目の (%)。
14. 特定します 日付の下のスペース 投稿の数 (%)。
15. 特定します タイトルの下のスペース 投稿の数 (%)。

16. をセットする  役職 セクションのリスト項目のフォント スタイル。
17. をセットする  サブタイトル セクションのリスト項目のフォント スタイル。
18. デフォルトを設定する 説明 セクションのリスト項目のフォント スタイル。

19. 方法を参照してください Cを管理するARDS。

20. ディスプレイ – リスト項目の背後にある影を常に表示するか、ホバー時にのみ表示するかを選択します。
21. 形式 – 既存のプリセットから選択するか、カスタム シャドウを作成します。
    カスタムオプションを選択した場合は、これにアクセスしてください ボックスシャドウジェネレータ カスタム シャドウを作成します。 最後に、コピーして貼り付けます ボックス シャドウ CSS.
22. プリセットオプションを選択した場合は、 影のスタイルを選択 をドロップダウンから選択します。

23. 特定します セクションの見出し ここのブログフィードセクションの。

3.ブログフィードのレイアウトを変更する

ブログ フィード セクションを追加したら、次の操作を行います。 

• セットアップボタンをクリックすると、セットアップが開始されます  ブログフィードの管理 （1）ボタン。
• セットアップボタンをクリックすると、セットアップが開始されます  レイアウト (2) ブログフィードのレイアウトを選択できるタブ。
• レイアウト (3) を選択し、 保存 (4) お客様の変更。