Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

UX Improvement: Move "Delete Menu" link to the top header to prevent accidental data loss in nav-menus.php

クローズ 初心者向け
#709 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 2 日以内に返信

まだ誰も着手していません。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
64/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
静か
技術スタック
php
領域
frontend, web-dev

調査の方向性

まず nav-menus.php にあるクラシックなメニューエディターを見つけ、グローバルな "Delete Menu" リンクと下部の "Save Menu" アクションがどのようにレンダリングされているかを確認します。削除アクションをメニューカードの上部ヘッダーに移動し、そのグローバルなスコープがメニュー項目のコントロールと視覚的に明確に区別されるようにしたうえで、Appearance > Menus のワークフローと削除動作を確認します。

索引モデルが issue の本文から書いたものです。

説明

🚨 The UX Problem

In the classic Menus admin screen (nav-menus.php), the "Supprimer le menu" (Delete Menu) link is positioned at the very bottom of the screen, directly adjacent to the "Save Menu" button.

When a developer or user expands a specific menu item to edit or remove it (as shown in the expanded "Contact" item), their focus is directed downward. Because of the close proximity and lack of visual separation, users frequently click "Delete Menu" under the mistaken impression that it will only delete the currently active/expanded menu item. This leads to frustrating, accidental deletion of the entire menu structure plus there is no confirmation message apears before it gets deleted.

Image

💡 Proposed Solution

To eliminate this UX friction and safeguard users from unintended data loss, I propose relocating the global "Delete Menu" action to the top header area of the menu card (the dark gray header containing the menu name, translation settings, and language selector).

  • Contextual Isolation: Moving this destructive, global action away from the individual item editing workflow makes its destructive scope clear.
  • Safer Layout: The primary action (Save) remains at the bottom, while the dangerous global action (Delete) is separated at the top-right.
Image

🛠️ Steps to Reproduce the Friction

  1. Navigate to Appearance > Menus (using the classic menu editor).
  2. Expand any menu item to edit its details.
  3. Scroll/look down to finish editing, and notice how easily the red "Delete Menu" link at the bottom can be mistaken for an item-level removal action.
主要言語
PHP
スター
165
フォーク
229
PR マージ指標
30日以内にマージされた PR はありません

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

WordPress/wordpress.org のほかの issue

WordPress/wordpress.org の issue をすべて見る

似ている issue

PHP の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。