ブログを9年ぶりにリニューアルしました!

今ご覧いただいてるブログ「オニマガ」ですが、
9年ぶりくらいにデザインリニューアルしました!
2013年にこのオニマガを始めて、2017年に1度目のリニューアル、
そして2022年に2度目のリニューアルをしたんだけど、イマイチで元に戻して。
で、今回2026年、4年ぶりだけど実質9年ぶりというリニューアル。ややこしい。
何が変わったか?というと、実はパッと見はあんまり変わってません。
トップ画像なんて相変わらず2013年のままだし。
(写真を撮ったのは2012年!寺部海水浴場!)
主に中身をちょろっと変えてみました。
リニューアルした理由

元々、見た目のリニューアルなんて考えてなかったんだけど、
裏側で動くWordPressの中身というかコードの改善というか、
主にSEO(検索エンジン最適化)と、サイト軽量化と、
セキュリティの向上って感じで1週間くらい作業をしてたのです。
が、やってるうちにもっとこうしたらいいじゃん?的になってしまって、
試しにちょっとやってみたら、結果ガラッと変わってしまったー。
という感じ(なので無計画リニューアルです)。

意味あるのかないのか、Google Lighthouseでチェック。
普通に良い。
使用したWordPressテンプレート

これはワタクシが以前から運営してる「Minimal WP」という、
WordPressのテンプレートがあるんですが、
その中の「Minimaga」というテーマです。
むしろ、オニマガ用に作ったやつをテンプレート化したもので、
それを引き続き使いながらリニューアルしました。
なのでベースは今までと変わらず一緒。
リニューアルの細かい内容
テーマ全体・設計
- ウィジェットエリアID・メニューロケーションは変えない
- サイト軽量化とSEO強化
- セキュリティ強化
- テーマカラーとフォントの変更(accent-color・Google Fonts)
- テーマのjQuery依存を解消してモダン化(バニラJSに置き換え)
- ダークモードに対応
トップページ
- 新着記事マーキー(ニュースティッカー)の設置
- カテゴリセクションの設置
- LOAD MOREの設置(AJAXハンドラ)
ナビゲーション・ヘッダー
- SPメニューのリニューアル(トグルボタン採用)
- PCヘッダーをsticky化(ミニロゴ付き)
- ヘッダー検索オーバーレイの設置
- フッターナビ用のメニューロケーション追加(未設定時はグローバルナビにフォールバック)
カテゴリ・アーカイブページ
- ヘッダー画像の追加(ランダム表示)
- カテゴリページの子カテゴリピルを設置(exclude付き)
- カテゴリページ下部にタグマーキー追加(SQL直接クエリでカテゴリフィルタリング、タグ数に応じた動的速度)
- ページネーションをflexレイアウト化・SPでdotsを非表示・mid_size削減
記事ページ
- 目次(TOC)を自動表示
- 記事最後部にタグマーキー追加
- オーサーカード自動表示
- 記事タイトル下のウィジェットが空の時は非表示に(is_active_sidebar)
サイドバー・ウィジェット
- サイドバー検索ボックスをPC専用に(SPでは非表示)
- ウィジェットのデザイン変更
検索ページ
- フォームを一新(onfocus/onblur → placeholder)
- 404ページ設置
- 存在しないキーワードでステータスコード410
モバイル
- スクロール横揺れ防止(touch-action: pan-y・マーキーにwill-change: transform)
- iOS Safariのセーフエリア viewport-fit=cover の設定(効かないので保留中)
旧記事の互換性
- 「関連記事:リンク」のテキストを、左画像+右タイトルのリッチカードに自動変換
- 記事タイトルの文字数制限(40文字・30文字)を撤廃
- WordPress 6.4のsizes=”auto”自動付与がcontain: sizeを発動して旧記事の縦画像が伸びるバグをwp_img_tag_add_auto_sizes無効化で修正
- 古いショートコードを無効化
まとめ
ってな感じで、なんのこっちゃかよく分からないかもしれませんが、
ブログをリニューアルしましたよ、って話でした。
(まだ完成ではないので、残りは追々で)
WordPressのテーマってカスタムし放題なのがいいところなわけで
(やりすぎるとハマって大変なことになることもあるけど)、
自分で手を入れると愛着も湧くので、ブログ運営もますます楽しくなりますね。
WordPressで個人ブログやってみたい〜って人は、
こちらの記事を参考にどうぞ。今は超簡単にほぼ自動で始められます。
ブログやホームページ始めませんか?




