Discourse와 웹사이트 사이에 전역 헤더 추가

저희는 Discourse 사이트와 WordPress 사이트에서 모두 접근 가능한 현대적이고 반응형인 헤더를 원합니다. 제 질문은 메인 웹사이트에 다른 플랫폼을 사용하는 경우에도 해당될 수 있으며, 현재 WordPress를 사용 중일 뿐입니다.

현재까지 매우 기본적인 네비게이션 바로 이 목표를 달성했습니다. 모바일 반응형이며, 모바일 기기를 사용할 경우 텍스트 제목이 제거되고 버튼 아이콘만 표시됩니다.

웹사이트 - Pickleballist

웹사이트: 모바일

Discourse - Pickleballist Community

Discourse: 모바일


글로벌 헤더의 HTML과 CSS를 모두 직접 작성했으며, 매우 기본적인 수준입니다.

사이트와 제공 서비스가 확장됨에 따라 더 견고한 글로벌 내비게이션 메뉴를 갖추는 것이 좋겠습니다. 하지만 현재처럼 작동하여 Discourse 사이트와 WordPress 사이트 모두에 동일한 헤더 메뉴를 설치할 수 있기를 바랍니다.

"Monaka"라는 CSS 반응형 메뉴를 찾았는데, 저희 요구사항에 적합할 것 같지만 제게는 조금 너무 복잡합니다… 어떻게 구현/설치해야 할지 모르겠습니다.

이 부분에 대해 어떤 조언이 있을까요?

참고로, 글로벌 내비게이션 메뉴 등에 대해 비슷한 주제들이 몇 가지 있지만, 저희 요구사항에 특화된 해결책을 찾지 못했습니다.

  1. How can i add custom hamburger menu
  2. Custom Header Links
  3. Custom hamburger menu links