1 min read

ThinkificのLPのテーマ(Theme library・Theme setting)の解説と設定方法

Airi Shiroma By Airi Shiroma
ThinkificのLPのテーマ(Theme library・Theme setting)の解説と設定方法

 

こんにちは!

オンラインスクールのプラットフォームとして人気の高いThinkficですが、デザイン性が低く、カスタマイズがあまりできないという声を良く聞きます。

ノーコードで限界があるのは確かですが、Thinkificが用意しているデザインフォーマットを使って、自社ブランドに合わせてLPを作成することができます。

今回は、サイトのデザインテーマについて解説していきたいと思います。

 

参考記事:https://support.thinkific.com/hc/en-us/articles/360030726893-Choosing-a-Theme-for-Site-Builder

https://support.thinkific.com/hc/en-us/articles/360033673933-Theme-Settings

動画での解説:

 

 

LPのテーマ(デザイン)設定とは?

 

テーマ設定は、ホームページやコースのランディングページなど、公開されるすべてのページに適用されるので、1箇所から全ての設定ができてとても便利です。

現時点では、ページごとに色やフォントをカスタマイズすることはできませんが、テーマ設定を行うことで、サイト全体で一貫した雰囲気を保つことができます。

テーマの設定を2箇所から行うことができるので、その設定方法について紹介したいと思います。



・設定方法(Theme library)

 

ダッシュボードの「Design your library」からデザインの変更ができます。

大きく表示されているのが、今反映されているデザインになります。

現在は、「Vogue」になっています。

Image from Gyazo

下にスクロールすると、EmpireとVisionというのがあって、すでにインストールされているデザインです。

「Explore themes」にいくと、現在インストールされているデザインも含めて、使用可能なデザインを一覧から確認できます。

Image from Gyazo

それぞれのデザインを確認するため、「View details」をクリックすると、 Empireデザインのテンプレートを確認できます。

色が4種類あるので、それぞれをクリックして確認することができます。

※Vogue・Visionはそれぞれ3種類の色から選べます。

Image from Gyazo
Image from Gyazo

Publishをクリックすると、そのデザインが適用され、Buildをクリックすると、そのサイトビルダーの画面に変わり、LPや他のページの編集を行うことができます。

デザインを変更すると、また、ページを1から作成することになるので、前もってデザインを決めてから、LPやカスタムページなどの編集をするようにしましょう!

Image from Gyazo

動画での解説はこちらをご覧ください。



・設定方法(Theme setting)

 

ここでは、ボタンやページの背景の色などの設定をします。

セクションを追加する際に、ボタンの種類や背景のデザインを2種類ほどから選ぶオプションがあるのですが、その設定をTheme settingから行うことができます。

先ほど、Theme libraryでVogueというデザインがサイトに適用されていることを確認しましたが、ここでは、もっと細かい設定をしていきます。

Image from Gyazo

まず、スタイルで3種類から選択できます。それぞれ「Apply」をクリックすると、そのデザインが適用されて、サイト全体を確認できます。

Image from Gyazo

カラーから、ヘッダーフッター、ページ全体のバックグラウンドなどの色を変更できます。

バックグラウンドの設定では、Primary(メイン)、Secondary(2番目)、Tertiary(3番目)をそれぞれ設定できます。

ボックスとホバー、テキストの色も変更できます。

Image from Gyazo

ボタンは、Primary button(メインボタン)、Secondary button(サブボタン)からボタンの形やテキストの色、枠など設定できます。

デフォルトのデザインで問題なければそのままで問題ありませんが、もう少しこだわりたいという方には、ぜひ触っていただきたい箇所なので、活用してみてください!

動画での解説はこちらをご覧ください。



まとめ

 

ここまでで、簡単にテーマ設定(Theme library / Theme setting)の方法を解説しましたが、お好みのデザイン設定できましたでしょうか?

Theme libraryだけでも、色やデザインを変えるだけでガラッと雰囲気を変えることができます。もう少し、デザインの色を変えてオリジナリティを出したいという方は、Theme settingから細かい設定を行って、調整してみてください!

関連記事もぜひご覧ください。

<関連記事>

Thinkificの使い方!日本語解説ガイド(作成方法〜公開方法)

<セクションの追加方法について>

ThinkificのLPセクション「Pricing option(プライシングオプション)」の解説

ThinkificのLPセクション「Lead capture(リードキャプチャ)」の解説

ThinkificのLPセクション「Logos」の解説

ThinkificのLPセクション「FAQ」の解説

ThinkificのLPセクション「Icon & Text(アイコン&テキスト)」の解説

ThinkificのLPセクション「Image gallery(ギャラリー)」の解説

ThinkificのLPセクション「Checklist(チェックリスト)」の解説

ThinkificのLPセクション「Countdown timer(カウントダウンタイマー)」の解説

ThinkificのLPセクション「All categories smart section(オールカテゴリー)」の解説

ThinkificのLPセクション「Bonus material(ボーナスマテリアル)」の解説

ThinkificのLPセクション「Call to action(course)」の解説

 

弊社ブランドバディーズは、Thinkificの公式パートナーに認定されています。

今まで、様々なビジネススタイルのお客様のオンラインスクールの立ち上げを支援してきました。

「Thinkificの導入で迷っている」、「本当に自社のビジネススタイルはThinkificに合うのか?」、「初期設定だけ依頼したい」など、ぜひお気軽にご相談ください。

お問い合わせ

オンラインコースを作るためのオンラインコースもやってます!

Udemy版(ショートVer)

▼【Thinkificの使い方】Thinkificの無料プランでオンラインコースをつくろう!

https://www.udemy.com/course/thinkific-v/

Thinkific版

▼Thinkific社共同セミナーアーカイブ

https://brandbuddyz.thinkific.com/courses/202111-12

THINKIFICでオンラインコースをつくろう!

▼使い方を徹底解説!無料プランでコンテンツを作って販売しよう。【完全マスターガイド】

https://brandbuddyz.thinkific.com/courses/thinkific-2

オンラインスクール-2

Thinkificをまだ試したことがない方は、下記のリンクからThinkificでアカウントを作成すると、Start(スタート)かGrow(グロー)プランが無料で1ヶ月お試しができますので、ぜひお試しください。

アカウントを開設する

Related Articles

ThinkificのLPのテーマタイポグラフィー(Typography)の解説と設定方法

( 1 min read )

Tags: thinkific

Thinkificって何ができるの?管理画面(ダッシュボード)の解説!

( 1 min read )

Tags: thinkific

ThinkificのコースLP(ランディングページ)の作成方法!概要の解説

( 1 min read )

Tags: thinkific

ジャーニーマップをダウンロード!

オンラインとオフラインでメディア戦略を立てるときにご利用ください。