# 段落

### パラグラフ要素について

概要：PageFly [Paragraph Element](https://help.pagefly.io/manual/paragraph-element/) は、ページ上のあらゆるテキストコンテンツを表示し、コンバージョン率を高めるために設計されています。この要素は、ページ上のあらゆるセクションのコンテンツ、本文、または説明として使用できます。

詳細な手順に入る前に、以下のビデオをご覧ください：

{% embed url="<https://www.youtube.com/watch?v=8935VGu2L1w>" %}

### パラグラフ要素へのアクセス方法

* ステップ1：左側のツールバーにある要素アイコンをクリックします
* ステップ2：PageFlyタブをクリックし、下にスクロールして**Paragraph**要素を見つけます
* ステップ3：使用したい要素をページエディターにドラッグアンドドロップし、使用を開始します。

![](/files/AMSd0PicusaCwWHq3TBq)

### パラグラフ要素の設定方法

パラグラフ要素には、コンテンツの表示を微調整して最高のコンバージョン率を達成するための多くのパラメータが付属しています。

レイアウトで要素を選択すると、そのパラメータが表示されます。

![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXdbwSh5Dx9OZ6bPr_FPql1XjTJRcC51aWviKb1brJMpPSHhOJwVYqAFRRUoY4ry-ywtbc-MQlo4E-hTUUvMeFwA9i_EsVZlcoA1UKYoHNTW2pdQkrvkoAj7yKXOH_itPy0Fd8T4lx_uT46LoZXKRgkeyN8s-FAFEm3HnqXal_YE_NQ.png)

#### 一般設定

**パラグラフテキスト**

パラグラフのコンテンツを挿入し、スタイルを設定します

![](/files/2YjDzxr782w88NQYHTcx)

**ドロップキャップを表示**

ドロップキャップを有効/無効にします。有効にすると、以下のパラメータが表示されます。

![](/files/2j4BkbHzD3CVRTTjLJAF)

**コンパクト表示を有効にする**

* 「**Enable compact view**」にチェックを入れると、表示されるテキストが短縮されます。
* Compact text length \[lines] で表示されるテキストの長さを調整することもできます。最大行数は10です

![](/files/E1j2vAxO2yRk3h4FaYw7)

ATTRIBUTES、VISIBILITY、および ANIMATION パラメータに関する詳細情報は[こちら](https://help.pagefly.io/manual/elements-general-settings/)で確認できます。

#### スタイル設定

スタイルタブに関する詳細情報は[こちら](https://help.pagefly.io/manual/elements-style-settings/)で確認できます。

![](/files/6wO1oPNKEC5Mo4ROCcfU)

### 使用例

#### パラグラフのフォントを変更する方法

**スタイリング > グローバルスタイル** に移動すると、グローバルスタイルで本文テキストに設定したスタイルを選択できます。さらに、PageFlyプリセットを選択した場合、下にスクロールしてタイポグラフィ > フォントファミリーを選択し、使用したいフォントを選択することで、パラグラフ要素に別のフォントを設定できます。

![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXcrSx19R94cB6cRlefbS8Oau78ZOJ2ZywaSY-tSH1CgytOn5P5yHkwMzm9lvYU5m-oGx4GiUknREOJEJJ6QLMjRDLBVTkEsEckFmfJEef7147aGHxMHMirAjxtYWYX9mx8LYyyPOPDNd3d1ldY2bA)

グローバルスタイルの詳細については、[こちら](https://help.pagefly.io/manual/global-styling-feature/%23body-text)をご確認ください。

#### パラグラフのテキスト配置を変更する方法

**スタイリング > テキスト配置** セクションに移動します。選択できる配置オプションは4つあります：

\| 左寄せ |

| ![](/files/KrxexBhpnBOcY4oV89tf) |
| -------------------------------- |
| 中央揃え                             |
| ![](/files/Ivip2dmGMmW7EcnnAqQK) |
| 右寄せ                              |
| ![](/files/cRQDqQVCebHdOtC92YxS) |
| 両端揃え                             |
| ![](/files/KMvEJJP7vH5hmS1hqXDb) |

#### パラグラフの背景色を変更する方法

訪問者の注意をよりよく引きつけるために、スタイリング > グローバルスタイル に移動し、グローバルスタイルで設定した本文テキストのスタイルを選択することで、パラグラフの背景色を強調できます。

![](/files/AQb97YDb2QdSsgwxxrar)

PageFlyプリセットを選択した場合は、下にスクロールして背景色を見つけ、希望の色を設定できます。

![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXcLrJlX1oECN6JiseGFksE3CbTdwz6TNaBkqDv_Vs_TqOaXssM7hSu1dvajIxMhYunHPrUj4JTL673TWcxVaUSQ-nx-j-5Pu4JjMijqB3MjV8e8TMGkwWUAcT4o5xRN4ctIUsGSmPizTi_qr7vrgkeyN8s-FAFEm3Hnqxal_YE_NQ.gif)

### パラグラフ使用のベストプラクティス

* テキストの大きな塊を、明確な間隔と改行で区切ります。複雑な情報や手順には、箇条書きまたは番号付きリストを使用します
* ターゲットオーディエンスが簡単に理解できる、明確で簡潔な言葉を優先します
* 製品やサービスが顧客に提供するメリットに焦点を当てます。それがどのように問題を解決し、生活を向上させるかを説明します
* ウェブサイト全体で一貫したパラグラフの書式を維持し、クリーンでプロフェッショナルな外観を保ちます。フォントサイズ、行の高さ、間隔を考慮します
* 訪問者に望ましい行動を促すために、パラグラフ内に戦略的に行動喚起 (CTA) を配置します（例：「**Add to Cart**」、「**Learn More**」）

### よくある質問

**1. パラグラフ要素とは何ですか？**

パラグラフ要素は、ページ上のあらゆるテキストコンテンツを表示し、コンバージョン率を高めるために設計されています。この要素は、Shopifyストア上のあらゆるセクションのコンテンツ、本文、または説明として使用できます。

**2. パラグラフはどのくらいの長さにするべきですか？**

パラグラフは100〜150語程度、3〜4文以内にするべきです。パラグラフを細分化することで、訪問者が読みやすくなり、平均滞在時間が向上します。

### 追加リソース

* [How to Build a Section with Image and Text](https://help.pagefly.io/manual/create-a-section-with-image-and-text/)
* [Edit PageFly Element General Settings – General Tab Configuration](https://help.pagefly.io/manual/elements-general-settings/)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.pagefly.io/pagefly-help-center-japanese/pjito/pagefly-elements/basic/paragraph-element.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.