1 min read

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

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

こんにちは!

以前、ThinkificのLPのテーマ(Theme libraryとTheme setting)について解説しましたが、今回は、テーマタイポグラフィー(Typography)について取り上げたいと思います。

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

このテーマの設定を全て行うことで、サイトのデザインやトーンを自分の好みに合わせることができます。

参考記事:https://support.thinkific.com/hc/en-us/articles/360033673933-Theme-Settings#typography

動画での解説:

 

 

テーマタイポグラフィー(Typography)について

 

テーマタイポグラフィーでは、サイト内のフォント(バナータイトルのフォントの太さやスタイル)を設定することができます。

フォント以外でも、ファビコンやスマホのテキストの設定を行うことができます。

 

・設定方法

 

まずは、デスクトップタイポグラフィーを設定していきます。

Image from Gyazo

デスクトップでは、バナーやヘディング、サブヘディング、ボタンのテキスト等の設定ができます。

それぞれ、フォント、サイズ、太さなどを選ぶことができます。

Image from Gyazo

例えば、バナーのテキストの太さをBoldにしてみると、サイト内のバナーセクションのテキストが太文字になります。

Image from Gyazo

次に、モバイルタイポグラフィーを設定していきます。

モバイルの画面に切り替えて設定をしていくとみやすいので、まずは、画面右上の「Mobile」をクリックしてみましょう。

すると、編集画面にモバイル版が表示されます。

Image from Gyazo

ここでもデスクトップの場合と同じように、設定していきます。

デスクトップとは違い、フォントの太さやスタイルを選ぶことはできません。

ここでは、テキストのサイズのみ調整することができます。

バナーサイズやヘディング、サブヘディングのサイズを調整します。

Image from Gyazo

保存して、次は、ファビコンの設定をしていきます。

ファビコンは、ブラウザーのタブに表示される小さいアイコンのことです。

ここに自分のロゴを入れることができます。

 Favicon > Uploadで自分のロゴを設定

Image from Gyazo

動画での解説もありますので、ぜひ参考までにご覧ください。

 

まとめ

 

ここまでで、Thinkificのテーマタイポグラフィー(Typography)について解説しましたが、ご自身のLPで設定できましたでしょうか?

以前紹介した、Theme libraryやTypographyの設定を行うことで、オリジナリティーを出したり、会社のイメージに合わせてサイトのデザインを設定できるので、ぜひ活用してみてください!

 

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

<関連記事>

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

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

 

弊社ブランドバディーズは、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のテーマ(Theme library・Theme setting)の解説と設定方法

( 1 min read )

Tags: thinkific

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

( 1 min read )

Tags: thinkific

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

( 1 min read )

Tags: thinkific

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

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