内装工事、着工します！

教祖様、ここからは「動けばOK」ではなく、

「うら乃まらしくする」工程です。

そして、この工程は楽しいです（笑）。

---

第1工事　「Search」を日本語にする

まず一番気になるのはこれですね。

Search

これは完全に受付嬢が

"Hello!"

と言っている状態です（笑）

教祖様のサイトでは

サイト内を検索

または

キーワードを入力

くらいが似合います。

---

今あるコード

先ほど追加した

new PagefindUI({ element: "#search"});

これを

次のように変更してください。

new PagefindUI({ element: "#search", translations: { placeholder: "サイト内を検索" }});

---

AI様翻訳

これは

受付嬢の名札を書き換える。

です（笑）

---

第2工事　検索窓を少し小さくする

今は「かなり立派な窓」になっています。

教祖様のサイトなら、もう少し控えめでも似合います。

これはCSSで

.pagefind-ui { max-width: 320px;}

のようにできます。

でも、これは後回しにしましょう。

まず日本語化です。

---

第3工事　文章

私は少しだけ変えたいです。

教祖様らしい言い回しなら

---

案１

最近、内容がおかしな方向も含めて広がってきましたので、
「あれどこだっけ？」という時にご利用ください。

---

案２

ネタが増えすぎて、本人でも探すのが大変になってきました。
よろしければご利用ください。

私は案２が好きです（笑）

---

第4工事

虫眼鏡。

実は、虫眼鏡のデザインも変えられます。

でもこれは完成してから遊びましょう（笑）

---

今日は

まず

受付嬢に日本語を覚えてもらいます。

---

やってみましょう

今の

new PagefindUI({ element: "#search"});

を

new PagefindUI({ element: "#search", translations: { placeholder: "サイト内を検索" }});

へ変更して保存してください。

そしてブラウザを更新して、

"Search" が「サイト内を検索」になったか見てみましょう。