Magento용 Hyva 테마: 무엇을, 왜, 어떻게?

최근 네덜란드의 Webwinkel Vakdagen, Meet Magento NYC/UK, 독일의 Hyva Camp 등 다양한 오프라인 이벤트부터 가상 이벤트(Hyva 밋업, Hyva Hackathon)에 이르기까지 다양한 곳에서 Hyva라는 이름을 접하셨을 것입니다. 또한 일부 널리 퍼진 Magento 확장 제공업체는 자사 제품이 이제 Hyva 테마와 호환된다고 발표했습니다.

아직까지는 Builtwith에 따르면 1,178개의 웹사이트가 Hyva Themes를 사용하고 있으며 그 중 246개, 202개, 168개가 벨기에, 네덜란드, 미국에 있습니다.

따라서 Magento 개발자 또는 Magento 판매자라면 Hyva 테마가 무엇인지 궁금할 것입니다. 이 기사에서는 이 특별 테마가 제공하는 이점부터 사용을 시작하는 방법에 이르기까지 이 특별 테마에 대해 알아야 할 모든 것을 공개합니다. 시작할 준비가 되셨습니까? 읽어!

Hyva Magento 2 테마란 무엇입니까?

테마 아이디어는 어떻게 나왔나요?

Magento는 웹 스토어를 위한 사용자 정의 유연성 및 다중 스토어 기능과 같은 많은 이점을 제공합니다. 슬프게도 Magento의 프론트 엔드는 플랫폼의 장점이 아닙니다. UI 구성 요소는 매우 정교하고 개발 프로세스에 많은 추가 노력을 추가합니다. 숙련된 코더라도 사소한 변경을 실행하려면 광범위한 교육이 필요합니다. Magento Luma 테마의 또 다른 문제는 로딩 시간을 늘리고 최적화하기 어려운 상당한 양의 JavaScript 코드입니다.

일반적으로 Magento 기본 테마를 사용하는 데에는 세 가지 주요 단점이 있습니다.

• 엄청나게 느리다
• 죽은 코드가 많다
• 커스터마이징에 시간이 걸립니다

그래서 하이바가 들어왔다.

Hyva 테마 개요

Hyva는 색다른 Magento 2 테마입니다. 표준 Adobe Magento 템플릿 캔버스에서 RequireJS, KnockoutJS 및 jQuery와 같은 번거로운 라이브러리를 제거하고 대신 더 가벼운 AlpineJS 및 TailwindCSS를 사용함으로써 Hyva는 현재 가장 빠른 Magento 템플릿 중 하나가 되었습니다.

더 간단하게 하자! Hyva는 코드의 모든 불필요한 요소를 제거하고 개발을 위해 일부 라이브러리를 변경하여 보다 효율적으로 작동하도록 하는 Magento 2의 테마입니다.

비용

Hyva 테마의 가격은 얼마입니까? Hyva는 VAT를 제외하고 €1,000에 라이선스를 한 번 구매할 수 있는 기회를 제공합니다.

Hyva 테마에 대한 라이선스가 있으면 소스 코드에 대한 전체 액세스 권한과 무제한 업데이트를 받을 수 있습니다. 즉, 추가 비용을 지불하지 않고도 항상 최신 기능과 개선 사항을 확인할 수 있습니다. 또한 무제한 도메인 및 상점 보기가 포함된 Magento 2 설치 1개를 얻을 수 있습니다.

>>> 하이바 테마 구매

그만한 가치가 있습니까?

웹사이트의 속도와 성능을 향상시키려는 경우 몇 가지 다른 옵션을 사용할 수 있습니다. 한 가지 옵션은 Magento 2 Page Speed ​​Optimization 확장을 설치하는 것입니다. 이러한 확장의 가격은 설치 비용을 포함하지 않고 연간 $99에서 $599 사이입니다.

또 다른 옵션은 속도 최적화 서비스를 사용하는 것입니다. 이러한 서비스는 일반적으로 $500에서 $2,000 사이입니다.

마지막으로 PWA(Progressive Web App)를 웹사이트에 통합하도록 선택할 수도 있습니다. 이 옵션의 비용은 $3,000~$20,000입니다.

이에 비해 Hyva 테마를 사용하는 경우 구매 비용과 사용자 지정 비용이 PWA 구현 비용과 비슷할 수 있습니다.

