ux: rewrite About page — readable cards, accurate version history
The About page had been showing "Version 2.0.3 (Current)" while the
plugin reports v3.1.0 — the on-page version log was years behind
the actual changelog. Both the About and Version History sections
were also hidden behind onclick=toggleSection() buttons by default,
which is anti-UX for a page users specifically navigate to in order
to READ content.
Rewrote the left column as three plain cards using the same visual
rhythm as the side-by-side intro row that landed earlier today:
1. What WP Notes does — two paragraphs of prose
2. Who it's for — clean bulleted list (dropped the "Teachers ←
Email Notifications" entry since that feature isn't implemented
in v3.x; the claim was misleading)
3. Version history — compact, accurate, latest-first summary:
v3.1.0 (latest, with "latest" pill) → v3.0.2 → v2.x → v2.0.0.
Plus a "View the full CHANGELOG.md →" link to the canonical
history on Gitea so the on-page summary stays small.
Also fixed:
- Removed redundant duplicate paragraphs ("WP Notes is a versatile
plugin that caters to a wide range of users" appeared twice in
two consecutive lines).
- Removed invalid HTML (bare <li> outside <ul>, <p> wrapping <li>).
- Removed a buried banner image + buried Buy-Me-A-Coffee that
were inside the hidden-by-default Version History toggle —
visible to no-one. Both already exist in better positions on
the page.
Added CSS classes for the new cards (.wp-notes-about-card,
.wp-notes-about-card--versions) including a green "latest" pill
on the current version and monospaced version labels in the
plugin's blue.
Right-column feedback box unchanged. toggleSection() helper kept
(still referenced by the feedback form's submit handler — its
broken behaviour is a separate Tier 2 problem).
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -7,6 +7,48 @@ Format: [Keep a Changelog 1.1.0](https://keepachangelog.com/en/1.1.0/) — versi
|
||||
|
||||
## [Unreleased]
|
||||
|
||||
### Changed — About page rewritten (content + layout)
|
||||
The About page (`Settings → WP Notes → About`) has been rewritten
|
||||
from "wall of nested toggle boxes with outdated content" to
|
||||
"readable cards with accurate content". The left column is now
|
||||
three plain cards: **What WP Notes does**, **Who it's for**, and a
|
||||
**Version history** that actually matches the current plugin
|
||||
version.
|
||||
|
||||
What changed:
|
||||
- **Removed two `<button>onclick=toggleSection()</button>` wrappers**
|
||||
around the About and Version History sections. Users came to the
|
||||
About page to read content — hiding it behind a toggle was
|
||||
anti-UX.
|
||||
- **"Version 2.0.3 (Current)"** entry was lying — the plugin is now
|
||||
v3.1.0. Replaced the whole version section with a compact
|
||||
accurate summary (v3.1.0 → v3.0.2 → v2.x → v2.0.0) plus a
|
||||
prominent **"View the full CHANGELOG.md →"** link to the canonical
|
||||
history on Gitea so the on-page summary doesn't have to be
|
||||
exhaustive.
|
||||
- **Removed redundant duplicate paragraphs** ("WP Notes is a
|
||||
versatile plugin that caters to a wide range of users" appeared
|
||||
twice in two lines).
|
||||
- **Removed invalid HTML** — bare `<li>` outside `<ul>`, `<p>`
|
||||
wrapping `<li>`.
|
||||
- **Removed buried banner image + Buy-Me-A-Coffee** that were
|
||||
inside the (hidden-by-default) Version History toggle, never
|
||||
seen by anyone. The banner already lives at the top of the page
|
||||
in the side-by-side intro row; the support link already lives in
|
||||
the right-column feedback card.
|
||||
- **Dropped the "Teachers want progress with Email Notifications"
|
||||
use-case** — email notifications aren't implemented in v3.x so
|
||||
the claim was misleading.
|
||||
- **Added three CSS card classes** (`.wp-notes-about-card`,
|
||||
`.wp-notes-about-card--versions`) for visual rhythm with the
|
||||
intro row above, plus styling for the version entries (latest
|
||||
pill, monospace version labels).
|
||||
|
||||
The right-column feedback box is unchanged. `toggleSection()` is
|
||||
also unchanged — still defined (no harm, used by the feedback
|
||||
form's broken-since-forever submit handler which is its own
|
||||
Tier 2 problem).
|
||||
|
||||
---
|
||||
|
||||
## [3.1.0] — 2026-05-25
|
||||
|
||||
Reference in New Issue
Block a user