DIARY / 2026.08.10

26/08/10 CodexでHIRONOTEをほぼ作り直しました✨️ 2日間のブログ調整記録②

8月8日に「映画ページがかなりシンプルになった」と書いた時は、まだ本番サイトへ反映する前でした。

あの時は「映画ブログは完成してきたので、あとはGAME、DIARY、トップページのみ!!」と思ってたんだけど…

そこだけで終わる訳がなかった💦
あれから約2日、Codexに細かい部分を伝えながらHIRONOTE全体をかなり調整！！✨️

Index

映画ページだけのつもりが終わらない笑

最初はMOVIE・Dramaページの情報を減らして、映画カードを見やすくしたかっただけでした。

でも本番へ反映してスマホで見てみると、今度はGAMEの作品別インデックスが高すぎるし
記事を読み終わった後に次の記事へ進みにくい。
画像を押しても拡大されなくなってる場所まで見つかって、次々気になる😂

Codexに「ここを上に」「これは消したい」「黒背景に黒文字で見えない」と伝えて、直したらPC・タブレット・スマホで確認。NEWERが動かない時は原因を探してまた修正…と言う感じで進めました

GAMEページは、最初に新しいゲーム記事が8件見える形へ変更

その下にゲーム作品別インデックスを置いて、スマホとタブレットでは3段の横スクロールに。前は縦に長くて記事へ辿り着くまでが遠かったけど、今は指で横へ動かしながら作品を選べるように(n*´ω`*n)

記事は8件ずつ「古い8件へ」「新しい8件」で移動出来るようにしたんだけど、途中でNEWERを押しても表示が変わらない時がありました

ページ内リンクと画面の切り替えがぶつかってたらしく、そこを直してスマホで3往復
ちゃんと1～8件、9～16件を行き来出来た時は地味に嬉しかった✨️

MOVIE・DramaにはALLの横へRANKINGを追加しました

記事タイトルの星マーク直後にある点数を読み取って、評価が高い順に自動で並びます。

ここで『ミーガン2.0』の「2.0」を評価だと勘違いする問題があって、いや映画の名前やん😂となりましたが…
星の後ろだけを見るようにして評価4.0へ戻せました。

同じ点数なら記事の日付順。カードの日付もWordPressの更新日ではなく、タイトル先頭の「26/08/08」みたいな日付へ統一しています。

記事の一番下にはPREVIOUS LOG・NEXT LOG、その記事のカテゴリーとタグ、X・LINE・URLコピーを置きました。

最初は黒い背景に黒い文字で何も読めない状態になってて、さすがにこれは分からん笑

通常は白背景と黒文字、タップすると黄色へ変わるように修正。単体画像、カラム、リッチカラムの画像も、押すと大きく表示されるように戻すことに

トップページは最初の記事だけ1カラムで大きく、その下を2カラム6記事、合計7記事に

2ページ目からは2カラムで8記事ずつ。前はLATEST PUBLICとNewPostが重複してたので両方整理して、今は記事一覧がかなりスッキリしています。

公開記事195件で全25ページ。1～2ページ、2～3ページで同じ記事が出てないかまで確認しました。

見た目だけじゃなく、サイトマップ、古いURL、プライバシーポリシー、運営者情報、ads.txtも調整。

以前の日付入りURLは今の記事URLへ移動するようにして、サイトマップからnoindexのタグや著者ページも外しました。

WordPressは7.0.3で最新、SWELLは2.17.1へ更新。使ってなかったプラグイン3個も、公開ページで使われてないことを確認してから削除しました。

最終的にサイトマップ内209URLを確認して、HTTPエラー、タイトル重複、canonical不一致、内部リンク切れは全部0件。数字が全部0になると気持ちいい✨️

Google AnalyticsとSearch Consoleもつながって、AdSenseは申請出来るところまで準備済み。ただ、まだ申請はしてません。

PageSpeedはデスクトップ96、モバイル70。SEOは100になりました。

モバイルは画像がまだ重いっぽいので、次は画像を記事ごとに安全に軽くしたい。
ただ一気に変換すると過去記事の画像まで壊れそうなので、ここは急がず進める予定です。

最初は映画ページだけだったのに、気づけばブログ全体、SEO、収益化の準備まで来ました。

Codexへ何度も「違う、そこじゃない😂」と言いながら作ったけど、前よりかなり自分のブログっぽくなった気がする✨️