Pixpa には、ブログ フィードをページに追加するオプションがあります。 このセクションを使用すると、任意のブログを表示できます。
このセクションを使用して、ブランドを宣伝し、製品/サービスについて詳しく説明し、ページに表示する広告ブログ投稿を作成できます。
覚えておいてください：
- このセクションを追加する前に、作成する必要があります blog and ブログ記事.
- ことを確認してください ブログが表示または非表示になっている and ブログ記事が公開されました.
ここで扱われる内容：
ブログフィードセクションを追加
- ページにセクションを追加できます。 既存のページにセクションを追加することも、 新しいページを作成する あなたのウェブサイト内。
- あなたのページで、をクリックしてください 青+アイコン 追加する 新しいセクション あなたのページに。
- 今すぐ セクションカテゴリ 左側にあります。
- 下にスクロールして、 ブログフィードセクション (1) さまざまなレイアウトから選択できるオプション。
- いずれかを選択 セクション レイアウト (2) をクリックしてページに追加します。
ブログフィードセクションを編集
セクションを追加したら
- 以下を行うには、 ブログフィードを編集 (1)
- 以下を行うには、 設定（2） ブログ フィードの設定を管理するオプション。
- Save あなたの変更。
ブログフィード設定
- ブログを選択 そこから投稿を表示します。
- 方法を選択する ブログ投稿を取得するすべてのブログ投稿を表示するか、 カテゴリー オプションを選択します。
- 選択した場合 カテゴリー 前のステップで、投稿を表示するカテゴリを選択します。
- 加える セクションの見出し セクションの上部に表示します。これにより、下のコンテンツを紹介したり、強調したりすることができます。 こちらをクリックしてください Pixpa テキスト エディターについて詳しくは、こちらをご覧ください。
- 追加 ボタンまたはリンク セクション内には、テキストリンク、標準ボタン、画像/アイコンベースのボタンなどがあり、訪問者を他のページやアクションに誘導します。 さらに詳しく.
ブログフィード要素
要素タブ セクション内の様々な要素の表示/非表示を簡単に管理できます。シンプルなトグルスイッチを使用することで、要素自体を削除したり変更したりすることなく、特定の要素を有効または無効にすることができます。
セクションのオプション
- 見出しを表示: ブログ フィード セクションの見出しの表示を有効または無効にします。
- ボタンを表示: セクション レベルでボタンを表示するかどうかを制御します。
ブログオプション
- ブログタイトルを表示: このトグルを使用して、フィード レイアウト内でブログ投稿のタイトルを表示または非表示にします。
- ブログの日付を表示: ブログ投稿の公開日の表示を有効または無効にします。
- ブログの説明を表示: ブログ投稿の抜粋または説明テキストの表示を切り替えます。
スタイル設定
- 選択する 画像の切り抜き ブログ投稿のサムネイルの。 画像は、正方形、円形、横長、縦長、およびオリジナルとして設定できます。
- の値を変更して、サムネイル画像の境界半径を設定します。 コーナー半径.
- をセットする 投稿数 あなたが見せたいこと。
- 特定します 行間のスペース リスト項目の。
- 整列 コンテンツ リスト項目の。 左、右、または中央揃えに設定できます。
- をセットする ホバーベースカラー とその不透明度
- をセットする ホバー要素の色.
- に選択します。 リスト項目の画像をアニメーション化する はいをクリックしてホバーします。
- 選択する アニメーション スタイル ブログ投稿のサムネイル用。
- 特定します 画像の幅 リストアイテム用。
- 特定します コンテンツの幅 リストアイテム用。
- 特定します セクション見出しの下のスペース ピクセルで。
- 特定します 画像とテキストの下のスペース リスト項目の (%)。
- 特定します 日付の下のスペース 投稿の数 (%)。
- 特定します タイトルの下のスペース 投稿の数 (%)。
- をセットする Title セクションのリスト項目のフォント スタイル。
- をセットする サブタイトル セクションのリスト項目のフォント スタイル。
- デフォルトを設定する 詳細説明 セクションのリスト項目のフォント スタイル。
- 方法を参照してください Cを管理するARDS。
- ディスプレイ – リスト項目の背後にある影を常に表示するか、ホバー時にのみ表示するかを選択します。
- 形式 – 既存のプリセットから選択するか、カスタム シャドウを作成します。
カスタムオプションを選択した場合は、これにアクセスしてください ボックスシャドウジェネレータ カスタム シャドウを作成します。 最後に、コピーして貼り付けます ボックス シャドウ CSS. - プリセットオプションを選択した場合は、 影のスタイルを選択 をドロップダウンから選択します。
- 特定します セクションの見出し ここのブログフィードセクションの。
ブログフィードレイアウトの変更
ブログ フィード セクションを追加したら、次の操作を行います。
- 以下を行うには、 ブログフィードを編集 （1）ボタン。
- 以下を行うには、 レイアウト (2) ブログフィードのレイアウトを選択できるタブ。
- レイアウトを選択する （3）と Save (4) お客様の変更。
フルカードとテキストカード
オンにすると フル/テキスト カード ブログ投稿リストの上に、リスト アイテムのアウトラインと背景に、 設計 のセクションから無料でダウンロードできます。
参照： ウェブサイトの色と間隔。
フルカード
カード全体のオプションを選択すると、カードの色がカード全体、つまり画像とそれに関連付けられたテキストに適用されます。
ご覧ください：
テキストカード
テキスト カード オプションを選択すると、カードの色は画像に関連付けられたテキストにのみ適用されます。
ご覧ください：
