このサイトの作り方
今回は機能追加でもなければレヴィさんにすら関係ない、誰得情報をお届けしたいと思います。
レヴィ・エリファ アーカイブスができるまで
このサイトを作った際のもろもろを、備忘録を兼ねて書き留めておこうと、そういう趣旨です。
期間的なもの
まず、公開までのざっくりとした流れを思い出してみますと、このサイトを作ろうとうっすら考え始めたのは3月の中頃でした。
仕事の合間にページ構成やそれに必要な技術的な面の調べ物等を経て、腹をくくってサーバをレンタルしたのが3/28です。
そこからサイトに必要な機能の積み込みと、歌枠やゲーム配信枠をデータ化して表に登録するといった作業を行い、直近1ヶ月分の情報を登録できた時点でTwitterに宣伝ツイートを行ったのが4/3でした。
必要なもの
このサイトを作るにあたって必要なものは、
- サーバ費用（月額250円＋α）を払う覚悟とクレジットカード
- HTMLに関するちょっとした知識（ぶっちゃけググればなんとかなるのでなくても大丈夫）
これだけです。
手順的なもの
ものすごくざっくりとサイト構築手順を書くと以下のようになります。
- ロリポップ！レンタルサーバーでサーバをレンタルする（ライト以上を選択）
- ロリポップ！レンタルサーバのWordpressかんたんインストール機能を使ってWordpressをサーバにインストールする
- WordPressの管理画面にログインして、テーマ「Lightning」をインストールして適用する
- プラグイン「NinjaTables」をインストールする
- サイトの設定（タイトルやサイトトップのスライドの設定等）
- 歌リスト/ゲーム実況リスト用のページ、Aboutページを作成する(固定ページ)
- メニューに各リスト、Aboutページへのリンクを設定したり、見た目を整える
- 歌リスト、ゲーム実況リストをNinjaTablesでそれぞれ作成し、データを登録する
4番目を終えた時点でほぼこのサイトの見た目の枠組みができあがります。
massaは本職プログラマであり、Webデザイナーではないため、デザインはほとんどテーマそのままです。Lightnigテーマ様様です。
個々の項番について詳しい話をしようとすると、それぞれ記事が一本書き上がる可能性もあるので、とりあえず今回はざっくり紹介ということで。
なぜ〇〇を選んだか
先程の手順の中にいろいろ単語がでてきましたが、それぞれなぜそれを選んだのかをさらっと。
ロリポップ！レンタルサーバー
レンタルサーバーサービスはいろいろありますが、安価なのと、プランのアップグレードが簡単なこと、Wordpressの簡単インストール機能とか、独自ドメインを使えて、無料でSSL対応できることとか、いろいろ楽だったのでロリポップ！にしました。
さらに、土日に登録すると初期費用が無料になるキャンペーンをやっていたり、対象のドメインが限られているものの、ムームードメインが1年分無料で取得できるクーポンがもらえたり、とりあえずサイト作ってみたいという場合にも魅力的な割引が多い印象です。
WordPress
Webページの作成・管理を簡単にする、CMSと呼ばれるソフトウェアですが、Wordpressは広く使われていているので、トラブル時にも事例を見つけやすいですし、プラグインも数多く作られているため、やりたいことを実現させやすいと思います。
Lightningテーマ
かなり柔軟な設定が可能なテーマで、コンテンツもスッキリ見せることができるので、気に入っています。
推奨の追加プラグイン「VK All in one Expansion Unit」も組み合わせると、さらにいろいろなコンテンツの見せ方ができるので、どんなサイトにも適用しやすいと思います。
NinjaTables
WordPressで作りにくい表をスッキリとした形で作成・表示することができるようになるプラグインです。
公開した当初は「TablePress」というプラグインを使っていましたが、行数が多くなると検索ボックスが表示されるまでに時間がかかるようになったため、NinjaTablesへ移行しました。
以上、誰得情報でした。
