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]
### 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)
- **Banner image removed from the Create-Note page.** It was the
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>
<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;">
<!-- Left Section: About Content (70%) -->
<div style="flex: 0 0 70%;">
@@ -58,14 +64,11 @@ function wp_notes_about_page() {
</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>
/* 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 {
display: none !important;
}
+22 -17
View File
@@ -177,14 +177,16 @@ function wp_notes_admin_menu() {
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(
'wp-notes', // Page title
'Create WP Note', // Menu title
'Create WP Note',
'manage_options', // Capability required to see this item
'wp-notes', // Menu slug
'wp_notes_create_page' // Function to display the page content
'wp-notes', // Parent slug
'My Notes', // Page title (browser tab)
'My Notes', // Menu label (sidebar)
'manage_options', // Capability
'wp-notes', // Menu slug (matches parent → same page)
'wp_notes_create_page' // Renderer
);
// Settings submenu
@@ -207,14 +209,15 @@ function wp_notes_admin_menu() {
'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(
'wp-notes',
'About WP Notes',
'About WP Notes',
'About', // Page title (browser tab)
'About', // Menu label (sidebar)
'manage_options',
'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
@@ -487,14 +490,15 @@ function wp_notes_import_data() {
}
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() {
add_management_page(
'Create WP Note', // Page title
'Create WP Note', // Menu title
'manage_options', // Capability required to see this item
'My Notes', // Page title (browser tab)
'My Notes', // Menu label (Tools submenu)
'manage_options', // Capability
'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');
@@ -589,7 +593,8 @@ function wp_notes_emoji_picker_init() {
<?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() {
?>
<div class="wrap">