> For the complete documentation index, see [llms.txt](https://help.pagefly.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.pagefly.io/pagefly-help-center-japanese/faqtotoraburushtingu/troubleshooting/live-site-issue/why-the-pages-style-is-broken.md).

# ページのスタイルが崩れている

### 概要

概要：

この記事では、PageFlyページのスタイルが「**崩れている**」とはどういう意味か、そしてそれを修正する方法について説明します。スタイルが崩れているとは、ライブビューでのページのレイアウト（マージン、パディング、サイズ、フォントなど）が、エディターで見たときと比べて乱雑に見える状態を指します。

### 要件

* 公開済みのテーマ：Shopifyストアのテーマが公開されていることを確認してください。未公開のテーマでは、PageFlyのコードが正しく実行されない場合があります。

### PageFlyページを公開して、ページのスタイル崩れを修正する方法

ページを公開して、ページのスタイル崩れをすばやく修正しましょう：

### ユースケース

* 新規インストール：PageFlyをインストールしたばかりで、ページを作成し、ライブビューでレイアウトが乱雑または無秩序に見える場合、それは必要なコードがまだストアのテーマに完全にロードされていないためである可能性が高いです。
* テーマの切り替え：最近Shopifyストアのテーマを変更した場合、PageFlyページの適切なスタイルが失われる可能性があります。これは、新しいテーマがPageFlyのコードを完全に統合しておらず、レイアウトの問題につながるために発生します。テーマとのPageFly互換性のステータスは[こちら](https://help.pagefly.io/manual/switch-theme-process-in-pagefly/)で確認できます。

### よくある質問

**1. ページを公開しても問題が解決しない場合は？** ページを再公開してもスタイルの問題が解決しない場合は、[こちら](https://help.pagefly.io/manual/how-can-i-access-the-pagefly-live-chat/)をクリックしてPageFlyサポートに連絡し、さらなる支援を受けてください。彼らは必要なコードがストアのテーマ内で正しく実行されるようにサポートできます。


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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/faqtotoraburushtingu/troubleshooting/live-site-issue/why-the-pages-style-is-broken.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.