WordPressテーマのフォントを変更する方法(5つの簡単な方法)

WordPressテーマには、デフォルトのフォント、フォントサイズ、フォントカラーが用意されています。デフォルトのフォントを別のフォントに変更したい場合。WordPressでフォントを変更するにはいくつかの方法があります。

畫像[1]-WordPressテーマのフォントを変更する方法(5つの簡単な方法) - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

WordPressテーマエディターでフォントを変更する

ウェブサイトのフォントを変更する簡単な方法は、WordPressのテーマエディタを使用することです。ウェブサイトの外観を変更し、ライブプレビューを表示することができます。

銘記エディタメニューのオプションがない場合は、テーマがフルサイト編集を有効にしている可能性があるので、別の方法を使うか、テーマを切り替える必要があります。

このチュートリアルではを使用している。アストラのテーマ.注:オプションは、お使いの ワードプレスのテーマと様々です。多くの場合、エディタを見て、あなたのテーマに固有の「フォント」や「タイポグラフ?!工卧O(shè)定を見つける必要があります。

まず、ワードプレスのダッシュボードから外観 " カスタマイズ。

畫像[2]-WordPressテーマのフォントを変更する方法(5つの簡単な方法) - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

WordPressテーマエディターが起動します。

アストラのテーマには"治安情勢"セクションには、サイト全體のスタイルを変更するためのオプションがあります。サイト全體のフォントを変更するには、左メニューの "治安情勢「オプション

畫像[3]-WordPressテーマのフォントを変更する方法(5つの簡単な方法) - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

次の畫面では、"タイプセット","カラー","容器","ボタン「などのオプションがある。

をクリックしてください。タイポグラフィ「オプション

畫像[4]-WordPressテーマのフォントを変更する方法(5つの簡単な方法) - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

ここでは、"みぜんにふせぐ"セクションで別のフォントを選択する。

これらはテーマが提供するデフォルトのフォントの組み合わせで、プリセットを選択するとサイト全體のフォントが変更されます。

フォント?プリセットにカーソルを合わせると、フォントの組み合わせを見ることができる。たとえば、ここではプリセットのひとつに「Montserrat and Source Sans Pro」という組み合わせがあります。

畫像[5]-WordPressテーマのフォントを変更する方法(5つの簡単な方法) - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

これに加えて、テーマ內(nèi)の個々の要素のフォントを変更することも可能です。

例えば、本文と見出しで異なるフォントを使用することができます。見出しのレベルごとに異なるフォントを使用することもできます。

まず、単純に"フォントシリーズ"のドロップダウンメニューからフォントを選択します。

畫像[6]-WordPressテーマのフォントを変更する方法(5つの簡単な方法) - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

これに加えて、フォントサイズや太さの変更、バリアントの選択など、より多くのオプションがある。

終わったら、忘れずに"ポスト「または更新「ボタン

これでサイトのフロントエンドを更新し、新しいフォントを確認(rèn)することができます。例えば、私たちのデモサイトでは、本文フォントをRobotoに、ヘッダーフォントをHelveticaに変更しました。

畫像[7] - WordPressテーマのフォントを変更する方法(5つの簡単な方法) - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

注:すべてのWordPressテーマが、Astraが提供するような機(jī)能やカスタマイズを提供しているわけではありません。お使いのテーマがこれらの機(jī)能を提供していない場合は、別の方法を使用してください。

WordPressフルサイトエディターでフォントを変更する

Twenty Twenty-TwoのようなブロックベースのWordPressテーマを使用している場合、FSE(Full Site Editor)を使用してサイトのフォントを変更することができます。

フルサイトエディタでは、WordPressコンテンツエディタで編集するのと同じように、ブロックを使ってWordPressテーマをカスタマイズすることができます!カードもしかしたらウェブページ同じです。ただし、FSEは現(xiàn)在ベータ版で、対応しているテーマは限られている。

ここでは、Twenty Twenty-Twoテーマを使ってデモを行う。

まず、WordPressの管理畫面からアピアランス」エディター

畫像[8]-WordPressテーマのフォントを変更する方法(5つの簡単な方法) - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

