- 投稿日:2026/03/24
この記事は約8分で読めます
要約
ブログのテーマでcocoon(コクーン)を使っていると「もっとこういうデザインにできたらいいのに!」と思うことがありますよね。
そんな時はChatGPTでHTMLコードを出力して『おしゃれな比較表』や『スクロールできる表』を作ってみませんか?
私がやっているやり方を伝えます!
ワードプレスでブログを開設する時に、よく使われるのが無料のテーマ「cocoon(コクーン)」。
私もブログ運営をしている中で、コクーンを利用していますが
ーーーーーーーーーーーーーーーーーー
・横にスライドする表が作れない
・列幅の調節ができない
・スマホ対応の表が作れない
ーーーーーーーーーーーーーーーーーー
こういった悩みがありました。
そこで、私が実施したのが、ChatGPTにコードを出力してもらって、表を作るということ。
実際にチャッピーに作ってもらった表がこちら👇
スマホの場合は、横にスクロールができるようになっています。
今回は、自分の希望するデザインの表をチャッピー(AI)に出力してもらうプロンプトを公開していきたいと思います。
ブログのデザイン性で悩んでいる人に、読んで良かったと思っていただける情報をお届けできるように頑張りますので、ぜひご覧ください♪
ChatGPTにコードを出す手順(5ステップ)
1. 作りたいデザインを決める
続きは、リベシティにログインしてからお読みください