Astra WordPress 테마(2022)를 사용하는 웹사이트의 40가지 우수한 예

게시 됨: 2022-01-04

새 웹 사이트에 대한 완벽한 테마를 찾는 데 어려움을 겪고 계십니까?

당신은 혼자가 아닙니다.

선택할 수 있는 옵션이 셀 수 없이 많으며 각각 고유한 강점과 약점을 고려해야 합니다.

귀하의 비즈니스만큼 다양하고 다양한 것을 원하는 경우 Total 테마와 같은 유연한 테마를 볼 수 있습니다.

아니면 Flatsome 테마와 같이 WooCommerce 통합 및 온라인 판매에 대한 요구 사항에 더 적합한 것을 원하십니까?

필요한 것이 무엇인지 정확히 파악하는 가장 좋은 방법은 작동 중인 최고의 도구를 보는 것입니다. 이것이 우리가 이미 Astra 테마를 사용하여 웹의 일부를 주장하는 사이트의 새로운 목록을 만든 이유입니다.

Astra는 Elementor (우리 리뷰 참조) 와 같은 다양한 페이지 빌더와 함께 작동하므로 개발자는 기능이 절대적으로 포함된 클라이언트용 몰입형 사이트를 만들 수 있습니다.

우리가 가장 좋아하는 Astra 예제를 직접 읽으십시오.

아스트라 테마는 무엇입니까?

Astra 테마 는 WordPress 테마 디렉토리에서 사용할 수 있는 가장 인기 있는 항목 중 하나입니다.

멋진 웹사이트를 디자인하는 데 필요한 모든 것을 제공하도록 설계된 Astra 테마는 jQuery 기술의 문제를 방지하는 Vanilla JavaScript를 사용하여 Brainstorm Force에서 만들었습니다.

최적화된 코드와 빠른 로딩 성능(0.5초 미만으로 페이지 시작 가능!) 외에도 Astra는 WordPress 사이트에서 50KB 미만의 리소스를 필요로 합니다. 그것은 오늘날 시장에서 가장 가벼운 테마 중 하나입니다.

Astra는 100,000개 이상의 활성 설치, 수많은 사용자로부터 5개의 시작 등급, 다음과 같이 탐색할 수 있는 끝없는 환상적인 기능을 보유하고 있습니다.

… 목록은 계속됩니다.

더 알고 싶으십니까? 그 사례들을 확인해 봅시다.

01. 드림앤코

전체에 걸쳐 사용자 정의 글꼴, 소셜 미디어 위젯 및 반응형 페이지 디자인을 특징으로 하는 Dream & Co는 Astra WordPress 테마를 사용하여 고급 여행 웹사이트를 보여줍니다. 탐색 모음에는 페이지를 아래로 스크롤할 때 다양한 콘텐츠 상자에서 모방되는 인상적인 슬라이드인 애니메이션이 제공됩니다.

라이브 웹사이트.

02. 다트 농구 아카데미

Darting Basketball Academy는 웹사이트에 비디오 배경을 사용하여 고객의 관심을 끌었습니다. 또한 브랜드 이면의 이미지를 상기시키기 위해 모든 페이지에 일관된 색상 구성표가 사용되었습니다. Astra 테마 바닥글에는 아카데미의 소셜 페이지에 대한 링크도 포함되어 있습니다.

라이브 웹사이트.

03. KBSCI

KBSCI 웹사이트는 실행 중인 Astra 테마의 놀라운 예입니다. 웹 사이트의 모듈식 레이아웃에 대한 심층 제어는 홈 페이지를 스크롤하고 필요한 정보를 쉽게 찾을 수 있음을 의미합니다. 또한 고정 헤더는 스크롤할 때 항상 탐색 모음에 액세스할 수 있음을 의미합니다.

라이브 웹사이트.

04. 다나 오스본

