![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/02/kajabi-thumb-74.jpg?resize=1024%2C576&ssl=1)
Kajabi(カジャビ)はワードプレスと同じようにウェブサイトのテーマをいろんな選択肢の中から選ぶことができます。そのテーマの選ぶ方や設定方法を解説いたします。
前回の記事はこちら
- 1 解説動画はこちら
- 2 サイト全体をデザインするテーマを決める
- 3 ウェブサイトテーマと各プロダクトのテーマは独立している
- 4 ライブラリページ(講座一覧ページ)のデザインもWebサイト全体のテーマで決まる
- 5 ウェブサイトテーマ:「Prosper」(プロスパー)
- 6 ウェブサイトテーマ:「Creative」(クリエイティブ)
- 7 ウェブサイトテーマ:「Taylor」(テイラー)
- 8 「Carl」
- 9 ウェブサイトテーマ:「Rise」(ライズ)
- 10 ウェブサイトテーマ:「Kim」(キム)
- 11 ウェブサイトテーマ:「Emilia」(エミリア)
- 12 ウェブサイトテーマ:「Hopper」(ホッパー)
- 13 ウェブサイトテーマ:「Serenity」(セレニティ)
- 14 ウェブサイトテーマ:「Reach」(リーチ)
- 15 自身のサイトイメージに合うテーマを選ぼう
- 16 Kajabiの無料お試し期間を14日→30日に増やす方法(さらにKajabiマスタークラスをゲットする方法)
- 17 「Kajabiマスタークラス」の申請方法
- 18 次の記事はこちら
- 19 Kajabiの使い方まとめ記事はこちら
解説動画はこちら
サイト全体をデザインするテーマを決める
今回は、Kajabi(カジャビ)のウェブサイトテーマを選ぶ方法を解説します。
テーマとは、ウェブサイトを作る際のサイト全体のデザインのことです。
まず、そのテーマを決め、テーマに沿ってページが自動的に生成されます。ちなみに私は「Kim」というテーマでサイトを作っています。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/01/無題-338.png?resize=688%2C489&ssl=1)
ウェブサイトテーマと各プロダクトのテーマは独立している
テーマを選ぶことで一連のページが自動生成されますが、ページに表示される個々のプロダクト(教材)ごとに別のテーマを設定することができ、またカスタマイズも可能です。
つまり、Webサイト全体のテーマと個々のプロダクトのテーマは独立しているので、それぞれ個別に設定する必要がある、ということです。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/01/無題-340.png?resize=675%2C580&ssl=1)
各プロダクトのテーマについてはまた別の記事で設定方法とカスタマイズ方法をお伝えします。
今回はあくまで「Webサイト全体のテーマ」(プロダクト一覧画面のページも含む)の選び方を解説いたします。
ライブラリページ(講座一覧ページ)のデザインもWebサイト全体のテーマで決まる
弊社の場合は、Kajabiを会員サイトとして使っていますが、下の画像のように教材を横3列の格子状に並べたかったため、ライブラリページのデザインが格子状になっている、「Kim(キム)」というテーマを選択しました。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/01/無題-339.png?resize=762%2C584&ssl=1)
それでは、以下から、Kimも含めて、どのようなWebサイトテーマがあるのか、1つ1つご紹介いたします。
ウェブサイトテーマ:「Prosper」(プロスパー)
ここからは、記事執筆時点で、Kajabiから公開されている様々なテーマを紹介させて頂くので、サイトを作成する際にはぜひ参考にして下さい。
「Website」にある「Design」を選択します。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/01/無題-336.png?resize=646%2C416&ssl=1)
続けて「Pick theme」を押下するとテーマのテンプレートが表示されます。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/01/無題-337.png?resize=566%2C248&ssl=1)
最初に「Prosper」を選んで「Get Started」を押下してみます。
少し待つとページが表示されます。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/01/無題-341.png?resize=803%2C557&ssl=1)
トップ画面からはじまり、ブログページやログインページなどがプレビューできます。
こちらは、全体的なサイトイメージとしてコンサルタントに向いている背景画像を使ったデザインが特徴的です。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/01/無題-342.png?resize=711%2C574&ssl=1)
ウェブサイトテーマ:「Creative」(クリエイティブ)
「Creative」はアーティスト向けのテーマです。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/01/無題-343.png?resize=775%2C563&ssl=1)
お洒落で格好はいい分、サイトの使い方が難しそうな印象を受けますが、このテーマは教材を横3列の格子状に並べることができるので、その点は見栄えが良いです。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/01/無題-344.png?resize=776%2C601&ssl=1)
ウェブサイトテーマ:「Taylor」(テイラー)
次は「Taylor」テーマです。
こちらは今時のお洒落なインスタグラマー風のサイトをイメージしていて、画像も女性が多いので柔らかい印象を受けます。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/01/無題-345.png?resize=800%2C550&ssl=1)
「Carl」
「Carl」は優しい感じのテーマで男性が料理をしている背景画像が特徴なので、クッキング系のコンテンツの場合に使うとイメージが固定できて良いと思います。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/01/無題-346.png?resize=794%2C570&ssl=1)
ちなみに背景画像として設定されている写真も後で変更することができるので、自身のサイトイメージに沿った画像を追加変更することが可能です。
ウェブサイトテーマ:「Rise」(ライズ)
「Rise」は見栄えのいい、格好いいイメージ写真がメインになっています。
こちらは、どちらかと言うとビジネス用途以外で使うとサイトテーマに合わせることができそうです。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/01/無題-347.png?resize=812%2C560&ssl=1)
ウェブサイトテーマ:「Kim」(キム)
続いてわたしが使っている「Kim」です。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/01/無題-348.png?resize=804%2C555&ssl=1)
フィットネスの画像をテーマにしているのでフィットネス系のサイトに向いていますが、わたしの持っているイメージと合わなかったので画像は全て変更しています。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/01/無題-349.png?resize=785%2C417&ssl=1)
ですが、このテーマは教材を横3列の格子状に並べることができ、お客様目線で教材が見やすいので採用しています。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/01/無題-350.png?resize=776%2C520&ssl=1)
ウェブサイトテーマ:「Emilia」(エミリア)
「Emilia」は名前の通り女性向けのテーマです。
ちなみはこのテーマだと教材を横2列で表示できるので、一度に多くの教材が見せられる点では良いと思います。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/01/無題-351.png?resize=795%2C530&ssl=1)
ウェブサイトテーマ:「Hopper」(ホッパー)
次は「Hopper」です。
こちらは流行りのお洒落なプログラミング教室のようなイメージで、今風のサービスや商品を売るのに適しているかもしれません。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/01/無題-352.png?resize=781%2C484&ssl=1)
ウェブサイトテーマ:「Serenity」(セレニティ)
「Serenity」は、ヨガやフィットネスがテーマになっていて、言葉自体に静寂という意味もあるので落ち着いたナチュラルな感じのページになっています。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/01/無題-353.png?resize=763%2C422&ssl=1)
ウェブサイトテーマ:「Reach」(リーチ)
最後は「Reach」です。
こちらは女性の個人起業家向けのイメージになっています。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/01/無題-354.png?resize=783%2C563&ssl=1)
以上がこの記事の執筆時点で公開されているテーマとなります。(今後追加される可能性もあります。)
自身のサイトイメージに合うテーマを選ぼう
様々なテーマがありましたが、わたしはサイトの見やすさと教材を複数表示できる点で「Kim」のテーマをお勧めしています。
ですが、Kajabiから提供されるテーマも都度アップデートされているので、自身のイメージに合うテーマを選んでください。
ご自身がサイトを作る際の参考にして頂き、テーマを選んでいただければと思いますが、別の回ではサイトをカスタマイズする方法を解説させて頂きます。
以上、Kajabi(カジャビ)のウェブサイトテーマを選ぶ方法を解説しました。
Kajabiの無料お試し期間を14日→30日に増やす方法(さらにKajabiマスタークラスをゲットする方法)
もしあなたがKajabiを使ってみたいとお考えでしたら、以下のバナーをクリックして表示されたお申し込みページからKajabiにお申し込みください。
![](https://i0.wp.com/philipptarohiltl.com/wp-content/uploads/2023/03/blogKAJA-affi-baner2.jpg?resize=1024%2C269&ssl=1)
そうすると、通常は14日間のお試し期間が倍以上となる「30日間お試し」の権利を手にいれることができますので、無料で使える期間が長くなります。(お試し期間内に解約すれば課金はされません。)
また、Kajabiの使い方を全て動画でわかりやすく解説した「Kajabiマスタークラス」をプレゼントいたしますので、ぜひ弊社のリンクからお申し込みいただけると嬉しいです。
「Kajabiマスタークラス」の申請方法
上記のバナー経由で申し込まれた後は弊社の問い合わせフォームからその旨をご連絡ください。
↓
問い合わせフォーム
・Kajabiマスタークラスの受け取りを希望する旨
・Kajabiに申し込まれた際のメールアドレス
・オンライン講座アカウント作成用のメールアドレス
以上を3点をご記入の上、お問い合わせください。
(本当に弊社のリンクでお申し込みいただいたかどうかを確認の上、1-2営業日程度でKajabiマスタークラスを差し上げます。)
Kajabiの導入をご検討されている方はぜひご活用くださいね!