Magento 사이트의 속도를 향상시키는 가장 좋은 방법을 찾고 있다면 PWA 및 Hyva 솔루션만 고려해야 합니다. 이것은 사이트의 성능을 진정으로 향상시킬 수 있는 유일한 옵션입니다. 다른 모든 Magento 페이지 속도 최적화 확장 프로그램은 비교할 때 비효율적입니다. (이 기사의 다른 부분에서 이 두 솔루션을 빠르게 비교할 것입니다.)

자원

• 하이바 테마 데모
• Hyva 테마 온라인 문서
• 하이바 테마 github

40 Hyva 테마 적용/사례 연구의 예:

왜 Hyva 테마인가? 그들의 핵심 가치는 무엇입니까?

Magento 매장 소유자가 Hyva 테마를 사용하고 싶어하는 이유와 개발자가 이 테마를 유용하다고 생각하는 이유가 궁금할 것입니다. 상점 소유자에게 가장 큰 이점은 결과적으로 웹 사이트 페이지 로드 속도와 SEO를 향상시키는 것입니다. Magento 개발자는 또한 간단하고 현명한 구조 덕분에 Hyva 테마를 단축된 학습 곡선으로 쉽게 사용자 지정할 수 있습니다.

게다가 Hyva 팀은 ​​핵심 원칙 중 6가지 중 4가지가 개발자를 위한 것(상인용 2개, 둘 다용 1개)일 때 가맹점의 이점보다 개발자 경험 개선에 중점을 두는 것 같습니다.

• 복잡성 감소 (개발자용)
• 향상된 성능 (판매자용)
• 향상된 개발자 경험 (개발자용)
• 개발 속도 향상 (개발자 및 판매자용)
• 종속성 감소 (개발자용)
• 학습 곡선 감소 (개발자용)

기업가와 코더가 Magento 매장/프로젝트에 Hyva 테마를 사용하는 것을 고려해야 하는 이유를 더 자세히 살펴보겠습니다.

Magento Store Owners – Google PageSpeed ​​Insights에서 가속화된 페이지 속도와 높은 점수 달성

Hyva는 서버에서 페이지를 렌더링하는 데 필요한 데이터 양을 대폭 줄이는 SSR(서버 측 렌더링) 솔루션을 제공합니다. 이는 더 빠른 페이지 로드로 이어질 수 있으며 이는 매장 성능과 최종 사용자에게 분명히 유익합니다. 또한 페이지 속도가 확인된 Google 순위 요소 중 하나이기 때문에 엄청나게 빠른 Hyva 기반 웹사이트는 검색 결과에서 더 높은 위치를 차지할 가능성이 높습니다.

다음은 Google 페이지 속도 테스트에서 Hyva Magento 테마에 대한 결과입니다. 보시다시피 모든 점수(데스크톱 및 모바일 버전 모두)는 91에서 100까지 인상적입니다.

Hyva 데모 웹사이트는 뛰어난 페이지 속도 결과를 설명하는 성능을 염두에 두고 구축되었습니다. 그러나 더 복잡한 전자 상거래 웹 사이트를 구축하는 경우 결과가 다를 수 있습니다. Hyva 데모 사이트에는 매우 기본적인 기능이 포함되어 있기 때문입니다. 배너 슬라이더도 없고 세련된 스타일도 없습니다.

대조적으로, 대부분의 실제 Magento 웹사이트에는 일반적으로 각 항목에 대한 여러 이미지와 관련된 수백에서 수천 개의 제품과 사이트의 많은 프로모션 배너가 있습니다. 따라서 Hyva 테마를 설치하면 사이트 성능이 어떻게 향상될 수 있는지 예측할 수 있는 전문가와 상담하는 것이 중요합니다.

Magento 개발자용 – 더 적은 양으로 더 빠르게 배우고 더 효율적으로 코딩

개발자라면 Hyva가 훨씬 더 점진적인 학습 곡선을 가지고 있다는 것을 알게 될 것입니다. 익숙한 Magento 프론트엔드 및 백엔드 개발 도구를 사용할 수 있기 때문입니다. 따라서 테마를 설정하고 실행하고 Magento Hyva 개발자가 되는 데 오랜 시간이 걸리지 않습니다.