Dana Osborne 웹 사이트는 Astra WordPress 테마의 우아한 예입니다. 이 청첩장에 중점을 둔 회사는 모든 화면에 고정 헤더와 탐색 모음을 사용하고 맞춤 블록을 사용하여 모든 기능을 갖춘 홈 페이지를 구성합니다. 스크롤하면 Pinterest의 소셜 미디어 위젯, 연락처 버튼 등을 찾을 수 있습니다.

라이브 웹사이트.

05. 올드 밀

Old Mill은 페이지 상단에 편리한 배경 슬라이더가 있는 멋진 웹사이트로 방문자에게 상, 레시피 등을 소개합니다. 웹사이트 전체에 걸친 특화된 폰트는 회사 로고를 연상시킨다. 이 사이트는 또한 Astra의 고정 헤더 옵션을 활용합니다.

라이브 웹사이트.

06. 쿰와 재즈

Kuumbwa Jazz 웹사이트는 Astra의 그리드 기반 콘텐츠 레이아웃을 활용하여 사용자가 다가오는 이벤트를 편리하게 스크롤할 수 있도록 도와줍니다. 탐색할 때 페이지 바닥글에 "맨 위로 즉시 스크롤" 버튼이 있어 웹사이트의 한 부분에서 다른 부분으로 훨씬 쉽게 이동할 수 있습니다.

라이브 웹사이트

07. 소모스 위어

Somos Wir 웹사이트는 페이지의 헤더 이미지에 대한 다채로운 필터부터 친숙한 글꼴에 이르기까지 개성이 넘칩니다. 이 웹사이트의 가장 흥미로운 부분은 홈 페이지의 특정 콘텐츠 블록을 스크롤할 때 팝업되는 고유한 애니메이션입니다.

라이브 웹사이트.

08. 콜로라도 SBDC

Colorado SBDC 웹사이트는 콘텐츠를 쉽게 찾을 수 있도록 WordPress Astra 테마의 박스형 레이아웃을 사용하는 웹사이트의 또 다른 예입니다. 웹사이트에는 지도 위젯이 포함되어 있어 상담을 위해 가장 가까운 위치를 찾을 수 있습니다.

라이브 웹사이트.

09. 여우 사진

사진 웹사이트로서 Foxes 브랜드는 전체 이미지를 웹사이트 배경으로 사용하는 것이 합리적입니다. 그러나 스크롤링 갤러리는 정말 놀랍습니다. WordPress Astra 테마에서 제공하는 투명한 헤더는 이미지를 더욱 매력적으로 만듭니다.

라이브 웹사이트.

10. 브로일 킹

이 다국어 웹사이트는 Astra Theme가 WooCommerce와 완벽하게 작동하여 판매를 촉진하는 방법을 보여주는 훌륭한 예입니다. 사이트 전체의 사용자 지정 간격을 사용하면 정보를 더 빨리 찾을 수 있습니다. 또한 고정 머리글과 바닥글을 통해 탐색과 실시간 채팅 기능에 모두 액세스할 수 있습니다.

라이브 웹사이트.

11. 베이컨 스카우트

Bacon Scouts 웹사이트는 모든 페이지의 일관된 로고와 고정된 탐색 모음을 포함하는 Astra 테마 덕분에 개인적인 손길로 가득 차 있습니다. 브랜드 고유의 이미지를 강조하기 위해 사용자 정의 색상과 글꼴이 전체적으로 사용되었습니다. 회사에 대해 자세히 알아볼 수 있는 편리한 바닥글도 있습니다.

라이브 웹사이트.

12. 캠퍼 보이즈

Camper Boys 웹사이트의 가장 좋은 점은 홈페이지에 자체 검색 기능이 내장되어 있다는 것입니다. 선택한 날짜에 캠핑카 대여가 가능한 곳을 즉시 확인할 수 있습니다. 웹사이트 배경에는 무엇을 신청하는지 알려주는 비디오도 있습니다.

라이브 웹사이트.

13. 토게슨 일렉트릭

Torgeson Electric은 WordPress Astra 테마에 포함된 매력적인 텍스트 애니메이션 기능을 사용하여 홈페이지에서 고유한 판매 포인트 중 일부를 강조 표시합니다. 또한 사용자가 클릭하여 회사에 즉시 연락할 수 있는 고정 헤더에 24/7 버튼이 포함되어 있습니다.

