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

今ご覧いただいてるブログ「オニマガ」ですが、
9年ぶりくらいにデザインリニューアルしました！
2013年にこのオニマガを始めて、2017年に１度目のリニューアル、
そして2022年に２度目のリニューアルをしたんだけど、イマイチで元に戻して。

で、今回2026年、４年ぶりだけど実質９年ぶりというリニューアル。ややこしい。
何が変わったか？というと、実はパッと見はあんまり変わってません。
トップ画像なんて相変わらず2013年のままだし。
（写真を撮ったのは2012年！寺部海水浴場！）

主に中身をちょろっと変えてみました。

リニューアルした理由

元々、見た目のリニューアルなんて考えてなかったんだけど、
裏側で動くWordPressの中身というかコードの改善というか、
主にSEO（検索エンジン最適化）と、サイト軽量化と、
セキュリティの向上って感じで１週間くらい作業をしてたのです。

が、やってるうちにもっとこうしたらいいじゃん？的になってしまって、
試しにちょっとやってみたら、結果ガラッと変わってしまったー。
という感じ（なので無計画リニューアルです）。

意味あるのかないのか、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で個人ブログやってみたい〜って人は、
こちらの記事を参考にどうぞ。今は超簡単にほぼ自動で始められます。

関連記事

【初心者でも簡単】ブログの一番簡単な始め方（WordPressクイックスタート機能を使って全自動でホームページを作る方法）