WordPressテーマのフルサイトエディターが開きます。

次に、右上の"タイプ「アイコンをクリックし、"タイポグラフィ「オプション

畫像[9] - WordPressテーマでフォントを変更する方法(5つの簡単な方法) - Photon Flux|WordPress 修理サービスのプロフェッショナル、ワールドワイド、迅速な対応!

その後、テキストやリンクなどの要素を選択してフォントを変更できる。

私たちは"コピー「をクリックしてください。書體"ドロップダウンメニューでフォントを変更する。

畫像[10]-WordPressテーマのフォントを変更する方法(5つの簡単な方法) - Photonflux.com|プロのWordPress修理サービス、グローバルリーチ、高速レスポンス

完了したら、"セーブ「ボタンをクリックします。

以上の手順で、フルサイトエディタを使用してフォントを変更することができました。WordPressサイトにカスタムフォントを追加し、フルサイトエディターで変更することも可能です。

WordPressプラグインの使用WordPressのフォントを変更する

WordPressのフォントを変更するもう一つの方法は WordPressプラグイン例えばフォント?プラグイン.

WordPressのタイポグラフィ?プラグインで、ウェブサイトに何千ものGoogleフォントとさまざまなフォントのバリエーションを追加します。

まず、Fonts Puginをインストールし、有効化します。

有効化すると、WordPressダッシュボードにフォントプラグインクイックスタートガイドが表示されます。メールアドレスを入力してPDFを入手するか、または "カスタムフォント「編集開始

畫像[11]-WordPressテーマのフォントを変更する方法(5つの簡単な方法) - Photonwave.com|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応

テーマのエディタでプラグインのカスタマイズオプションを開きます。

このページで、続けて"基本設(shè)定「メニュー

畫像[12]-WordPressテーマでフォントを変更する方法(5つの簡単な方法) - Photon Flux|WordPress修理のプロフェッショナル、ワールドワイド、迅速な対応!

メニュー項目に入ったら、カスタマイズを始めることができます。內(nèi)容、タイトル歌で応えるボタンフォント.

各テキスト要素のドロップダウンメニューを展開し、お好みのフォントを選択するだけです。

畫像[13] - WordPressテーマでフォントを変更する方法(5つの簡単な方法) - Photon Flux|WordPress 修理サービスのプロフェッショナル、ワールドワイド、迅速な対応!

終わったら、忘れずに"ポスト"ボタンをクリックしてください。

WordPressテーマビルダーでフォントを変更する

WordPressには、コードを編集することなくカスタムテーマを作成できる強(qiáng)力なテーマエディターが數(shù)多くあります。これらを使って、ウェブサイト上のさまざまな要素のフォントを変更することができます。

ここではシードプロデモWordPressのための最高のランディングページとテーマエディタプラグインであり、コードの行なしでカスタムテーマを作成するドラッグアンドドロップビルダーを提供します。

銘記:: へSeedProd Proバージョンテーマビルダーが含まれているからだ。またSeedProd Liteバージョンウェブサイトのご利用は無料です。

まず、SeedProdプラグインをインストールし、有効化します。

アクティベーションが完了すると、SeedProdのようこそ畫面が表示されます。先に進(jìn)み、キーを入力し、"認(rèn)証キー「ボタンをクリックしてください。ライセンスキーは、SeedProdアカウントエリアで簡単に見つけることができます。

畫像[14] - WordPressテーマのフォントを変更する方法(5つの簡単な方法) - Photon Flux|WordPress 修理サービスのプロフェッショナル、ワールドワイド、迅速な対応!

その後、WordPressのダッシュボードからSeedProd " テーマビルダー。

次に、一番上の"ごかんけいせいぼおん「ボタン

畫像[15]-WordPressテーマでフォントを変更する方法(5つの簡単な方法) - Photon Flux|WordPress修理のプロフェッショナル、ワールドワイド、迅速な対応!

ここから、プラグインは、選択する複數(shù)のテーマを表示します。

使いたいテーマにカーソルを合わせてクリックするだけです。このチュートリアルでは"デフォルト「テーマ

