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

Add option to use a single header HTML structure for both desktop and mobile

オープン
  • 何か問題がありますか？
#4,540 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

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

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

評価

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

調査の方向性

まず、Header Builder Customizer の設定と、デスクトップ／モバイルのレンダリングのエントリーポイントを追跡します。Footer Builder に既存の single-layout 機能と比較して、想定される設定と動作を特定します。新しい toggle がデフォルトで個別のレンダリングを維持し、条件付きで単一の header 構造を出力し、モバイル toggle または hamburger の動作を維持できれば完了です。

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

説明

customer report feature-request-triage

Impact: 75 · Confidence: 95 · Complexity: 75

Description

Problem

The Neve Header Builder currently outputs separate HTML nodes for the desktop and mobile header views, hiding the inactive view via CSS. This creates duplicated HTML elements (logos, navigation menus, buttons) which inflates the DOM size, affects page weight, and can create duplicate accessibility text/links for screen readers.

Desired Behavior

Provide a Customizer setting (e.g., "Use desktop header layout on mobile") that allows users to render only a single set of header HTML. When enabled, the theme should rely purely on responsive CSS to handle the transition to mobile layout, eliminating the secondary mobile-specific HTML wrapper entirely. This should mirror the capability currently available in the Neve Footer Builder.

Acceptance Criteria
  • Add a toggle in the Header Builder settings to apply the desktop layout/HTML to mobile devices.
  • When enabled, the builder conditionally skips rendering the mobile header wrapper and outputs only one unified header structure.
  • Ensure mobile toggle/hamburger behaviors continue to function seamlessly when inheriting the desktop header HTML.
  • Maintain current separate-node rendering as the default to ensure backwards compatibility for existing sites.

Customer Context

An intermediate-level pro user is requesting a way to prevent duplicate header DOM nodes to optimize page performance and SEO/accessibility metrics. They note the footer builder already allows using one layout across devices and they desire the same functionality for the header builder to reduce DOM complexity.

Root Cause Analysis

The root cause is an architectural decision in Neve's Header Builder to render specific DOM structures for distinct device views (Desktop vs. Mobile) to allow full flexibility in building completely different headers per device. While this enables high customizability, it forces users with simpler header designs to carry the performance penalty and accessibility confusion of duplicated DOM elements that are simply display-toggled via CSS. The gap is the lack of a capability to opt out of this device-split rendering in favor of a single, purely CSS-responsive DOM tree.

Reasoning

The customer has identified a legitimate optimization gap in the Neve Header Builder. Rendering separate HTML branches for desktop and mobile increases DOM size and can cause duplicate accessibility text or navigation links. The request to optionally mirror the desktop header HTML on mobile—relying on responsive CSS instead of duplicated nodes—is well-reasoned and aligns with performance best practices.

Source: HelpScout #3383993106
Generated by feature-request-triage workflow (ID: feature-request-triage_6a5349954b5fe5.70064094)

主要言語
PHP
スター
307
フォーク
88
平均マージ
1日 19時間
マージ済み PR（30日）
17

環境構築

はじめの一歩

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

Codeinwp/neve のほかの issue

Codeinwp/neve の issue をすべて見る

似ている issue

PHP の issue をもっと見る

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

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