Colibri WP 검토: 기능이 풍부한 다목적 WordPress 테마

게시 됨: 2020-10-28
Colibri WordPress 테마
@Cloudways 팔로우

WordPress.org에서 가장 인기 있는 WordPress 테마 중 하나인 Colibri는 50,000개 이상의 활성 설치를 보유하고 있습니다. 제작자는 또한 다른 인기 있는 테마인 Mesmerize, Materialis 및 One Page Express 뒤에 있습니다.

이 리뷰에서는 다음 사항에 대해 알아볼 것입니다.

  • Colibri 테마 벤치마크
  • 콜리브리 프리 vs 콜리브리 프로
  • Colibri 테마 요금제
  • Colibri PRO 테마 커스터마이저
  • Colibri 테마 기능
  • Colibri 찬반 양론

주제에 대해 자세히 알아보기 전에 흥미로운 점을 강조하고 싶습니다. Colibri 테마를 활성화하는 순간 Colibri의 사전 정의된 디자인 중 하나를 선택하라는 메시지가 표시됩니다.

디자인을 선택하면 자동으로 Colibri Page Builder를 설치하게 됩니다. 빌더는 기본 커스터마이저만 향상시키고 더 멋진 기능(예: 디자이너가 만든 블록 및 구성 요소)을 제공하므로 걱정할 필요가 없습니다.

colibri 사전 정의된 디자인

자, 굴려볼까요?

Colibri 성능 벤치마크

다음은 서버 및 애플리케이션 구성입니다.

Cloudways 서버 구성

  • Cloudways 서버: Vultr – 고주파
  • 램: 4GB
  • SSD 디스크: 128GB
  • 대역폭 전송: 3TB
  • 프로세서: 2 코어
  • 서버 위치: 실리콘 밸리
  • 운영 체제: 데비안 9
  • NGINX: 1.14.1
  • 바니시: 5.0.0
  • 아파치: 2.4.25
  • 데이터베이스: MariaDB 10.4
  • PHP-FPM: 7.4

애플리케이션 구성

  • 워드프레스 버전: 5.4.2
  • CDN: 클라우드웨이CDN
  • SSL: 암호화하자
  • 콜리브리 버전: 1.0.81

설치된 플러그인

  • 문의 양식 7
  • 순위 수학 SEO
  • 브리즈 캐시
  • Cloudways – WordPress 봇 보호
  • Colibri 페이지 빌더
  • Colibri 페이지 빌더 PRO

Loader.io 테스트

  • 테스트한 페이지: 3
  • 테스트 유형: 클라이언트 로드 유지
  • 클라이언트: 0 ~ 1000
  • 소요시간: 5분
  • 검사 결과:

콜리브리 로더 테스트

GTmetrix 테스트

콜리브리 gtmetrix

Colibri 테마 + 타오르는 빠른 호스팅 = 더 높은 전환율

Cloudways는 타의 추종을 불허하는 서버 성능을 제공합니다. Colibri 테마를 믹스에 추가하는 것은 온라인 성공을 위한 간단한 공식입니다.

지금 구축하세요!

콜리브리 프리 vs 콜리브리 프로

무료 및 Pro Colibri 버전의 공통점은 무엇입니까? 보자:

  • 커스터마이저 내 라이브 편집
  • 이미지 및 그라데이션 배경
  • 모바일 응답성
  • Colibri Cloud 플랫폼에 대한 액세스
  • 미리 디자인된 콘텐츠 블록 및 웹사이트 템플릿
  • 그래픽 섹션 구분선
  • 헤더 및 탐색 메뉴 레이아웃

레이아웃 및 섹션 측면에서 아래와 같이 무료 및 유료 플랜 간에 몇 가지 차이점이 있습니다.

콜리브리 무료 콜리브리 프로
미리 디자인된 웹사이트 템플릿 60+
미리 설계된 콘텐츠 블록 34 170+
프론트 페이지 헤더 디자인 5 20+
헤더 레이아웃 옵션 17
탐색 메뉴 레이아웃 2 5
미리 설계된 바닥글 블록 1 6

Colibri Pro에는 다음과 같은 몇 가지 추가 기능이 있습니다.

  • 무제한 비디오 및 슬라이드쇼 배경
  • 탐색 색상
  • 4가지 헤더 미디어 유형: 이미지, 비디오, 라이트박스, 이미지 콜라주. 무료 플랜에는 이미지 옵션만 있습니다.
  • 타이포그래피 및 색상에 대한 전체 제어(바닥글에도 해당)
  • 고급 스타일링 기능
  • 새 블록: Google 지도, 카운터, 사진 갤러리
  • 1년 우선 기술 지원
  • 여러 언어 지원

이것은 당신에게 무엇을 의미합니까?

프로 기능은 진정으로 독특한 웹 사이트를 구축하는 데 사용할 수 있는 더 나은 사용자 지정 옵션을 제공합니다. 픽셀 완성도에 맞게 사용자 정의할 수 있는 사전 설계된 블록 및 구성 요소에 액세스할 수 있습니다. 또한 1년 내내 업데이트 및 지원을 받을 수 있습니다.

Colibri 테마 요금제

다음 세 가지 프로 플랜에는 지원 및 업데이트와 함께 연간 및 평생 기능이 있습니다.

  • 개인의
  • 사업
  • 대행사

비즈니스 플랜은 최대 5개 사이트에 대해 유효하며 Agency 플랜에서는 무제한 사이트를 구축할 수 있습니다.

개인의 사업 대행사
매년 $79 $99 $199
일생 $169 $239 $449

때때로 할인을 받을 수 있습니다(예: 블랙 프라이데이).

커스터마이저 내에서 Colibri PRO를 사용하는 방법은 무엇입니까?

Colibri Page Builder 플러그인 덕분에 사용자 지정 프로그램 내에서 전체 웹사이트를 디자인할 수 있습니다(사이드바, 머리글, 바닥글 포함).

미리 디자인된 템플릿 중 하나를 계속 사용하려면 모양 → Colibri 설정 → 데모 사이트를 선택하십시오.

특징

이제 PRO 버전에서만 사용할 수 있는 몇 가지 추가 섹션을 확인해 보겠습니다.

영웅 섹션

Colibri를 사용하면 방문자에게 오래 지속되는 인상을 주는 매혹적인 영웅 섹션을 만들 수 있습니다. 이미지, 동영상, 콜라주, 라이트박스 등 다양한 미디어 유형을 혼합할 수 있습니다.

타이포그래피 스타일 및 색상

Colibri 테마 타이포그래피 및 색상 기능

일반 설정 → 전역 색 구성표에서 언제든지 테마 색상을 변경할 수 있습니다. 여기에서 사용 가능한 구성표 중에서 선택하거나 디자인에 더 잘 맞는 구성표를 만들 수 있습니다.

Colibri 테마 색 구성표

전역 글꼴을 변경하려면 일반 설정 → 타이포그래피로 이동하세요.

Colibri 테마 타이포그래피 사용자 정의

이 수준에서 고유한 제목 스타일을 정의할 수 있습니다. H1에서 H6까지 전역 글꼴, 크기(px, rem 또는 ems), 두께, 색상 또는 문자 간격을 지정할 수 있습니다.

왼쪽 패널에서 해당 스타일이 여러 요소에 연결되어 있음을 확인하는 것이 중요합니다. 변경 사항이 다른 항목에 영향을 미치지 않도록 하려면 스타일의 연결을 해제해야 합니다.

Colibri 빌더의 가장 큰 특징 중 하나는 스타일을 복사하여 붙여넣을 수 있다는 것입니다!

사전 설계된 콘텐츠 블록

Colibri에는 원하는 WordPress 웹사이트를 구축하는 데 사용할 수 있는 150개 이상의 기성 콘텐츠 블록(영웅, 기능, 평가, CTA, 팀 등)이 있습니다.

Colibri 테마 사전 설계된 콘텐츠 블록

이 블록은 완전히 사용자화할 수 있으며 딱 맞을 때까지 조정할 수 있습니다. "고급" 편집 옵션에서 배경, 구분선, 간격, 효과, 타이포그래피 등을 조정할 수 있습니다.

Colibri 고급 편집 블록

끌어서 놓기 구성 요소

슬라이더, 가격, 소셜 아이콘, 캐러셀, 열 및 양식과 같은 구성 요소는 웹 사이트에 새로운 기능을 추가할 수 있습니다. 이를 사용하여 사용자 정의 블록을 생성하거나 기존 블록 라인업을 사용자 정의할 수 있습니다.

Colibri 테마 드래그 앤 드롭 구성 요소

각 구성 요소를 사용자 지정할 수 있습니다.

이를 설명하기 위해 Accordion 블록을 살펴보겠습니다.

"고급" 옵션에서 배경, 간격, 테두리 및 그림자, 응답성(모바일 또는 태블릿에서 숨김), 모양 효과, 사용자 정의 CSS까지 조정할 수 있습니다. 일반 및 호버 상태 모두에 영향을 줄 수 있습니다.

탐색 메뉴

메뉴와 관련하여 다섯 가지 옵션이 제공됩니다.

  • 헤더 기본 메뉴
  • 바닥글 기본 메뉴
  • 헤더 보조 메뉴
  • 인페이지 메뉴
  • 바닥글 보조 메뉴

이 메뉴 위치에 페이지, 사용자 정의 링크, 카테고리 및 태그를 추가할 수 있습니다.

Colibri 테마 탐색 메뉴 섹션

처음부터 시작하지 않으려면 수정하고 조정할 수 있는 6개의 바닥글 블록 옵션이 있습니다.

맞춤 CSS 추가

미리 디자인된 템플릿과 블록, 그리고 모든 사용자 정의 옵션이 여전히 충분하지 않다고 느낀다면 항상 CSS를 사용할 수 있는 옵션이 있습니다. 일반 설정 → 추가 CSS에서 나만의 CSS를 추가할 수 있습니다.

웹 사이트 구성 요소를 선택한 후 왼쪽 패널의 "고급" 옵션 안에 자신의 CSS를 추가할 수 있습니다. "스타일 관리"로 이동하여 CSS 마술을 시작하십시오. 이 수준에서 자신의 CSS 클래스를 추가할 수도 있습니다.

테마 Colibri 사용자 정의 CSS 추가

모바일 응답성

Colibri의 모든 디자인 요소는 모든 모바일 장치와 화면 크기에서 멋지게 보이도록 제작되었습니다.

하단의 컨트롤을 사용하여 데스크톱, 태블릿 및 모바일에서 웹사이트가 어떻게 보이는지 확인하고 그에 따라 변경할 수 있습니다. 이제 태블릿에서 스타일을 변경하면 해당 변경이 모든 장치에서 발생한다고 가정해 보겠습니다. 콘텐츠 차단을 변경하는 순간(예: 태블릿용 섹션 삭제), 변경 사항은 다른 기기에도 반영됩니다.

웹사이트를 활성화하기 전에 항상 모든 기기에서 웹사이트가 어떻게 보이는지 확인하세요. 이 매우 기본적인 점검은 종종 웹사이트 구축 계획에 대한 비참한 결과로 무시됩니다.

Colibri 테마 모바일 응답성

Colibri 찬반 양론

Colibri의 장점을 요약하자면 다음과 같습니다.

  • 커스터마이저에서 실시간 편집
  • 고급 사용자 정의 옵션
  • 다양한 틈새 시장을 위한 다양한 템플릿
  • 사전 정의된 블록 및 구성요소
  • 확장 가능한 타이포그래피 기능
  • 스타일에 대한 복사-붙여넣기 옵션
  • 반응형 디자인

반면에 한 가지 큰 단점이 있을 수 있습니다. Colibri는 전자 상거래 경험을 위한 준비가 되어 있지 않습니다.

모든 중요한 기능이 실제로 작동하는지 보려면 Colibri를 빠르게 사용하는 것이 좋습니다. 무료 시승 옵션도 있습니다.

추천 플러그인

리뷰 시작 부분에서 테마가 Colibri WordPress 페이지 빌더를 사전 설치한다고 말했습니다.

모양 → 플러그인 설치로 이동하면 다른 플러그인이 권장되는 것을 볼 수 있습니다. 그들 대부분은 유명한 WPMUdev인 Colibri의 파트너에 속합니다. 이러한 플러그인은 보안, 성능, 양식 생성 등의 측면에서 새로운 기능을 가져올 수 있습니다.

Appearance → Colibri Settings에서도 이러한 플러그인을 찾을 수 있습니다.

Colibri WP 테마 추천 플러그인

마무리!

Colibri 테마의 모든 기능은 Colibri 빌더가 잠금 해제한 기능에 의존합니다. 테마 및 빌더를 사용하면 하나의 인터페이스 내에서 끌어서 놓기로 고유한 웹사이트를 만들 수 있습니다.

간단한 웹사이트가 필요한 경우 무료 버전이 도움이 될 수 있습니다. 눈에 띄는 것을 만들고 싶다면 PRO 버전으로 가십시오. 그만한 가치가 있습니다.

참고: 이 기사는 ColibriWP와 공동으로 게시되었습니다.