提案用のデモ/記事・数字はサンプルです。各項目の「改修前/改修後」を押すと、その場で表示が切り替わります。

WordPressメディアの「機能改善・不具合修正」でよくある4つ

ご依頼内容がまだ固まっていないと拝見しましたので、実際によくご相談いただく改修を、 押して動く形で並べました。この中に近いものがあれば、そこからお話しできればと思います。

1記事が探せない(一覧の絞り込み・検索)

記事が増えるほど、読者は目当ての記事にたどり着けなくなります。カテゴリと語句で即座に絞れるようにします。

改修前

新着順に並ぶだけ。読者は上から順に探すしかありません。

    やること:カテゴリのタクソノミーで絞り込み+タイトル・本文の部分一致検索。ページを再読み込みせずに切り替わります。

    2長い記事が読みにくい(目次の自動生成)

    見出しから目次を自動で作ります。記事を書く人が目次を手で作る必要はありません。

    県内の味噌蔵をたずねて(サンプル記事)

    1. 仕込みは冬にはじまる

    寒い時期に仕込むと雑菌が入りにくく、ゆっくり発酵が進みます。ここでは大豆を蒸す工程から見せていただきました。

    2. 麹をつくる部屋

    室(むろ)と呼ばれる部屋の温度は、季節を問わず一定に保たれています。

    3. 樽で寝かせる二年間

    杉の樽で二年。重石の重さは樽ごとに変えているそうです。

    4. 直売所で買えるもの

    蔵の隣の直売所では、樽ごとの味の違いを試してから選べます。

    やること:本文中の見出しを拾って目次を組み立て、記事上部に差し込む。押すとその見出しまで移動します。

    3スマホで表がはみ出す(不具合修正)

    パソコンでは問題なく見えていても、スマホでだけ横にはみ出して読めなくなる、よくある崩れです。

    蔵の名前創業樽の数直売所
    山ノ上味噌1897年42あり
    川口醸造1923年18あり
    三ツ木こうじ店1951年9なし

    やること:表を横スクロールできる箱に入れ、折り返しを許可する。記事を書き直さずCSS側で直せます。

    4画像が重い(表示の軽量化)

    記事に貼った写真が撮影サイズのまま入っていると、読み込みが遅くなります。

    やること:表示サイズに合わせた画像を配信し、WebP化と遅延読み込みを入れる。 ※上のバーは仕組みを示す図で、実測値ではありません。実際の数値は貴サイトを計測してからお出しします。

    この4つ以外でも

    どこを直したいかが決まっていなくても、いまの画面を見せていただければ、直せる/直せないの切り分けからお手伝いできます。