もぐでざはWP自作テーマで作成
もぐでざは、Wordpressで作成しています。そしてテーマは自作。
オプション等が入っていないので、見出しや関連記事などを自分で作る必要がありました。
ですが…すべて完成してから公開するとなると、何年かかるか分からなかったので、とりあえず公開！で日々更新を続けています😉
ここではその更新履歴を書き出していこうと思います。
カスタマイズ履歴
主なカスタマイズ履歴です😊
月別履歴
- 〜2019.08
- Google Cloud Platform にてWordpress開設
- ブログタイトル考案・ドメイン取得
- キャラクター作成
- ワイヤーフレーム作成
- コーディング・テーマ化
- 「もぐでざ」公開
- twitter埋め込み
- 記事最後にカテゴリー関連記事を追加
- パンくずリストを追加
- 404ページを追加
- タグ機能を追加
- 公開日時・最終更新日を追加
- 過去2ブログから「日記」「十二国記」の記事を約120記事サルベージ
- お知らせや日記等の記事を分割
- ヘッダーに自己紹介記事リンクを追加
- プライバシーポリシーを追加
- Google Adsense 広告追加
- 2019.09
- スマホ画面下に「ページトップへ戻る」「メニュー」「ホームへ戻る」追加
- お知らせと記事投稿を統合。カテゴリーを「人生」へ移動。それに伴う記事一覧修正
- サーバー移行完了。
- ハンバーガーメニューとその中身のデザインを変更。
- 2019.10
- 2020.02
カスタマイズ詳細
ブログタイトル作成
「デザインや日常のことを分かりやすく伝えたい」という気持ちが根幹にありました。上がっていた候補は
- 三度の飯よりデザイン
- もぐもぐデザイン
- 楽々Webデザイン
上記と、ドメインが取得できるかを照らし合わせて「もぐもぐデザイン」に決定。
ただ、タイトルが長すぎると覚えにくいかなと思い、タイトルを「もぐでざ」キャッチコピーを「もぐもぐ食べる、おいしいWebデザイン」としました。
キャラクターを考える
「初心者と一緒にデザインの勉強をしていく」をテーマに作って行こうと思ったので、キャラクターを作りました。
ワイヤーフレーム作成
ああしたい、こうしたい…というのをルーズリーフにわしゃわしゃ書いていきました。
シンプルに作ってコーディングしながら考えていったので、完成したサイトとはほとんど違います☺
これも個人サイトの醍醐味…
ここでどんな記事を入れるかもぼんやりと考え始めました。
コーディング
大変だったけど、楽しい作業。バシバシ書いていきました。
サーバー移行完了！
2019.09.22 サーバー移行が完了しました！
なかなか移行先が決まらず、悩んだ末コスパを選んでスターサーバーにしました。
現在かなり快適！最高です！
ハンバーガーメニューと中身を変更
2019.09.24 突貫工事で作っていたハンバーガーメニューを直しました！
- クリック時のアニメーションを追加
- ランダム表示機能を追加
- 記事を10記事表示
やっと少しましな見た目になってきました…。
脱jQuery
どんなに頑張ってもpageSpeedInsightsが40点前後（スマホ）だったので、試しにjQueryを切ってみたら80点になりました。
jQueryって重いんだなぁ…
なのでCSS化できるものはすべてCSSに、出来ないものはjavascriptで代用しました。
見出し追加
ショートコード入力で見出しが出力されるように変更しました。
こんな感じ。
目次下に広告が出る設定にもしました。
ブログに、目次を自動で入れてくれる機能を実装した😣 テーマ自作だからjavascriptでチマチマ作って、CSSで開閉できるようにした〜 pic.twitter.com/FM424vSJXo
— Webデザインもぐら@noma (@mogumogu_noma) February 29, 2020
思い出したら追記していきます
せっかくだから記録に残そうと思って記事にしてみました。
記憶力なさすぎた…。
これからももぐでざをよろしくおねがいします〜！
今後の課題
今後変更したい部分についてメモがてら記載しておきます。
- スマホ時のメニューデザイン
今はとりあえずで入れてる感がすごいので、しっかり回遊率を意識したデザインに。 - タグの整理
1記事だけしかないものとか…あるから…ちゃんと入れたい - ファーストビューの変更 お
すすめ記事やランキング記事を出すようにしたい - 記事の精度を上げる
画像がすべて消えてしまった名残と、最初の勢いで書いた記事を直していきたい