“yukkerom.com”を立ち上げて４年目に突入しました。
コロナ禍に「ブログをはじめよう！」と思い立って勢いでサーバーを借りてから、丸３年が経過。
時間が経ってみると、時が経つのは本当にあっという間である。
３年目までは”ほぼMTG特化型ブログ“として運営していた当ブログですが、
- 2023年10月のGoogleアップデートによる検索からのアクセスの激減
- それに伴う収益の激減
- yukkeromの活動に注力していきたい
という理由から、“yukkerom.com”のトップページをホームページ型にリニューアルすることにしました。
変える前のトップページのWeb魚拓がこんな感じ。
2024年5月8日、トップページの改造開始。
せっかくなので、リニューアルの記録を残しておきます。
WordPressでバンドや自分のページを作りたい人の参考になれば幸いです。
僕がブログやホームページを作っている環境
まずは僕がホームページを作る環境について。
僕が使っている、
- ロリポップ（レンタルサーバー）
- WordPress（ブログソフトウェア）
- SWELL（ワードプレスのテーマ）
について、順々に説明していきます。
①ロリポップ（レンタルサーバー）
“yukkerom.com”というURLを使ってサイトを作るにはレンタルサーバーを借りる必要がありました。
様々な企業がレンタルサーバーサービスを行っています。
僕が選んだのはＧＭＯペパボ株式会社の”ロリポップ”。
理由は“会社で使っているサーバーがロリポップだった”から。
色々なレンタルサーバーサービスを調べたんですが、結果一長一短でよくわからず。
それなら会社で使っているものとおんなじにしたら自分のキャリアアップに繋がるかな？と思いロリポップに。
僕が使っているプランをざっくりまとめてみました。
| プラン名 | ハイスピードプラン |
| 期間 | 36か月 |
| 料金 | 19,800円(税込・2024年5月現在) |
| その他 | 独自ドメイン２個まで無料 容量は500GB |
１年で6,600円ですね。
この後紹介するブログテーマSWELLは買い切りで継続的な費用が発生していないので、yukkerom.comの維持費は毎年6,600円ということになります。
4年間使っていますが、不具合やトラブルなくストレスフルに使えているのでおススメできるサーバーですね。
他のサーバーを使ったことがないので比較はできないですが、お手頃価格で安定してホームページやブログの運営ができるサービスです。
②WordPress（ブログソフトウェア）
レンタルサーバーにブログソフトウェア”WordPress”をインストールしています。
１から自分でホームページやブログを作りたい人のスタンダードなソフトです。
中学生時代(20年くらい前)にHTMLページを作ってffftpでアップロードしてサイトを製作をしたことがありましたが、
HTML形式より簡単にページを作れるし、簡単に更新できると感じています。
デジタル関係の進歩は本当にすごいですね。
③SWELL（ワードプレスのテーマ）
アバターのスキンのような感じで、WordPressには色々なテーマがあります。
無料の物も沢山ありますが、有料のものは特に手をかけなくてもなんとなくそれっぽいサイトができちゃうんですよね。
僕も最初Cocoonという無料のテーマを自分でカスタムしていたんですが、
記事を書くことよりデザインのカスタムに凝るのをやめるために有料テーマを買うことに。
色々調べた結果、
- 最初からシンプルでオシャレ
- 高速化されている
- 使いやすい
と当時高評価だったSWELLを購入しました。
SWELL、今日に至るまで愛用しているんですが、シンプルでいいんですよね。
何回使ってもいいので、色々なサイトを作るのに使えます。
使っている人が多いので、困った時にはググれば解決策が出てくるのがありがたいところ。
今回のホームページも、このSWELLで作っていこうと思います。
SWELLで作ったブログをホームページにリニューアルする方法
今回僕がホームページを完成させるまでの流れはこんな感じです。
ホームページの作り方
- ホームページ全体の構成をざっくり決める
- それぞれの固定ページを作成
- トップページを作成
- 制作したページを表示させる
トップページを構成するコンテンツをザックリ決める
とりあえずトップページを構成する内容を考えてみた。
とりあえず必要なのはこんなところでしょうか。
- PROFILE(日本語と英語のプロフィール)
- MUSIC(今まで出した音源とかの記録)
- BLOG(今までのブログも併せたブログ)
- GALLERY(画像の埋め込み)
構成がざっくり決まったので、ページを作成していきます。
固定ページで土台になるページを作成（②～④）
ページの作成方法は先人たちが丁寧に記事にしてくれているので、
“SWELL HP 作成”
で検索して、自分が一番見やすいと思ったページの通り作成していくのがおススメ。
僕が参考にしたのはこちらのページでした。
この通りに作成してできたのが今回のトップページです。
yukkerom.comをブログからアーティストホームページに変えてみて。
ブログメインだったyukkerom.comをアーティストホームページに変更するのにかかった時間は、ざっくり５時間くらいでした。
詳しいことがわからない素人でもSWELLがあればこの程度のHPを作成することが可能です。
広告の量も自分で調整できて、制約もほぼなし。
広告収入はほぼなくなりましたが、その分音楽での活動に集中して収入を得られればなぁと思います。