茨城県土浦市 *** picopico diary *** ピアノ教室ブログ

つっ・・・・・・・・・

つ、つかれた・・・・・・・・

ホームページ・・・・・レスポンシブ化・・・した・・・・・ガクッ。（←力尽きて倒れる音）


あのですね、ここ数日、教室のホームページを作り直してたんですよ。

今の時代サイトの見え方もスマホ対応にしないとじゃないですか。
今まで10年以上？前にHTMLタグ手打ちで作ったPC向けオンリーのサイトだったわけです。

これねこれこれ↓



かわいいし愛着があるわ♡
手作り感がいいよね♪（自分でべた褒めである）


でも令和の時代が幕を開けた今、スマホ対応じゃないサイトなんて・・・お話にならないじゃないですか・・・っっ！！（声を殺して泣く）

そんでSSL化しないとサイトの上部に「安全ではありません」っていちいち表示されてカチンとくるし！

それで意を決して取りかかったわけですよ。サイトの作り直し。


レスポンシブ化ってやつですよっっ！！！


PCでもスマホでもタブレットでも、端末の画面サイズに対応して表示されるようにサイトを作るってことです。


えーと具体的には私はWordPressを使って作りました。
もちろん内容というかコンテンツは元々のサイトにあったものを移行したわけなのですが、まあWordPressを実際に動かせるようになるまでが予想通りスムーズになんか行かないわけですよ。

PHPのバージョンを新しくしろだの新しくしたら接続できなくなってリダイレクトファイルのファイル名を変えろだのWordPressのファイルのユーザー名を変えろだの、いちいち分からないしいちいち自分で調べておそるおそるやってみるしかないわけです。

でWordPress使える環境になったものの、操作に慣れるまでがこれまた大変。
まあキリがないので愚痴はこれくらいにしましょう。


でもね、基本的に好きなんですよ。サイト作ったりするの。だからパニックになりながらもこの数日で使い方も覚えてとりあえずざっとサイト見られるように作って公開しました。


ということで見てみてください☆
レスポンシブ化した「@ piano room」です〜！！

　→「@ piano room」



スマホで見るとこんなになってます。



右上にメニューがあります。

開くとこんなですね。




なんていうか地味っちゃ地味ですけど（笑）、とにかくシンプルじゃないとイヤなのと、元々の手作り感をそのまま残したかったのでこんな感じになりました。

相変わらずパッと見「ピアノみ」がない。全然ない。なんのサイトやねん（笑）


ほんとはブログもお引越しすべきなんだけど、何て言っても記事が600以上あるからなあ・・・
それだけはあとでゆっくり考えよう・・・

とりあえずざっと全体を見れるように作ったので、あとでおいおい細かいところは直します。


ということでやっとリニューアルした「@ piano room」サイトをこれからもよろしくお願い致します♪