라이브 웹사이트.

14. Betaalbaar의 Ik Ben

이 덴마크 웹사이트의 가장 좋은 점은 WordPress Astra 테마의 무한 스크롤 기능을 사용하여 이야기를 전한다는 것입니다. 눈길을 사로잡는 디자인은 고객이 회사의 청원서에 서명하고 전환하도록 설득하는 데 탁월합니다. 사이트를 더욱 매력적으로 만드는 독특한 애니메이션도 있습니다.

라이브 웹사이트.

15. Rackner & McGrath 기어링

성격이 풍부한 법률 웹사이트인 GRM은 Astra 테마를 사용하여 비즈니스의 신뢰성을 강조합니다. 사이드 스크롤링 글꼴은 웹사이트를 더욱 매력적으로 만드는 반면, 사이트가 디자인된 방식은 브랜드의 USP에 지속적으로 관심을 끌고 있습니다. 애니메이션 CTA 버튼은 실제로도 액션을 유도합니다.

라이브 웹사이트

16. 듀크 리차드

Duke Richards Interior 웹사이트의 겹쳐진 블록은 페이지를 스크롤할 때 매력적인 경험을 선사합니다. 고정 머리글에는 항상 사용 가능한 탐색 모음이 포함되어 있고 바닥글에는 WhatsApp, Facebook Messenger 등을 통해 통합된 채팅 기능이 포함되어 있습니다. 흥미롭게도 헤더는 모바일 장치에만 표시됩니다.

라이브 웹사이트.

17. 크리켓 미디어

Cricket Media는 Astra WordPress 테마의 블로그 스타일 레이아웃을 사용하여 읽기를 권장하는 친숙한 웹사이트를 만듭니다. 전체 사용자 정의 색상은 웹사이트 로고와 정확히 일치하며 고정 바닥글을 통해 사용자는 즉시 페이지 헤드로 바로 이동할 수 있습니다.

라이브 웹사이트.

18. 똑똑한 카멜레온

Smart Chameleon은 Astra WordPress 테마의 빠른 로딩 시간과 가벼운 성능을 최대한 활용하여 사이트에 재미있는 애니메이션을 추가합니다. 동적 텍스트, 애니메이션 콘텐츠 블록 등이 있습니다.

라이브 웹사이트.

19. 히잡 인쇄

헤더는 Astra 테마가 제공해야 하는 가장 매력적인 기능 중 하나이며 이 웹사이트는 그 사실을 최대한 활용합니다. 페이지를 스크롤하면 헤더가 브랜드 색상 블록에서 투명으로 바뀝니다.

라이브 웹사이트.

20. 베이커 루핑

Baker Roofing 웹사이트는 페이지 상단에 동영상을 삽입하여 정보를 빠르게 제공합니다. 고정 바닥글에는 맞춤형 채팅 앱이 있고 Astra의 Mega 탐색 모음은 유용한 정보를 많이 표시하도록 확장됩니다.

라이브 웹사이트.

21. 체리 버스토스

Cheri Bustos는 WordPress Astra 테마를 사용하는 다채로운 웹사이트입니다. 사용자가 참여할 수 있는 가장 가까운 위치를 찾기 위해 액세스할 수 있는 사용자 지정 검색 막대 위젯이 함께 제공됩니다. 고객이 언제든지 전환할 수 있도록 기부 버튼이 포함된 고정 탐색 모음도 있습니다.

라이브 웹사이트.

22. 나투르틴트

Naturtint 웹사이트는 여성에게 천연염색 옵션을 소개합니다. 전체에 사용자 정의 글꼴이 사용되었으며 홈 페이지에는 다른 행복한 고객의 리뷰를 읽을 수 있는 애니메이션 슬라이더가 있습니다. 우리는 이 웹사이트 전체에서 브랜드의 고유한 특성을 강조하기 위해 색상을 사용하는 방식을 좋아합니다.

