みなさん、こんにちは。WEB担当の桑原です。
今回は、来年（2020年）に、高校の同期のみんなで主催することになった2020年「東京楡の会」総会の、ホームページ制作を楽しんだお話です！
来年、たくさんの人たちが集まるかなぁ。ワクワクします♪
まずは、先輩のホームページをチェック！
地元（北海道）から、遠く離れた東京。
毎年、同じ高校を卒業した同窓生が一同に集まる、スーパー同窓会イベントが開催されています。
今年（2019年）初めて参加したのですが、参加者なんと500人弱！
老若男女、みなさん楽しみにしている、年に１回のパーティーです。
来年（2020年）の開催は、私の高校同期の代が主催するらしく、告知用のホームページを作る係になりました。
まずは、先輩のホームページでお勉強です。
2018年に主催をご担当された先輩は、Wixという無料のホームページ作成 サービスで、ホームページを作られていました。
めっちゃイイセンスです！
今年（2019年）の先輩は、なんと、WordPressを使って、Webサイトを運営されていました！
めっちゃスゴイです。 この時点で、かなりのプレッシャーが（笑）
さてと、どうするかな。。。
ホームページを作る前に、サイトマップを準備します。
こちらの同窓会の運営委員会のホームページを作成するのですが、何年ぶりなんだろうというぐらい、久しぶりにあった同期みんなのプロジェクトチーム型で進めていくことになります。
という訳で必要な機能や決め事を整理して、みんなで情報共有しておいたほうが良さそうでした。
まずは、今年の先輩のスーパーホームページと、引継ぎ会での引継ぎ事項参照にして、サイトマップを作ります。
最初は、この辺を決めなきゃいけないかな。。。
１、トップページ
２、イベント開催案内ページ
３、運営委員会の紹介（委員長挨拶）
４、新着情報（お知らせ、活動報告 等 ブログページ）
５、関連リンク
６、お問い合わせ受付
７、同期のみんなに呼びかけるページ
８、個人情報保護方針
先輩のホームページを参考にして、文言や表現等マネさせて頂けるところは、極力マネさせて頂いています。
先輩、ありがとうございます！ めっちゃ助かってます。
そして、この後、同窓会会報に掲載して頂く広告掲載のお申し込み受付とメインの同窓会イベント案内とお申し込み受付を追加していく予定です。
【広告出展のお申し込み受付】
１、広告掲載のご案内
２、広告掲載のお申込み受付
３、広告掲載して頂いた方へのお礼（一覧）
【同窓会イベント案内とお申込み受付】
１、同窓会イベント開催のご案内
２、イベント参加のお申込み受付
３、イベントに参加して頂いた方へのお礼（報告）
イイ感じですね。かなりの覚悟がいるかも（笑）
デザインに必要な「テーマ」と「ロゴ」をみんなで決めました。
同窓会の運営委員会、なんとみなさんボランティアです。
伝統的に各チームに分かれて、いろいろ準備していきます。また、東京の同窓会と、地元（札幌）の同窓会と、それぞれ年に１回、イベントがあるのでそれぞれで、運営委員会が結成されるそうです。
みんなで、楽しくやろうね（笑）
ということで、「テーマ」については、東京チームの企画案で、「ロゴ」については、地元（札幌）のセンス良いデザイナーの方のデザイン案で、共通「テーマ」「ロゴ」として決まりました！
めっちゃイイ感じです。楽しくなってきました♪
ホームページを制作していきます。いろいろセットアップ！
ホームページを制作するにあたって、次の世代に引き継ぐことも考えて、最小限のコストで制作・運営することにしました。
今まで、私の個人ブログを運営している経験とノウハウを生かして、今年と同じWordPressを使ってホームページを制作していくことにしました。
気合をいれて（笑）、こちらをセットアップしていきます。
１、データを置く、サーバーを決定
２、ドメイン取得
３、SSL設定（セキュリティ対策）
４、設定用アカウント取得（@gmail.com）
５、サーバーにWordPressをインストール
６、WorfPressにデザインテーマを設定（Cocoon）
７、各種コンテンツ用データ（画像、テキスト）を準備
８、各種ページを制作、設定
９、WordPressのプラグインを設定（お問い合わせフォーム）
１０、SEO対策で、検索エンジン上位に掲載されるようにガンバル
・Cocoonで表示を高速化（トップページにAMPを設定）
・WordPressのプラグイン設定
・Goole Analystics に登録
・Google Serch Console に登録
調子に乗って、楽しくめいっぱいやってしまいました（笑）
もちろん、コンテンツの制作は、同期のみんなと協力して、画像データや告知内容、あいさつ文をもらいなから、ホームページを制作しました。
みんなで協力したから、なんとか完成できました！
こちらのホームページで、設定ノウハウをまとめてます。
▼ ご興味のあるかたは、ご参考までにどうぞ ▼
このホームページの制作にめっちゃ役立った本をご紹介します。
いろいろな方にご協力を頂きながら、ホームページは無事セットアップ完了しました！
SEO対策もうまくいったみたいで、おかげさまで検索エンジンの上位に上ってきてます。
やっぱり、Googleさんと仲良くさせて頂くのがイイようです（笑）
また、最新情報を更新していく、こちらのページを作成しました！
サイドバーに、運営委員会ツイッターの最新つぶやきも表示されるようにして、みんなで楽しくやっていきたいと思っています♪
ワクワクするね！
最後に、このホームページの制作にめっちゃ役立った本をご紹介します。
こちらの本です！
WordPress の新エディター Gutenberg の使い方が、とても分かりやすく書いてあって、応用しやすかったです。
助かったなぁ。全力でオススメします！
最後まで読んで頂いて、ありがとうございます。
今回のレポートは、以上です。
引き続きよろしくお願いします。
コメント