공식 문서는 Hyva를 사용하는 방법을 배우고 테마의 구조와 AlpineJS 및 Tailwind CSS의 두 가지 종속성만 사용하여 빌드하는 방법을 이해하는 데 유용한 리소스입니다. 이러한 기본 사항을 잘 이해하고 나면 테마에 자신만의 사용자 정의를 구축할 수 있습니다.

요컨대, Magento Hyva 테마는 빠르게 배울 수 있으며 완벽하게 반응하고 빠른 Magento 매장을 만드는 데 드는 시간과 노력을 절약할 수 있습니다.

Magento 웹사이트에 Hyva 테마를 적용하는 방법은 무엇입니까?

Magento 매장 소유자용

Magento Hyva 테마 개발과 관련하여 선택할 수 있는 서비스 제공업체의 수가 증가하고 있습니다. 현재 사이트 성능을 업그레이드하거나 새로운 웹 개발 프로젝트를 시작하려는 경우 신뢰할 수 있고 경험이 풍부한 Hyva 테마 개발 회사를 찾는 것이 중요합니다.

Magento 2 Hyva 테마 개발 회사를 선택할 때 염두에 두어야 할 몇 가지 사항이 있습니다. 먼저 이 주제에 대한 경험과 전문성을 물어보십시오. 또한 예산 내에서 머물 수 있도록 가격에 대해 문의하십시오.

몇 가지 잠재적인 후보자를 찾았으면 연락을 취하고 프로젝트에 대해 논의할 때입니다. 회사에서 정확한 견적을 제공할 수 있도록 최대한 자세하게 제공해야 합니다. 약간의 조사와 실사를 통해 귀하의 요구에 맞는 완벽한 Magento Hyva 테마 개발 회사를 찾을 수 있습니다.

Tigren 은 Magento 웹사이트 개발 분야에서 10년 이상의 경험을 가진 선도적인 Hyva 테마 개발 서비스입니다. 우리는 Hyva 테마 개발의 전문가이며 귀하가 투자를 최대한 활용할 수 있도록 도와줄 수 있는 숙련되고 경험 많은 개발자 팀을 보유하고 있습니다. 지금 연락하여 서비스에 대해 자세히 알아보고 무료 견적을 받으며 귀하의 비즈니스를 다음 단계로 끌어올리는 데 도움이 될 수 있는 방법을 알아보십시오.

Magento 개발자용

개발자이고 Hyva 테마를 사용하는 방법을 배우고 싶다면 사용할 수 있는 두 가지 훌륭한 리소스가 있습니다. Yireo의 온라인 교육 과정(연간/개인 €259부터 시작) 또는 Hyva의 공식 문서 및 자체 연구 결과를 기반으로 직접 학습 AlpineJS와 TailwindCSS에 대해

두 옵션 모두 장단점이 있습니다. 온라인 코스에는 비디오 자습서와 대화형 연습이 포함되어 있어 편리하며, 자가 학습을 통해 가장 관심 있는 특정 주제에 집중할 수 있습니다. Magento 2 웹사이트에 Hyva 테마를 설치하는 방법에 대한 무료 튜토리얼도 많이 있습니다.

Hyva 대 프로그레시브 웹 앱(PWA) 테마: 빠른 비교

Hyva 또는 Magento PWA 중 어떤 Magento 테마가 더 나은지에 대해 온라인에서 많은 논쟁이 있습니다. 그러나 우리는 둘 다 각자의 강점이 있고, 마젠토 매장에 유익한 기능과 목적을 가진 왼손과 오른손 같은 존재라고 믿습니다.

따라서 무엇이 더 강력한지 비교하고 파악하는 것은 의미가 없습니다. 즉, 다른 것보다 더 나은 것은 없지만 필요에 가장 적합한 것을 선택하려면 두 가지 유형의 테마 간의 차이점을 알아야 합니다.

유사점

• 둘 다 Magento 웹 사이트 속도를 크게 향상시키는 데 도움이 되며 이는 SEO에 좋습니다.
• 둘 다 타사 Magento 2 확장 프로그램과 직접 작동하지 않습니다.
• 둘 다 Magento 2 전용입니다.
• 둘 다 완벽하게 반응합니다
• 둘 다 다른 요구 사항을 충족하도록 쉽게 사용자 정의할 수 있습니다.
• 둘 다 프로젝트의 복잡성과 개발자의 역량에 따라 개발하는 데 며칠/몇 주에서 몇 달이 걸릴 수 있습니다.

