WordPress自作テーマカスタマイズとブログについて

WordPress自作テーマカスタマイズとブログについて

もぐでざはWP自作テーマで作成

もぐでざは、Wordpressで作成しています。そしてテーマは自作

オプション等が入っていないので、見出しや関連記事などを自分で作る必要がありました。

ですが…すべて完成してから公開するとなると、何年かかるか分からなかったので、とりあえず公開!で日々更新を続けています😉

ここではその更新履歴を書き出していこうと思います。

カスタマイズ履歴

主なカスタマイズ履歴です😊

月別履歴

〜2019.08
2019.09
  • スマホ画面下に「ページトップへ戻る」「メニュー」「ホームへ戻る」追加
  • お知らせと記事投稿を統合。カテゴリーを「人生」へ移動。それに伴う記事一覧修正
  • サーバー移行完了。
  • ハンバーガーメニューとその中身のデザインを変更。
2019.10
2020.02

カスタマイズ詳細

ブログタイトル作成

「デザインや日常のことを分かりやすく伝えたい」という気持ちが根幹にありました。上がっていた候補は

  • 三度の飯よりデザイン
  • もぐもぐデザイン
  • 楽々Webデザイン

上記と、ドメインが取得できるかを照らし合わせて「もぐもぐデザイン」に決定。

ただ、タイトルが長すぎると覚えにくいかなと思い、タイトルを「もぐでざ」キャッチコピーを「もぐもぐ食べる、おいしいWebデザイン」としました。

キャラクターを考える

「初心者と一緒にデザインの勉強をしていく」をテーマに作って行こうと思ったので、キャラクターを作りました。

ラフ
ラフデザイン。もぐもぐ=もぐらという安直な考え

 

頑張った跡

ワイヤーフレーム作成

ああしたい、こうしたい…というのをルーズリーフにわしゃわしゃ書いていきました。

 

トップページと記事のワイヤーフレーム

シンプルに作ってコーディングしながら考えていったので、完成したサイトとはほとんど違います☺

これも個人サイトの醍醐味…

ここでどんな記事を入れるかもぼんやりと考え始めました。

コーディング

 

ちょっと頑張ってる感がある画面

大変だったけど、楽しい作業。バシバシ書いていきました。

サーバー移行完了!

2019.09.22 サーバー移行が完了しました!

なかなか移行先が決まらず、悩んだ末コスパを選んでスターサーバーにしました。

現在かなり快適!最高です!

ハンバーガーメニューと中身を変更

2019.09.24 突貫工事で作っていたハンバーガーメニューを直しました!

  • クリック時のアニメーションを追加
  • ランダム表示機能を追加
  • 記事を10記事表示

やっと少しましな見た目になってきました…。

脱jQuery

どんなに頑張ってもpageSpeedInsightsが40点前後(スマホ)だったので、試しにjQueryを切ってみたら80点になりました。

jQueryって重いんだなぁ…

なのでCSS化できるものはすべてCSSに、出来ないものはjavascriptで代用しました。

見出し追加

ショートコード入力で見出しが出力されるように変更しました。

こんな感じ。

この記事のもくじ

    目次下に広告が出る設定にもしました。

    思い出したら追記していきます

    せっかくだから記録に残そうと思って記事にしてみました。

    記憶力なさすぎた…。

    これからももぐでざをよろしくおねがいします〜!

    今後の課題

    今後変更したい部分についてメモがてら記載しておきます。

    1. スマホ時のメニューデザイン
      今はとりあえずで入れてる感がすごいので、しっかり回遊率を意識したデザインに。
    2. タグの整理 
      1記事だけしかないものとか…あるから…ちゃんと入れたい
    3. ファーストビューの変更 お
      すすめ記事やランキング記事を出すようにしたい
    4. 記事の精度を上げる
      画像がすべて消えてしまった名残と、最初の勢いで書いた記事を直していきたい

    スポンサーリンク

    おすすめ本の紹介

    直感的にデザインが分かっちゃうスバラシな本です

    余白の大事さがギュッとこの一冊で分かっちゃう

    WP中級者向け。テーマ作成で役立ちます。

    関連記事

    新着記事

    もっと見る