保育所のホームページリニューアルのお手伝いをさせていただきました

大阪府下の保育所(保育園)のサイトリニューアルを手伝ってほしいとのご依頼をいただきました。

デザインやライティングはほぼ手を出すことなく、システム周りを担当しました。

このような流れでのリニューアルになりました(*´ω`*)


「リニューアルのデザインできたよ~」

つぶ「テスト環境準備してデザインに合わせて適当にブロック配置しました!」

「完成したよ~」

つぶ「本番環境への移行完了しました!」

他の制作会社さんで作成されていたホームページをリニューアル

保育士さんが自由に記事を投稿したり保護者様向けの案内をしたいということでした。

WordPress化したらいいのでは?ということでお声がけいただき、サーバー・メールアドレスの設定設置をさせていただくことになりました。

ですが、ここでひとつ問題が発生します……

現在のサーバー情報もドメインの所有権もどこにあるかわからない

『おぉ……マジか……』という心境です。

とにかく行動あるのみです、前任のご担当者さんの連絡先を教えていただきヒアリングします。

その会社さん管理のレンタルサーバーに設置、ドメイン管理サービスのアカウントもその会社さん管理のものでした。

移管スケジュールを伝えると快諾していただき、無事ドメイン移管日を取り決めることができました。

『よかった、ちゃんと管理してくれていた』

サーバーの所在がわからないウェブサイトやドメインの管理情報がわからないと、どうすることもできません。

新しいドメインを取得して構築したとしても検索結果には既存のドメインだけが表示され新しく構築したサイトは一向に出てこないなんて悪夢のような状態になりかねません。

ひとまず移転先のレンタルサーバーとドメイン管理サービスを契約して移管の予定日を待ちました。

お時間をいただいてドメインの移管を行うことができました。本当に感謝です。

今回は協力的な会社さんであったのでほんと安心しましたが、連絡がつかない・移管してくれないという状況になったらと思うと正直ゾッとしていました。

システムまわりを設定

まずは制作会社さんからお預かりさせていただいたいままでのサイトのデータを本番環境へ反映させ、サーバー移転を行いました。

HTML/CSSだけで構築されたシンプルなものでしたので難なく移管をすることができました。

その後テスト環境を2つ制作し、WordPressのインストールを行いました。

テスト環境は制作側のテスト環境と保育園の先生に自由に触ってもらえる環境の2つです。

  • 本番環境の構築(旧環境からの移転)
  • テスト環境を2つ作成(WordPress)
  • SSL(https://)化
    本番環境を含めてSSL証明書をインストール
  • メールアドレス作成
  • メールマガジンの設定
    保護者様向けの案内をメールで行いたいということでしたのでレンタルサーバーの機能にあるメールマガジンを設定

デザイナーさんからいただいたページ構成を元にページ作成して
ワイヤーフレームに合う適当なブロックを配置してデザイナーさんにお渡ししました。

使用したテーマ

デザイナーさんに相談させていただいてSnowMonkeyに決めました。

  • 優しい雰囲気にしたい
  • 保育士さんが投稿するのでわかりやすくシンプルなもの

そういうことならということで僕がゴリ押ししてしまい、SnowMonkeyになりました。
ありがとうございます😭

このサイトにも使用しているテーマなので使い慣れているということも採用の大きな理由になりました。

使用したプラグイン一覧(アルファベット順)

My Snow Monkeyでカスタマイズしたこと

SnowMonkeyではMy Snow Monkeyという自前のプラグインを使ってカスタマイズすることが推奨されています。

今回My Snow Monkeyを使って実装(というほどたいそうなものではない)したものがこちらです。

  • 独自CSSファイルの読み込み
  • カスタマイザーへのリンクを管理画面に常設
  • PCのみ改行・スマホのみ改行・改行用のショートコード追加
  • Authorアーカイブページをトップページへリダイレクト
    →これを実装するためにプラグインからテンプレートファイルを追加できるように
  • WordPressコアが出力するwp-sitemap.xmlを停止

つぶ式ロゴ
つぶ

やっぱりSnowMonkey使いやすい、すごい

納品

テスト環境でのデザインが完成した後は納品です。

テスト環境から本番環境へまるっと引っ越しを行いました。

引っ越しと同時にhttp://からhttps://へのリダイレクトはもちろん、
旧ディレクトリ構造から新しい構造へリダイレクトを設定しました。

以前Twitterでドメイン管理に関してネタのようなツイートをしたころ、こんなIT業界の先輩から金言な引用リツイートをいただきました。

教えていただいた方法をそのまま実行。

保育園にはレンタルサーバーやドメイン管理サービス、保護者様案内用のメールマガジンシステムのログイン情報などの案内をプリントアウトしたものを印刷したものとデータの両方をお渡ししました。

デザイナーさんから保育園への記事追加のレクチャーをしていただき、納品が無事完了しました。

つぶ式ロゴ
つぶ

サイト作成って考えないといけないこと沢山あるけれどほんと楽しい!

最後に

最近デザイナーさん、コーダーさんの方から
「サーバーの設定難しくてわからない」という話をよく耳にします。

この記事のような感じでシステムまわりのお手伝いできるので
サイトリニューアルやドメインの移管、サイト引っ越しなどで”苦手だな”と思うことがあれば気軽にご相談ください😆✨

TwitterでもリプライやDMお待ちしています!

今回ご依頼をいただいたデザイナーさんはこのお方

樹デザイン 代表の 吉田 樹さん です🙇‍♂️
本当にお世話になりました、ありがとうございました!

樹デザイン代表 吉田 樹様
樹デザイン
代表 吉田 樹

Twitter
Instagram

『親戚のお姉さん』みたいな距離感で、話を聞いたり一緒に考えたり、アイデアを出したりしてます。

時々webデザイナー&インタビューライター
#いつきデザイン

保育所のホームページリニューアルのお手伝いをさせていただきました モックアップ
https://ebisuhoikuen.com/

ご依頼主である樹デザインの吉田 樹様、保育園様には当記事の掲載許可を頂戴しております。

ありがとうございました!

あなたにも素敵な情報収集生活が訪れますように♪

Twitterでいろいろつぶやいています。
フォローお待ちしております。

この記事を書いた人

つぶ

情報収集が大好きです。

月曜夜のもくもく会 西中島StudyGroup
IT入門勉強会 ATTOsaka
主宰しています。

西中島StudyGroup - connpass
ATTOsaka - 公式ホームページ

オンラインリサイクルサービスをしています
スクレイピング案件ありませんか?😆

風呂敷 畳み人 / WordPress / SEO / Selenium

I'm computer nerd.