ux: rename "Create WP Note" → "My Notes" and "About WP Notes" → "About"

The "Create WP Note" submenu was misleadingly narrow — that page is
the central dashboard (create form + active list + completed list +
edit + restore). Renamed to "My Notes" to match the WP-native
"Posts → All Posts" pattern and reflect that users land there for
everything, not just creation.

"About WP Notes" → "About": the WP Notes brand is already carried by
the parent menu, so the submenu can be plain-spoken.

CHANGES
- wp-notes.php: WP Notes submenu "Create WP Note" → "My Notes"
- wp-notes.php: Tools menu shortcut "Create WP Note" → "My Notes"
  (same target page)
- wp-notes.php: WP Notes submenu "About WP Notes" → "About"
- wp-notes.php: callback docblock updated to reflect new name
- inc/wp-notes-about.php: page H1 trimmed to match the Tier-1 style
  on the main page (h1 "About" + version chip + wp-header-end hr),
  replacing the previous "Welcome to WP Notes About Page v3.0.2"
- inc/wp-notes-about.php: removed a redundant nested
  <div id="header"> with display:none that was dead markup leftover
  from an older layout

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-25 07:44:04 +01:00
parent 868911dfa6
commit b34d2d8f70
3 changed files with 49 additions and 24 deletions
+17
View File
@@ -7,6 +7,23 @@ Format: [Keep a Changelog 1.1.0](https://keepachangelog.com/en/1.1.0/) — versi
## [Unreleased] ## [Unreleased]
### Changed — Menu labels: "Create WP Note" → "My Notes", "About WP Notes" → "About"
- **"Create WP Note" submenu renamed to "My Notes"** (both in the WP
Notes parent menu and the Tools → quick-access shortcut). The page
is the central dashboard — create form + active list + completed
list + edit + restore — so "Create" was misleadingly narrow.
"My Notes" matches the WP-native `Posts → All Posts` pattern.
- **"About WP Notes" submenu renamed to just "About".** The WP Notes
brand is already carried by the parent menu, so the submenu can be
plain-spoken.
- **About page H1 trimmed** to match the Tier-1 style on the main
page: `<h1>About</h1>` + version chip instead of the old
*"Welcome to WP Notes About Page v3.0.2"* mouthful. Same
`wp-heading-inline` + `page-title-action` + `wp-header-end` recipe.
- Removed a redundant nested `<div id="header">` with `display: none`
on the About page — it was dead markup leftover from an older
layout.
### Changed — Banner moved to About page (side-by-side intro) ### Changed — Banner moved to About page (side-by-side intro)
- **Banner image removed from the Create-Note page.** It was the - **Banner image removed from the Create-Note page.** It was the
first thing under the page title and took up significant vertical first thing under the page title and took up significant vertical
+10 -7
View File
@@ -39,6 +39,12 @@ function wp_notes_about_page() {
} }
</style> </style>
<div class="wrap">
<h1 class="wp-heading-inline">About</h1>
<span class="page-title-action">v<?php echo esc_html(WP_NOTES_VERSION); ?></span>
<hr class="wp-header-end">
</div>
<div class="wrap" style="display: flex; gap: 20px;"> <div class="wrap" style="display: flex; gap: 20px;">
<!-- Left Section: About Content (70%) --> <!-- Left Section: About Content (70%) -->
<div style="flex: 0 0 70%;"> <div style="flex: 0 0 70%;">
@@ -58,14 +64,11 @@ function wp_notes_about_page() {
</div> </div>
</div> </div>
<h1>Welcome to WP Notes About Page v <?php echo esc_html(WP_NOTES_VERSION); ?></h1>
<div class="wp-notes-welcome" style="background: #fff; padding: 20px; margin: 20px 0; border: 1px solid #ccc;">
<p>WP Notes is your task management solution for WordPress. Keep track of your todos, collaborate with team members, and never lose important notes.</p>
<div id="header" style="display: none; margin-top: 10px;">
</div>
</div>
<style> <style>
/* Hides most plugin notices */ /* Hide most plugin notices on the About page — they push the
long-form content down and the user came here to read, not
to dismiss admin chatter. Scoped to the About page only by
virtue of living in this file. */
.notice, .updated, .error { .notice, .updated, .error {
display: none !important; display: none !important;
} }
+22 -17
View File
@@ -177,14 +177,16 @@ function wp_notes_admin_menu() {
3 3
); );
// Add "Create WP Note" to the Admin Bar menu // "My Notes" the main landing submenu (same slug as the parent
// menu, so clicking either WP Notes or My Notes lands on the same
// central dashboard: create form + active list + completed list).
add_submenu_page( add_submenu_page(
'wp-notes', // Page title 'wp-notes', // Parent slug
'Create WP Note', // Menu title 'My Notes', // Page title (browser tab)
'Create WP Note', 'My Notes', // Menu label (sidebar)
'manage_options', // Capability required to see this item 'manage_options', // Capability
'wp-notes', // Menu slug 'wp-notes', // Menu slug (matches parent → same page)
'wp_notes_create_page' // Function to display the page content 'wp_notes_create_page' // Renderer
); );
// Settings submenu // Settings submenu
@@ -207,14 +209,15 @@ function wp_notes_admin_menu() {
'wp_notes_import_export_page' 'wp_notes_import_export_page'
); );
// About WP Notes submenu // About submenu — the WP Notes brand is already carried by the
// parent menu, so the submenu can be plain-spoken.
add_submenu_page( add_submenu_page(
'wp-notes', 'wp-notes',
'About WP Notes', 'About', // Page title (browser tab)
'About WP Notes', 'About', // Menu label (sidebar)
'manage_options', 'manage_options',
'wp-notes-about', 'wp-notes-about',
'wp_notes_about_page' // Callback for About WP Notes page in wp-notes-about.php 'wp_notes_about_page' // Renderer in inc/wp-notes-about.php
); );
// Register settings with validation callback // Register settings with validation callback
@@ -487,14 +490,15 @@ function wp_notes_import_data() {
} }
add_action('admin_menu', 'wp_notes_admin_menu'); add_action('admin_menu', 'wp_notes_admin_menu');
// Add "Create WP Note" to the Tools menu 29th Oct 2024. // Tools → My Notes — quick-access shortcut for users who think of
// notes as a "tool" rather than navigating WP Notes from the top menu.
function wp_notes_add_tools_menu() { function wp_notes_add_tools_menu() {
add_management_page( add_management_page(
'Create WP Note', // Page title 'My Notes', // Page title (browser tab)
'Create WP Note', // Menu title 'My Notes', // Menu label (Tools submenu)
'manage_options', // Capability required to see this item 'manage_options', // Capability
'wp-notes-create', // Menu slug 'wp-notes-create', // Menu slug
'wp_notes_create_page' // Function to display the page content 'wp_notes_create_page' // Renderer (same page as wp-notes)
); );
} }
add_action('admin_menu', 'wp_notes_add_tools_menu'); add_action('admin_menu', 'wp_notes_add_tools_menu');
@@ -589,7 +593,8 @@ function wp_notes_emoji_picker_init() {
<?php <?php
} }
// Callback function for "Create WP Note" page // Callback function for the "My Notes" page (registered from both the
// WP Notes submenu and Tools → My Notes; both route here).
function wp_notes_create_page() { function wp_notes_create_page() {
?> ?>
<div class="wrap"> <div class="wrap">