라이브 웹사이트.

23. 부카 투어

Bhuka Tours 웹사이트는 방문자에게 홈페이지 상단의 스크롤 슬라이더를 사용하여 투어가 제공할 수 있는 재미있고 독특한 경험을 소개합니다. 고정 머리글과 바닥글은 웹사이트를 이동할 때 유지되어 WhatsApp 통신 및 탐색을 제공합니다. 모바일 장치만을 위한 고유한 탐색 모음도 있습니다.

라이브 웹사이트.

24. 쉬운 테마팩

Easy Themepacks 웹사이트에서 WordPress Astra 테마의 유동적인 레이아웃을 사용하여 페이지의 다양한 지점에 애니메이션 슬라이더를 한 번에 추가하는 방법에 대한 훌륭한 예를 볼 수 있습니다. 내장된 소셜 미디어 위젯과 연락처 표시줄은 회사가 참여를 장려하는 좋은 수단입니다.

라이브 웹사이트.

25. 호주 화장품 연구소

Astra 테마를 사용하여 Australian Cosmetic Institute는 맞춤형 홈페이지 슬라이더에서 고유한 애니메이션을 사용하여 스타일에서 고유한 개성을 과시할 수 있었습니다. 또한 쇼핑 버튼에서 실시간 채팅 위젯에 이르기까지 사이트의 모든 측면에 고유한 브랜드 색상을 추가했습니다.

라이브 웹사이트.

26. 잠 못 이루는 밤은 없다

No Sleepless Nights는 사람들이 더 나은 밤을 보낼 수 있도록 도와준다고 주장하는 웹사이트입니다. Astra 테마의 고급 기능을 많이 사용하는 대신 이 사이트는 모바일과 데스크톱 모두에서 사용하기 매우 쉬운 사이트 경험을 만드는 데 중점을 두었습니다. 글꼴은 반응형이며 탐색 모음에 검색 기능이 있습니다.

라이브 웹사이트.

27. 플로리다 대학

Florida College는 사용자 경험을 개선하기 위해 설계된 많은 훌륭한 기능을 갖춘 교육 중심 웹사이트입니다. 사이트는 사용자가 교육 옵션에 대한 정보에 빠르게 액세스할 수 있도록 콘텐츠 블록을 사용합니다. 특정 데이터 조각을 찾을 수 있도록 검색 표시줄도 있습니다. 우리는 특히 Astra 메가 메뉴의 사용에 깊은 인상을 받았습니다.

라이브 웹사이트.

28. 마르멜로 미디어

Quince Media 웹 사이트는 홈 페이지를 클릭하는 즉시 로드되는 동적 애니메이션으로 즉시 주의를 끕니다. 다른 테마는 이 애니메이션에 어려움을 겪을 수 있지만 Astra 테마는 문제 없이 빠르고 효율적으로 로드할 수 있습니다. 투명 고정 헤더의 이점도 얻을 수 있습니다.

라이브 웹사이트.

29. 아나플란

Anaplan은 또한 홈페이지 상단에 즉시 로드되는 비디오와 함께 Astra WordPress 테마가 얼마나 가볍고 빠른지 활용합니다. 웹사이트에 대한 쿠키를 수락할 수 있는 규정 준수 바닥글과 페이지를 스크롤할 때 투명해지는 헤더가 있습니다.

라이브 웹사이트.

30. 라우터 호스팅

Router Hosting 웹사이트는 Astra 테마가 실행되고 있는 간단하지만 효과적인 예입니다. 콘텐츠의 개별 세그먼트 위로 커서를 이동하면 콘텐츠의 개별 세그먼트를 강조 표시하는 호버 애니메이션이 참여도를 높이고 스크롤할 때 애니메이션 통계와 숫자가 시선을 사로잡습니다.

라이브 웹사이트.

31. Biocanina.com

이 다국어 웹사이트는 모든 장치에서 작동하는 반응형 타이포그래피와 함께 수많은 Google 글꼴에 대한 Astra의 액세스를 활용했습니다. 적절한 간격의 콘텐츠 컨테이너는 브라우징을 쉽게 만들고 홈 페이지의 슬라이더도 훌륭합니다.