畫像[16]-WordPressテーマのフォントを変更する方法(5つの簡単な方法) - Photonflux.com|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応

SeedProdが異なるテーマテンプレートを生成するようになりました。

各テンプレートを編集し、WordPressテーマをカスタマイズすることが可能です。手動でテーマテンプレートを追加するオプションもあります。

ホームページ?テーマのテンプレートを編集して、さまざまな要素のフォントを変更してみましょう。まず最初に、"ホームページ"アンダー"エディトリアルデザイン「リンク

畫像[17] - WordPressテーマのフォントを変更する方法(5つの簡単な方法) - Photon Flux|WordPress 修復(fù)のプロフェッショナル、ワールドワイド、迅速な対応!

これにより、SeedProdのドラッグ&ドロップ?テーマ?ビルダーが起動します。新しい要素は左のメニューから追加でき、テンプレート上のどこにでも配置できます。

テーマのセクションのフォントを変更するには、そのセクションを選択するだけです。例えば、「スターター」の見出しの下にあるテキストボックスを選択してみましょう。

次に、左のメニューから"高いレベル「をクリックします。タイポグラフィ「フロント編集「ボタン

畫像[18] - WordPressテーマでフォントを変更する方法(5つの簡単な方法) - Photon Flux|WordPress 修理サービスのプロフェッショナル、ワールドワイド、迅速な対応!

その後、選択したセクションのフォントを編集するためのいくつかのオプションが表示されます。

をクリックしてください。フォントシリーズ"のドロップダウンメニューからテキストのフォントを選択します。また、フォントの太さを選択したり、フォントサイズ、行の高さ、文字間隔、整列、大文字小文字などを調(diào)整することもできます。

畫像[19] - WordPressテーマのフォントを変更する方法(5つの簡単な方法) - Photon Flux|WordPress 修理サービスのプロフェッショナル、ワールドワイド、迅速な対応!

をクリックして、このステップを繰り返し、テーマ上の他の要素のフォントを変更します。

終わったら、一番上の"保存する。ボタンをクリックします。

カスタムテーマとカスタムフォントを適用するにはSeedProd " テーマビルダー?に切り替え、"Enable SeedProd Themes "オプションの橫のスイッチを"で御座います".

畫像[20]-WordPressテーマでフォントを変更する方法(5つの簡単な方法) - Photon Flux|WordPress修理のプロフェッショナル、ワールドワイド、迅速な対応!

WordPressコンテンツエディターでフォントの外観をカスタマイズする

コンテンツ?エディターを使って、特定のブログ記事やページで表示されるフォントを変更することもできる。

この方法の欠點(diǎn)は、次の點(diǎn)である。特定の投稿やページにのみ新しいフォントを適用する.

WordPressコンテンツエディターを使ってフォントを変更するには、投稿を編集するか、新しい投稿を追加するだけです。WordPressコンテンツエディターで、テキストを選択して外観を変更することができます。

右側(cè)の設(shè)定パネルで"タイポグラフィ「セクションをクリックする。そして、"Typography "の前をクリックする。 3點(diǎn)をドロップダウンメニューから選択する。外観".

畫像[21]-WordPressテーマでフォントを変更する方法(5つの簡単な方法) - Photon Flux|WordPress修理のプロフェッショナル、ワールドワイド、迅速な対応!

完了後、"外裝狀態(tài)"設(shè)定。ドロップダウンメニューをクリックし、フォントのスタイルを選択します。例えば、フォントを太字、細(xì)字、斜體、黒字、太字斜體、超太字などに設(shè)定できます。

この設(shè)定エリアでは、フォントサイズの変更、大文字と小文字の選択、色の編集、最初の単語を沈めることの有効化などもできる。

畫像[22]-WordPressテーマでフォントを変更する方法(5つの簡単な方法) - Photon Flux|WordPress修理のプロフェッショナル、ワールドワイド、迅速な対応!

終了したら、ページを更新または公開する。

この記事は、WordPressでフォントを変更する方法についてです。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業(yè)サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務(wù)時間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事はハリーが執(zhí)筆しました。
終わり
好きなら応援してください。
クドス0 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし