【AI】AIで作ったページをWordPressに載せたら崩れた理由

AIに頼んで、きれいなページを作ってもらった。手元ではきちんと表示されている。これをWordPressのサイトに載せたら、途端に見た目が崩れた。文字の大きさが変わる、余白がなくなる、色が違う。手元ではあんなに整っていたのに、なぜ。そんなご相談を、よくいただきます。

AIに「WordPressに載せる方法」を聞くと、「このコードを貼り付けてください」と、あっさり説明されます。貼るだけなら簡単そうに見えます。

正直にお伝えします。WordPressは、AIが作ったページを「そのまま」表示してくれる場所ではありません。ここに、崩れる理由があります。

WordPressには、サイト全体の見た目を決めている「着せ替えの型(テーマ)」があります。文字の大きさ、色、余白の取り方などは、この型の側で決まっています。AIが作ったページには、AIが決めた見た目の指定が入っています。この二つが同じ場所でぶつかると、どちらが勝つかで見た目が変わります。型の指定が勝てば、AIのデザインが消えます。AIの指定が勝てば、そのページだけ他のページと雰囲気が変わります。

さらに、WordPressは、貼り付けたサイトの中身の文字(コード)の一部を、勝手に整えたり、取り除いたりすることがあります。AIが作ったコードには、見た目を動かすための部分や、細かい指定が含まれていることが多く、その一部が取り除かれると、崩れの原因になります。手元で動いていたものが、WordPressの中では一部しか届いていない、という状態です。

そして、画像などの素材の場所です。AIが作ったページは、画像が手元のパソコンの場所を指していることがあり、WordPressに貼っても、その場所には画像がないため表示されません。

ここで大切なのは、AIで作ったページが無駄になるわけではない、ということです。デザインの方向性や、文章、構成はそのまま使えます。崩れの原因が「型とのぶつかり」なのか「コードが一部取り除かれた」のか「素材の場所」なのかを切り分ければ、載せ方を変えるだけで整うことがほとんどです。ページごと作り直す必要はありません。

ただ、AIに「WordPressで崩れました」と聞くと、あなたのサイトの型を見ていないまま、一般的な直し方を提案されます。それを試すうちに、型の側の設定まで変えてしまい、他のページも崩れる、ということが起きます。WordPressの崩れは、そのサイトの型を見ないと、原因が絞れないのです。

だからこそ、AIで作ったページをWordPressに載せて崩れたときは、AIに直し方を聞く前に、あなたのサイトの型と照らして原因を切り分けてもらうことをおすすめします。

――――――――――――――――――――

AIで作ったサイトのことで、困っていませんか。

「AIに聞いても直らない」「どこから手をつければいいかわからない」という段階でも大丈夫です。作り直しを前提にせず、原因と直す順番を専門用語なしでお伝えします。ログイン情報はご相談の段階では不要です。

■ AIで作ったサイトの崩れ・不具合のご相談

■ サイトの崩れ・更新できない原因の診断