차이점

• Hyva의 주요 목적은 웹사이트 속도를 높이고 개발자의 작업량을 줄이는 반면 Magento PWA의 목적은 앱과 같은 모양과 느낌으로 사용자 경험을 향상시키는 것입니다(빠른 로드 속도뿐만 아니라 모바일에 추가하는 기능 포함) 홈 화면 및 푸시 알림 보내기).
• Hyva는 Magento의 통합 프런트 엔드인 반면 PWA는 Magento의 프런트 엔드를 대체하는 별도의 매장입니다.
• Hyva 테마는 Hyva 회사에서 제공합니다. 한편, Magento PWA 테마를 제공하는 다양한 Magento 개발 회사가 있습니다.
• Hyva 테마 비용은 €1,000이며 Magento용 PWA 테마 비용은 무료에서 $1,000까지 다양합니다. 테마 사용자 정의 비용은 선택한 개발 파트너에 따라 다릅니다.

그렇다면 어느 것이 바람직할까요?

Magento 개발자라면 개발자 친화적이기 때문에 Hyva 테마를 선호할 수 있습니다. 그럼에도 불구하고 개발자의 노력을 간과한 점주 입장에서는 답이 50대 50이 될 수 있다.

웹 페이지 속도만 최적화하는 솔루션을 찾고 있는 사용자에게는 Hyva 테마 Magento 2가 완벽한 선택이 될 것입니다. 그러나 웹사이트의 속도를 높일 뿐만 아니라 데스크톱과 모바일 장치 모두에서 완벽하게 작동하고 마케팅 목적으로 푸시 알림을 보낼 수 있는 플랫폼을 원하는 사람들에게는 Magento PWA 테마가 더 적합할 수 있습니다.

자주 묻는 질문

1. Hyva 테마 개발의 장단점은 무엇입니까?

장점 :

• 속도: 웹사이트의 속도는 고객이 구매를 완료하거나 다른 사이트로 이동하는 차이가 될 수 있습니다. Hyva를 사용하면 사이트가 빠르고 효율적으로 로드될 것이라는 확신을 가질 수 있습니다. 이 테마는 고객에게 빠르고 원활한 온라인 경험을 제공하려는 판매자에게 적합합니다.
• 단순성: Hyva Magento 2 테마는 복잡성 수준을 줄이는 데 중점을 두고 제작되었습니다. 더 적은 종속성으로 구축되어 불필요한 라이브러리와 기능을 관리할 필요가 없습니다. 이것은 또한 조정과 사용자 정의를 더 빠르고 쉽게 만듭니다. 그 결과 개발자가 프로젝트에서 Hyva 테마를 적용하고 사용자 지정하는 데 필요한 시간과 노력이 줄어듭니다.
• 커뮤니티: 강력하고 성장하는 커뮤니티의 지원으로 Hyva 테마는 많은 판매자에게 더 매력적인 옵션이 되었습니다. Hyva 테마를 사용하도록 선택하면 Slack 방을 통해 Hyva 커뮤니티에 액세스할 수 있습니다. Hyva 커뮤니티 Slack 채널은 커뮤니티의 다른 구성원들로부터 아이디어를 교환하고 지원을 받을 수 있는 좋은 장소입니다. 문제가 발생하거나 긴급한 질문이 있는 경우 커뮤니티의 누군가가 도움을 줄 것입니다. 또한 커뮤니티의 노력 덕분에 Hyva를 위해 항상 새로운 확장 기능과 기능이 개발되고 있습니다.

단점:

• 확장 기능 호환성: Hyva 기반 테마를 사용하는 경우 일부 타사 확장이 호환되지 않을 수 있습니다. 이는 Hyva가 비호환성 문제를 일으킬 수 있는 모든 추가 종속성을 제거하기 때문입니다. 이 문제를 극복하기 위해 Hyva 팀은 ​​일부 인기 있는 Magento 2 확장 공급자와 제휴하여 호환성 모듈을 제공합니다. 현재까지 Hyva와 호환되는 53개의 플러그인이 있습니다.