라이브 웹사이트.

32. 스웨캔디

SweCandy 웹 사이트는 WordPress Astra 테마의 컨테이너화된 레이아웃을 활용하여 페이지에 충분한 공백이 있는지 확인합니다. 페이지 상단의 고정 헤더에는 장바구니에 얼마나 들어 있는지 알려주는 동적 사이드바도 있습니다. 이 사이트에는 고객 지원을 위한 자체 라이브 채팅 기능도 있습니다.

라이브 웹사이트

33. 지미의 식사

Jimmy's Meals는 맞춤형 팝업을 사용하여 고객의 관심을 즉시 사로잡습니다. 페이지 상단의 고정 헤더에는 고객이 클릭 한 번으로 사이트 소유자와 연결하는 데 사용할 수 있는 이메일 버튼이 포함되어 있습니다.

라이브 웹사이트.

34. 액토핏

Actofit의 웹사이트는 또한 WordPress Astra 테마에서 사용할 수 있는 통신 헤더를 활용합니다. 사용자는 지원 이메일, 전화번호 또는 다양한 소셜 미디어 페이지를 클릭하여 연락할 수 있습니다.

라이브 웹사이트.

35. 브랜드붐

Brand Boom의 웹사이트에는 웹사이트 소유자가 가능한 한 빨리 사람들이 이메일 목록에 가입할 수 있도록 멤버십 플러그인이 포함되어 있습니다. 회사는 또한 WordPress Astra 테마를 사용하여 맞춤형 블로그를 만들었습니다.

라이브 웹사이트.

36. 모도 결제

Modo Payment의 웹사이트는 홈페이지에 인상적인 애니메이션 삽화로 눈에 띕니다. Astra 테마의 편리한 통합 덕분에 글꼴과 이미지가 탐색 중인 장치에 맞게 동적으로 변경되고 페이지를 스크롤할 때 애니메이션이 따라옵니다.

라이브 웹사이트.

37. 초키에로

Choqueiro 초콜릿 웹 사이트는 사용 중인 장치의 종류에 반응하는 동적 탐색 모음을 사용합니다. 또한 홈페이지 전체에 편리한 "쇼핑" CTA 버튼이 있어 고객이 검색을 시작하도록 유도합니다.

라이브 웹사이트.

38. 잉크스터 인쇄

Inkster Prints 웹사이트는 Astra 테마의 간단한 예로서 사이트 전체에 걸쳐 사용자 정의 색상과 글꼴을 애니메이션 버튼과 결합합니다. 이 웹사이트의 글로벌 디자인 프레임은 고객이 모든 페이지에서 동일한 경험을 얻을 수 있음을 의미합니다.

라이브 웹사이트.

39. 제한 없음 버즈

No Limit Buzz는 웹사이트 홈 페이지 상단에 애니메이션 텍스트 부분을 사용하여 관심을 끌고 회사의 고유한 판매 포인트를 보여줍니다. 모든 페이지에서 사용되는 사용자 정의 레이아웃과 결합되어 이 사이트가 눈에 띄게 됩니다.

라이브 웹사이트.

40. 블루문

마지막으로 Blue Moon은 Astra 테마의 가능성에 대한 창의적인 통찰력입니다. 애니메이션 글꼴은 데스크탑에서 로드하는 경우 웹사이트를 소개하는 데 도움이 됩니다. 또한 홈 화면에 바로 내장된 소셜 미디어 위젯이 있습니다.

라이브 웹사이트.

마무리

Astra 테마는 사용하기 쉽고 가벼운 방법으로 웹사이트를 변형할 수 있습니다.

위에 포함된 모든 예에서 볼 수 있듯이 이 환상적인 사이트는 다양한 기능으로 가득 차 있어 다양한 회사에 이상적입니다.

실행 중인 Astra 테마의 가장 좋아하는 예는 무엇입니까?