고급 영웅 컴포넌트

:information_source: 요약 고급 스타일링 컨트롤을 갖춘 눈에 띄고 사용자 정의 가능한 히어로 섹션을 만들어 줍니다. 개발자 커뮤니티와 코딩 포럼에 완벽합니다.
:eyeglasses: 미리보기 https://vibecommit.dev/
:hammer_and_wrench: 레포지토리 GitHub - thebestgoodguy/vibecommit-hero: Discourse Hero Component · GitHub
:question: 설치 가이드 테마 또는 테마 컴포넌트 설치 방법
:open_book: 디스코urs 테마를 처음 사용해 보시나요? 디스코urs 테마 사용 입문가 가이드

이 테마 컴포넌트 설치

고급 스타일링 컨트롤을 갖춘 눈에 띄고 사용자 정의 가능한 히어로 섹션을 만드는 강력한 디스코urs 테마 컴포넌트입니다. 개발자 커뮤니티와 코딩 포럼에 적합합니다.

Vibe Coders 커뮤니티 테마 컴포넌트 - 완전한 사용자 정의 스위트

이 고급 디스코urs 테마 컴포넌트는 광범위한 사용자 정의 옵션과 전문적인 스타일링 기능을 통해 커뮤니티 포럼을 현대적이고 개발자 중심의 플랫폼으로 변형시킵니다.

:artist_palette: 히어로 섹션 설정

  • 커스텀 테마 설정: 전용 테마 사용자 정의 옵션을 통해 히어로 외관에 대한 완전한 제어
  • 히어로 텍스트 관리: 풍부한 포맷팅 지원을 갖춘 설정 가능한 메인 헤드라인 및 설명 텍스트
  • 행동 유도(CTA) 통합: 사용자 정의 가능한 텍스트, 스타일링, 링크 대상이 있는 내장 CTA 버튼
  • 반응형 디자인: 데스크톱, 태블릿, 모바일 뷰 경험을 위해 히어로 레이아웃을 자동으로 적응

:framed_picture: 비주얼 사용자 정의 옵션

  • 배경 컨트롤: 오버레이 효과를 갖춘 커스텀 배경 이미지 또는 단색 지원
  • 색상 팔레트 관리: 기본, 보조, 강조색을 포함한 포괄적인 색상 스킴 컨트롤

:gear: 고급 스타일링 기능

  • 그라데이션 오버레이: 향상된 시각적 매력을 위한 여러 그라데이션 색상 옵션
  • 애니메이션 효과: 인터랙티브 요소를 위한 부드러운 진입 애니메이션 및 호버 효과
  • 아이콘 통합: 히어로 섹션 내 커스텀 아이콘 지원

:mobile_phone: 모바일 최적화

  • 터치 친화적 인터페이스: 모바일 상호작용을 위한 최적화된 버튼 크기 및 간격
  • 점진적 로딩: 최적화된 이미지 압축 및 지연 로딩을 통한 빠른 로딩 시간
  • 반응형 타이포그래피: 모든 기기에서 최적의 가독성을 위한 자동 폰트 스케일링
  • 모바일 퍼스트 디자인: 모바일 경험을 우선적으로 고려하여 구축

이 컴포넌트는 전문적이고 매력적인 첫인상을 만들면서 모든 기기에서 뛰어난 성능과 사용성을 유지하려는 코딩 커뮤니티, 부트캠프, 개발자 포럼, 기술 토론 플랫폼을 위해 특별히 설계되었습니다.

12개의 좋아요

예시로 versatile banner을 사용하신 것 같습니다. 일반적으로 그렇게 하는 것 자체에는 문제가 없지만, 예를 들어 모든 번역된 로케일 파일을 그대로 유지해 두셨습니다. 영어 파일에서는 "banner"를 "hero banner"로 변경하는 등 커스터마이징을 하셨지만, 번역된 파일에서는 같은 작업을 하지 않으셨습니다. 오해하지 마세요. 컴포넌트를 번역하라고 기대하는 것은 아니지만, 오래된 번역을 제거하는 것이 중요합니다. 독일어 번역이 없다면 제가 작성한 그대로의 영어 텍스트를 보게 됩니다. 하지만 번역을 그대로 유지해 두면 오래된 독일어 텍스트를 보게 됩니다. 일반적으로 오래된 텍스트는 영어 텍스트보다 더 혼란을 줄 수 있습니다.

저라면 모든 번역 파일을 삭제하고 en.yml만 유지할 것입니다.

또한 about.json에서 about_url로 여전히 versatile banner 링크를 사용 중이고, license_url은 리포지토리로 연결되지 않습니다.

7개의 좋아요

맞습니다. 기본 구조에는 다재다능한 배너를 사용하고, 더 많은 기능을 추가했습니다. 필요한 변경 사항을 적용하고 README 파일에 포크 정보를 추가했습니다. 경고해 주셔서 감사합니다.

7개의 좋아요

11개의 게시물이 새로운 주제로 분리되었습니다: Advanced Hero Component 설치 시 500 오류

그러니까 검은색 그라데이션을 제거하는 방법이 전혀 없는 건가요? 검은색 투명 레이어가 위에 올라가 있는 것 없이 이미지를 그대로 표시하고 싶을 뿐입니다. 결국 동작하게 만들기는 했지만, CSS 파일을 다운로드한 뒤 다시 git에 업로드해야 했습니다. 이 부분은 컴포넌트에서 옵션으로 제공될 수 있어야 합니다.

또한 낮/밤 이미지 전환 기능도 작동하지 않거나 아무 효과가 없습니다. 낮/밤 모드 이미지를 업로드할 수는 있지만, 두 이미지 사이를 전환하지는 않습니다.

이 상단 배너는 환영 링크 배너(Welcome Link Banner)의 스타일을 참고해야 한다고 생각합니다.