福岡のWeb・マーケティング
- BEFORE
- 当方がデザインし、画面の上で組み立てる道具（Elementor）で作ったサイト。トップを開くたびに、CSS 35本・JS 20本を読み込んでいた
- NOW
- WordPressのオリジナルテーマ。同じ見た目のまま、CSS 7本・JS 3本に
Elementorは、画面の上で部品を1つずつ触って直す作りです。文章1行の修正にも手作業が必要で、AIに任せることもできませんでした。表示に使う部品とファイルも多く、ページが重くなっていました。
見た目はほぼそのままに、ページの中身をコードで一から書き直しました。コードになったので、修正はAIに指示を出して素早く直せます。全部を一度に替えず、作り直したページから順に切り替えたので、サイトを止めずに移行できました。毎年の年号の書き換えなど、決まった手作業は自動にしています。
トップのHTMLは約186KBから約40KBに。画面を組み立てる部品は322個から0個になり、文章の修正もテーマのファイルを直すだけで済むようになりました。
CLIENT
どんな会社か
東京都江戸川区のお寺（浄土宗）を母体とした、海洋散骨のサービスです。僧侶が立ち会い、宗教・宗派を問わずご供養を執り行っています。2024年に会社を設立しました。
サイトは、当方がデザインして、画面の上で組み立てる道具（Elementor）で組み上げたものです。運用を続けるうちに、修正のたびの手作業と重さが課題になり、見た目はそのままに中身だけをオリジナルのテーマへ作り替えました。お客様には何も変わらず、裏側だけが軽く、直しやすくなっています。
NUMBERS
数字で見る、作り直す前と後
| トップページ | 作り直す前 | 作り直した後 |
|---|---|---|
| HTMLの大きさ | 約186KB | 約40KB |
| 読み込むCSSの数 | 35本 | 7本 |
| 読み込むJavaScriptの数 | 20本 | 3本 |
| Elementorの部品の数 | 322個 | 0個 |
作り直す前は2026年7月、後は2026年10月の本番のトップページで計りました。
PAGES
ページの構成
| ページ | 役目 |
|---|---|
| トップ | サービスの考え方と、相談・申し込みへの入口 |
| 海洋葬とは | 海洋散骨がどういう供養かを、初めての方に |
| 散骨プランとご利用の流れ | プランの内容・料金と、申し込みから散骨までの流れ |
| 法要について | 僧侶が執り行う法要の内容 |
| 私たちについて・会社概要 | 運営の母体と、理念 |
| 法話と声 | 法話と、ご利用された方の声 |
| お問い合わせ | 相談・申し込みのフォーム |
BUILD
作り方
お客様から見たサイトは変えず、裏側のつくりだけを入れ替えました。コードで書いたテーマなので、文章や部品の修正をAIと一緒に素早くできます。
作り直したページから順に新しいテーマに切り替える仕組みにしました。移行の途中でも、サイトは止まりません。
作り直したページでは、使わなくなったElementorの部品やファイルを読み込まないようにしています。
CONTACT