アストラ・プロ プラグインのBlog Proモジュールは、ブログアーカイブページ(Blog / Archive)のより階層的で視覚的に表現豊かなレイアウトを作成するための豊富なスタイルコントロールオプションを提供します。すべての設定は、追加のプラグインをインストールしたり、コードを記述することなく、テーマのカスタマイズパネルで行うことができます。
![画像 [1]-Astra Blog Pro モジュール完全セットアップガイド:ブログアーカイブページのレイアウトとスタイルのカスタマイズ](https://www.361sale.com/wp-content/uploads/2025/04/20250411142308774-image.png)
前提条件
Astraテーマをインストールし、有効化する必要があります。 アストラ・プロ プラグインを有効にし、バックエンドでBlog Proモジュールを有効にします。関連する設定は以下にあります:外観 > カスタマイズ > ブログ > ブログ/アーカイブ.
基本設定オプション
リベール効果
記事を読み込むとグラデーション効果が表示され、ページ内容への移行がソフトになる。
![画像 [2]-Astra Blog Pro モジュール完全セットアップガイド:ブログアーカイブページのレイアウトとスタイルのカスタマイズ](https://www.361sale.com/wp-content/uploads/2025/04/20250411142343152-image.png)
レイアウト選択(ブログレイアウト)
主に3つのサービスを提供している。オープニングオプションを選択すると、適切な設定項目が表示されます。
![画像 [3]-Astra Blog Pro モジュール完全セットアップガイド:ブログアーカイブページのレイアウトとスタイルのカスタマイズ](https://www.361sale.com/wp-content/uploads/2025/04/20250411142354855-image.png)
- グリッドレイアウト:最大4列まで設定可能で、グラフィックポートフォリオの表示に適しています。
- ウォーターフォールレイアウト(メイソンリー):複数のカラムを使用する場合に自動的に有効になり、画像サイズが一定でないコンテンツに適しています。
- 最初の投稿をハイライト:アーカイブページの最初の投稿をハイライトします。
- 画像内側の余白を削除:画像をボーダーに近づけ、コンパクトなタイポグラフィースタイルに。
![画像[4]-アストラブログプロモジュール完全セットアップガイド:ブログアーカイブページのレイアウトとスタイルのカスタマイズ](https://www.361sale.com/wp-content/uploads/2025/04/20250411142446334-image.png)
ヒント:グリッドレイアウトは、標準レイアウトが選択されている場合にのみ利用可能で、画像レイアウトの左側または右側ではサポートされていません。
コンテンツ幅
デフォルトの幅、グローバル設定の継承、または特定の幅値のカスタマイズから選択します。
![画像[5]-アストラブログプロモジュール完全セットアップガイド:ブログアーカイブページのレイアウトとスタイルのカスタマイズ](https://www.361sale.com/wp-content/uploads/2025/04/20250411142811817-image.png)
記事コンテンツ表示(ブログ記事コンテンツ)
記事内容の全表示をサポートするほか、要約のみを表示する設定も可能。要約モードでは、"抜粋カウント「言葉の長さを調整する
![画像[6]-アストラブログプロモジュール完全セットアップガイド:ブログアーカイブページのレイアウトとスタイルのカスタマイズ](https://www.361sale.com/wp-content/uploads/2025/04/20250411142844741-image.png)
投稿ページネーション
ページングは2種類用意されている:
- デジタルページング:下部にページ番号を表示、クリックでページ送り
![画像[7]-アストラブログプロモジュール完全セットアップガイド:ブログアーカイブページのレイアウトとスタイルのカスタマイズ](https://www.361sale.com/wp-content/uploads/2025/04/20250411142905734-image.png)
- 無限ロード:ページをスクロールすると、自動的に次の記事コンテンツがロードされます。
![画像 [8]-Astra Blog Pro モジュール完全セットアップガイド:ブログアーカイブページのレイアウトとスタイルのカスタマイズ](https://www.361sale.com/wp-content/uploads/2025/04/20250411142910425-image.png)
記事構造表示(投稿構造)
以下の表示の有無を個別にコントロールできる:
- キャプション
- 特集画像
- 作者、カテゴリー、コメント数、投稿日、読まれた時間など。
![画像[9]-アストラブログProモジュール完全セットアップガイド:ブログアーカイブページのレイアウトとスタイルのカスタマイズ](https://www.361sale.com/wp-content/uploads/2025/04/20250411143002903-image.png)
各項目の表示状態は、「目」のアイコンをクリックすることで、素早くオン・オフを切り替えることができる。
注目画像設定(注目画像)
アスペクト比や角丸など、フィーチャー画像のサイズや外観パラメータを設定できます。
![画像[10]-アストラブログプロモジュール完全セットアップガイド:ブログアーカイブページのレイアウトとスタイルのカスタマイズ](https://www.361sale.com/wp-content/uploads/2025/04/20250411143017670-image.png)
スペーシングコントロール(スペーシング)
記事間の外余白と内余白のカスタマイズに対応し、簡単に調整可能ウェブページレイヤーだ。
組版設定(タイポグラフィ)
ブログタイトル、記事タイトル、メタ情報、ページネーションボタンのフォント、フォントサイズ、太さ、行間などを設定できます。タイポグラフィ様々なスタイルのニーズに適応する。
![画像[11]-アストラブログプロモジュール完全セットアップガイド:ブログアーカイブページのレイアウトとスタイルのカスタマイズ](https://www.361sale.com/wp-content/uploads/2025/04/20250411143025857-image.png)
概要
ブログ・プロ・モジュールは以下を可能にしますブログアーカイブページは、コードを使用せずに複数のスタイル設定が可能で、ビジュアルデザインやレイアウトコントロールの面でより柔軟性があります。全文を表示したいのか、要約の単語数をコントロールしたいのか、あるいはオープニングタイプ、フォント、スペーシングは、サイトの位置づけに基づいた期待に応えるよう簡単に設定できる。タイポグラフィ効果
関連記事
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/49777
この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし