Colibri WPレビュー:機能満載の多目的WordPressテーマ

公開: 2020-10-28
ColibriWordPressテーマ
@Cloudwaysをフォローする

WordPress.orgで最も人気のあるWordPressテーマの1つにリストされている、Colibriには50.000を超えるアクティブなインストールがあります。 その作成者は、他の人気のあるテーマであるMesmerize、Materialis、One PageExpressの背後にもいます。

このレビューでは、私は掘り下げます:

  • Colibriテーマのベンチマーク
  • Colibri Free vs Colibri Pro
  • Colibriテーマの価格プラン
  • ColibriPROテーマカスタマイザー
  • コリブリのテーマの特徴
  • Colibriの長所と短所

トピックに飛び込む前に、私が面白いと思った何かを強調したいと思います。 Colibriテーマをアクティブにすると、Colibriの事前定義されたデザインの1つを選択するように求められます。

デザインを選択すると、Colibri PageBuilderが自動的にインストールされます。 ビルダーはデフォルトのカスタマイザーを拡張し、よりクールな機能(デザイナーが作成したブロックやコンポーネントなど)を提供するだけなので、心配する必要はありません。

コリブリの事前定義されたデザイン

さあ、転がしてみましょう。

Colibriパフォーマンスベンチマーク

サーバーとアプリケーションの構成は次のとおりです。

Cloudwaysサーバー構成

  • Cloudwaysサーバー:Vultr –高頻度
  • RAM:4GB
  • SSDディスク:128GB
  • 帯域幅転送:3TB
  • プロセッサー:2コア
  • サーバーの場所:シリコンバレー
  • オペレーティングシステム:Debian 9
  • NGINX:1.14.1
  • ワニス:5.0.0
  • Apache:2.4.25
  • データベース:MariaDB 10.4
  • PHP-FPM:7.4

アプリケーション構成

  • WordPressバージョン:5.4.2
  • CDN:CloudwaysCDN
  • SSL:暗号化しましょう
  • Colibriバージョン:1.0.81

インストールされているプラ​​グイン

  • お問い合わせフォーム7
  • 数学SEOのランク付け
  • ブリーズキャッシュ
  • Cloudways –WordPressボット保護
  • Colibriページビルダー
  • Colibri Page Builder PRO

Loader.ioテスト

  • テスト済みページ:3
  • テストタイプ:クライアントの負荷を維持する
  • クライアント:0〜1000
  • 所要時間:5分
  • テスト結果:

コリブリローダーテスト

GTmetrixテスト

colibri gtmetrix

Colibriテーマ+超高速ホスティング=より高いコンバージョン

Cloudwaysは、比類のないサーバーパフォーマンスを提供します。 Colibriテーマをミックスに追加することは、オンラインで成功するための簡単な公式です。

今すぐビルド!

Colibri Free vs Colibri Pro

FreeバージョンとProColibriバージョンの共通点は何ですか? どれどれ:

  • カスタマイザー内でのライブ編集
  • 画像とグラデーションの背景
  • モバイルの応答性
  • Colibriクラウドプラットフォームへのアクセス
  • 事前に設計されたコンテンツブロックとWebサイトテンプレート
  • グラフィカルセクションディバイダー
  • ヘッダーとナビゲーションメニューのレイアウト

レイアウトとセクションに関しては、以下に示すように、無料プランと有料プランの間にいくつかの違いがあります。

コリブリフリーコリブリプロ
事前に設計されたウェブサイトテンプレート3 60歳以上
事前に設計されたコンテンツブロック34 170歳以上
フロントページヘッダーのデザイン5 20歳以上
ヘッダーレイアウトオプション3 17
ナビゲーションメニューのレイアウト2 5
事前に設計されたフッターブロック1 6

Colibri Proには、次のようないくつかの追加機能が付属しています。

  • 無制限のビデオとスライドショーの背景
  • ナビゲーションカラー
  • 4つのヘッダーメディアタイプ:画像、ビデオ、ライトボックス、画像コラージュ。 無料プランには画像オプションのみがあります
  • タイポグラフィと色を完全に制御(フッターも)
  • 高度なスタイリング機能
  • 新しいブロック:Googleマップ、カウンター、フォトギャラリー
  • 1年間の優先テクニカルサポート
  • 複数の言語をサポート

これはあなたにとってどういう意味ですか?

プロの機能は、真にユニークなWebサイトを構築するために使用できるより優れたカスタマイズオプションを提供します。 ピクセルパーフェクトにカスタマイズできる、事前に設計されたブロックとコンポーネントにアクセスできます。 また、1年間のアップデートとサポートにアクセスできます。

Colibriテーマの価格プラン

次の3つのプロプランには、サポートとアップデートを含む、年間および生涯の機能があります。

  • 個人的
  • 仕事
  • エージェンシー

ビジネスプランは最大5サイトまで有効ですが、エージェンシープランでは無制限のサイトを構築できます。

個人的仕事エージェンシー
毎年79ドル99ドル199ドル
一生169ドル239ドル449ドル

時々、割引を利用できます(たとえば、ブラックフライデー)。

カスタマイザー内でColibriPROを操作するにはどうすればよいですか?

Colibri Page Builderプラグインのおかげで、カスタマイザー内でWebサイト全体をデザインできます(サイドバー、ヘッダー、フッターが含まれます)。

事前に設計されたテンプレートの1つを使用する場合は、[外観]→[コリブリ設定]→[デモサイト]から選択します。

特徴

それでは、PROバージョンでのみ利用可能ないくつかの追加セクションを確認してみましょう。

ヒーローセクション

Colibriを使用すると、訪問者に長期的な印象を与える魅力的なヒーローセクションを作成できます。 画像、ビデオ、コラージュ、ライトボックスなど、さまざまなメディアタイプを組み合わせることができます。

タイポグラフィのスタイルと色

Colibriテーマのタイポグラフィとカラー機能

テーマの色は、[一般設定]→[グローバル配色]からいつでも変更できます。 ここでは、利用可能なスキームから選択するか、デザインにより適したスキームを作成できます。

コリブリテーマの配色

グローバルフォントを変更する場合は、[一般設定]→[タイポグラフィ]に移動します。

Colibriテーマのタイポグラフィのカスタマイズ

このレベルでは、独自の見出しスタイルを定義できます。 H1からH6まで、グローバルフォント、サイズ(px、rem、またはems)、太さ、色、または文字間隔を割り当てることができます。

左側のサイドパネルで、そのスタイルがいくつかの要素にリンクされていることがわかります。 変更が他の何かに影響を与えたくない場合は、必ずスタイルのリンクを解除してください。

Colibriビルダーの最大の特徴の1つは、スタイルをコピーして貼り付けることができるという事実です。

事前に設計されたコンテンツブロック

Colibriには、夢のWordPress Webサイトを構築するために使用できる150以上の既製のコンテンツブロック(ヒーロー、機能、紹介文、CTA、チームなど)があります。

Colibriテーマの事前に設計されたコンテンツブロック

これらのブロックは完全にカスタマイズ可能であり、適切になるまで調整できます。 「詳細」編集オプションから、背景、仕切り、間隔、効果、タイポグラフィなどを調整できます。

ColibriAdvanced編集ブロック

ドラッグアンドドロップコンポーネント

これらのコンポーネントは、スライダー、価格設定、ソーシャルアイコン、カルーセル、列、フォームなどの新しい機能をWebサイトに追加できます。 それらを使用して、カスタムブロックを作成したり、既存のブロックラインナップをカスタマイズしたりできます。

Colibriテーマのドラッグアンドドロップコンポーネント

各コンポーネントをカスタマイズできます。

これを示すために、アコーディオンブロックを見てみましょう。

「詳細」オプションから、背景、間隔、境界線と影、応答性(モバイルまたはタブレットで非表示)、外観効果、さらにはカスタムCSSを調整できます。 通常の状態とホバー状態の両方に影響を与えることができます。

ナビゲーションメニュー

メニューに関しては、5つのオプションがあります。

  • ヘッダープライマリメニュー
  • フッタープライマリメニュー
  • ヘッダーセカンダリメニュー
  • ページはめ込みメニュー
  • フッターセカンダリメニュー

これらのメニューの場所に、ページ、カスタムリンク、カテゴリ、タグを追加できます。

コリブリテーマナビゲーションメニューセクション

ゼロから始めたくない場合は、変更および調整できる6つのフッターブロックオプションがあります。

カスタムCSSを追加する

事前に設計されたテンプレートとブロック、およびすべてのカスタマイズオプションがまだ十分ではないと感じた場合は、CSSで遊ぶオプションが常にあります。 [一般設定]→[追加のCSS]で独自のCSSを追加できます。

Webサイトのコンポーネントを選択した後、左側のサイドパネルから「詳細」オプション内に独自のCSSを追加できます。 「スタイルの管理」に進んで、CSSの魔法を始めてください。 このレベルで独自のCSSクラスを追加することもできます。

テーマColibriカスタムCSSを追加

モバイルの応答性

Colibri内のすべてのデザイン要素は、あらゆるモバイルデバイスとあらゆる画面サイズで見栄えがするように構築されています。

下部にあるコントロールを使用して、デスクトップ、タブレット、およびモバイルでWebサイトがどのように表示されるかを確認し、それに応じて変更を加えることができます。 ここで、タブレットでスタイルを変更すると、その変更はすべてのデバイスで発生するとします。 コンテンツブロックを変更すると(例:タブレットのセクションを削除)、変更は他のデバイスにも反映されます。

Webサイトを公開する前に、すべてのデバイスでWebサイトがどのように表示されるかを常に確認してください。 この非常に基本的なチェックは、ウェブサイト構築イニシアチブの悲惨な結果とともに無視されることがよくあります。

Colibriテーマのモバイル応答性

Colibriの長所と短所

Colibriの優れている点をまとめましょう。

  • カスタマイザーからのライブ編集
  • 高度なカスタマイズオプション
  • さまざまなニッチ向けのテンプレートがたくさん
  • 事前定義されたブロックとコンポーネント
  • スケーラブルなタイポグラフィ機能
  • スタイルのコピー&ペーストオプション
  • レスポンシブデザイン

反対に、おそらく大きなマイナス面が1つあります。それは、Colibriがeコマースエクスペリエンスの準備ができていないことです。

Colibriを使って、すべての重要な機能が実際に動作していることを確認することを強くお勧めします。 無料の試乗オプションもあります。

推奨プラグイン

レビューの冒頭で、テーマはColibriWordPressページビルダーをプレインストールすると言いました。

[外観]→[プラグインのインストール]に移動すると、他のプラグインが推奨されていることがわかります。 それらのほとんどは、有名なWPMUdevであるColibriのパートナーに属しています。 これらのプラグインは、セキュリティ、パフォーマンス、フォーム作成などの点で新しい機能をもたらすことができます。

これらのプラグインは、[外観]→[Colibri設定]にもあります。

ColibriWPテーマ推奨プラグイン

まとめ!

Colibriテーマの全機能は、Colibriビルダーによってロック解除される機能に依存しています。 テーマとビルダーを使用すると、1つのインターフェイス内でドラッグアンドドロップして独自のWebサイトを作成できます。

簡単なウェブサイトが必要な場合は、無料版でうまくいくかもしれません。 目立つものを作りたい場合は、PROバージョンを選択してください。それだけの価値があります。

注:この記事は、ColibriWPと共同で公開されました。