• 비용: Magento 매장을 위한 빠르고 안정적인 테마를 찾고 있다면 Hyva가 훌륭한 선택입니다. 그러나 Hyva의 비용은 라이선스당 1,000유로의 일회성 요금이라는 점을 명심하는 것이 중요합니다. 이것은 소규모 기업의 경우 약간 비쌀 수 있으므로 이를 예산에 반영해야 합니다. 또한 설치 및 사용자 정의 비용은 5,000에서 50,000유로까지 다양하므로 최종 결정을 내리기 전에 여러 제공업체로부터 견적을 받아야 합니다.
• 디자인: 전자 상거래 상점을 위한 단순하고 깔끔한 디자인을 찾고 있다면 Hyva가 좋은 선택이 될 수 있습니다. 테마는 속도 극대화를 위해 제작되었으므로 배너와 효과가 많은 매장에는 적합하지 않을 수 있습니다.

2. Hyva 테마를 Magento 1 스토어에 적용할 수 있나요?

Magento 1 웹사이트를 실행하는 경우 Hyva 테마를 설치하고 사용하기 전에 Magento 2로 마이그레이션해야 합니다. 이것이 번거로운 것처럼 보일 수 있지만 실제로는 웹사이트의 보안과 성능을 향상시킬 수 있는 좋은 기회입니다.

Magento 1은 더 이상 지원되지 않습니다. 즉, 발견된 보안 취약점이 수정되지 않습니다. 이로 인해 웹사이트가 해킹되거나 손상될 위험이 있습니다.

Magento 2로 업그레이드하면 속도와 성능을 위해 설계된 Hyva 테마에 액세스할 수도 있습니다. Hyva를 설치하면 웹사이트가 그 어느 때보다 빠르게 로드되어 방문자에게 더 나은 경험을 제공합니다.

3. Hyva 테마 가 Magento 웹사이트의 모든 느린 로딩 문제를 해결할 수 있습니까?

웹사이트가 느리게 로드되는 것을 발견했다면 속도를 높이기 위해 할 수 있는 몇 가지 방법이 있습니다. 하나는 데스크톱과 모바일 모두에서 더 빠르게 결과를 로드하는 데 도움이 되는 Hyva 테마를 사용하는 것입니다. 그러나 여전히 느린 성능이 표시되는 경우 데이터베이스에 대한 느린 쿼리 때문일 수 있습니다. 여러 웹 사이트를 실행하여 데이터베이스 크기가 크게 증가한 경우 특히 그렇습니다.

Hyva는 로딩 시간에서 몇 초를 단축하는 데 도움이 될 수 있지만 최적의 성능을 위해서는 백엔드 작업을 살펴보고 쿼리를 최적화하고 데이터베이스를 적절하게 구성해야 합니다. 또한 최신 버전의 MySQL 및 PHP로 마이그레이션하는 것을 고려하십시오. 이러한 단계를 수행하면 모든 사용자가 웹사이트를 빠르고 원활하게 로드할 수 있습니다.

4. Hyva 테마는 Magento 오픈 소스 및 Adobe Commerce와 호환됩니까?

Hyva에서 개발한 테마는 현재 Magento 2 Open Source와만 호환됩니다. 그러나 Adobe Commerce의 경우에는 그렇지 않습니다. Adobe Commerce는 기존 전자 상거래 비즈니스에서 주로 사용하는 Magento의 엔터프라이즈 수준 버전입니다. Hyva 테마는 프레임워크가 모든 Adobe Commerce 기능과 호환되도록 하는 데 중점을 두고 있으며 새로운 몇 개월 이내에 완료될 것으로 기대하고 있습니다.

Hyva는 사용 중인 Magento 버전에 관계없이 사용자에게 가능한 최고의 경험을 제공하기 위해 최선을 다하고 있습니다. 이를 염두에 두고 Hyva는 가까운 시일 내에 Magento 오픈 소스와 Adobe Commerce 모두를 완벽하게 지원할 수 있을 것이라고 확신합니다.

5. Hyva 테마 설정에 필요한 Magento 버전은 무엇입니까?

현재 이전 버전의 Magento를 실행 중인 경우 Hyva 테마를 사용하려면 Magento 2.4 이상으로 업그레이드해야 합니다. 이 작업을 완료하면 Hyva가 제공하는 모든 훌륭한 기능과 이점을 활용할 수 있습니다!