ブロックテーマでGoogleフォントを追加・設定する方法


  1. Staff Blog
  2. WordPress
  3. ブロックテーマでGoogleフォントを追加・設定する方法

WordPressでフルサイト編集に対応したブロックテーマではGoogleフォントを簡単にインストール・追加する事がでるようになっていますが、あまり知られていないようなのでその方法について解説します。

Googleフォントのインストールと設定解説動画

Googleフォントのインストール手順

外観 > エディタ へ移動

STEP
1

スタイル > タイポグラフィへ移動

STEP
2

スタイル設定へ移動

STEP
3

インストールするGoogleフォントを選択

フォントをインストール タブからインストールしたいフォントを選びます。インストールしたいフォントが決まっている場合は検索から直接探せます。

STEP
4

インストールするフォントウェイトを選択

使いたいフォントのウェイトを選びます。使うものだけインストールしましょう。

「インストール」ボタンを押してインストールは完了です。

STEP
5

デフォルトフォントの設定

デフォルトフォントの対象を選択

サイト全体のデフォルトフォントを変更する場合は「テキスト」を選択します。

STEP
1

フォントの選択

選択したフォントがサイト全体のデフォルトフォントとして反映されます。

STEP
2

この記事を書いた人

石川栄和代表取締役
名古屋のウェブ制作会社数社に10年程度務めた後、株式会社ベクトル設立。
企画・運営・コンサルティング〜WordPressを中心としたシステム開発まで幅広く携わる。
[ 著書 ]
・いちばんやさしいWordPressの教本(共著)
・現場でかならず使われているWordPressデザインのメソッド(共著)
[ 最近のWordPressコミュニティでの活動 ]
WordCamp Tokoy 2023 セッションスピーカー
WordCamp Asia 2023 セッションスピーカー(LT)
WordCamp Niigata 2019 セッションスピーカー
WordCamp Haneda 2019 セッションスピーカー
WordCamp Osaka 2018 セッションスピーカー
WordCamp Kyoto 2017 セッションスピーカー
VK FullSite Installer のロゴ

これまでにないスピード
自分好みの WordPress サイトが立ち上がる

選んだデモサイトと同じ状態の WordPress サイトを、わずか数ステップで再現できるインポート専用プラグインです。数クリックで、プロ品質のサイトがすぐに起動します。

爆速!!1分デモサイトと同じ
ホームページができる

VK FullSite Installer のロゴ

選んだデモサイトと同じ状態の WordPress サイトを、わずか数ステップで再現できるインポート専用プラグインです。数クリックで、プロ品質のサイトがすぐに起動します。

フルサイト編集に対応したブロックテーマ X-T9

フルサイト編集対応ブロックテーマ

WordPress テーマ X-T9 は、WordPress 5.9 から実装されたフルサイト編集機能に対応した「ブロックテーマ」と呼ばれる新しい形式のテーマです。
ヘッダーやフッターなど、今までのテーマではカスタマイズが難しかったエリアもノーコードで簡単・柔軟にカスタマイズする事ができます。

パターンを使って

よりクオリティの高いサイトに

パターンとは、WordPressのブロックを組み合わせて作ったデザインテンプレートのようなもの。プロのデザイナーが制作したパターンを300以上公開中!コピペしながら高品質なサイトを簡単に作れます。

VK AB Testing は、ABテストを実施するための WordPress 用プラグインです。ブロックエディターでテストパターンを自由に作成でき、ランダム表示とクリック計測が可能です。Webサイトや広告などの施策の改善にぜひご活用ください。


このデモサイトは Vektor,Inc. のテーマとプラグインで構築されています。ご購入や詳細情報は下記のリンクもご参考ください。

PAGE TOP