WordPressでフォントを変更する3つの実用的な方法!

ウェブサイトを新しく見せたいですか?フォントを変えることは、シンプルで効果的な方法です。初めての方でも ワードプレス この記事では、WordPressのフォントを変更する3つの実踐的な方法をお教えします。各ステップはわかりやすく、基本操作ゼロに適しています。

WordPressでフォントを変更する方法(8つの方法)

方法1:付屬のテーマを使うフォント設(shè)定機能(最もシンプル)

対象:モダンなテーマを持つ初心者ユーザー

多くの近代的な ワードプレスのテーマ(例 アストラGeneratePress、OceanWPなど)すべてにフォント設(shè)定機能が組み込まれている。

手順は以下の通り:

  1. WordPressのバックエンドにログインします;
  2. クリック 外観 > カスタマイズ.;
畫像[2] - WordPressウェブサイトのフォントを簡単に変更する3つの実踐的な方法(初心者向け)
  1. 見つける タイポグラフィ もしかしたら フォント.;
  2. 本文」、「タイトル」、「メニュー」、その他のオプションからお好きなフォントをお選びください;
  3. 効果を即座にプレビューし、満足したらクリックする。 ポスト 保存しておけばいい。
畫像[3] - WordPressウェブサイトのフォントを簡単に変更する3つの実踐的な方法(初心者向け)
畫像[4] - WordPressウェブサイトのフォントを簡単に変更する3つの実踐的な方法(初心者向け)

バンテージシンプルで直感的、コード不要
制約條件テーマが提供するフォントスタイルのみ使用可能

方法2:フォント設(shè)定プラグインをインストールする(より良い適応性)

こんな人に向いています:もっと多くのフォントを使いたいが、テーマがフォントの置き換えをサポートしていない。

推奨プラグイン簡単グーグルフォント

畫像[5] - WordPressウェブサイトのフォントを簡単に変更する3つの実踐的な方法(初心者向け)

インストール手順

  1. ワードプレスのバックエンドに行き プラグイン > プラグインのインストール.;
  2. 探す 簡単グーグルフォント をクリックしてください。 取付.;
  3. インストールが完了したら コミッション プラグイン。

使用方法

  1. 戻る 外観 > カスタマイズ.;
  2. 新しいメニューを探す タイポグラフィ.;
  3. 変更したいフォントの種類(段落、見出し1、見出し2など)を設(shè)定します;
  4. ドロップダウンメニューからお好みのGoogle Fontsフォントを選択し、フォントサイズや太さなどを調(diào)整します;
  5. 打點 ポスト 変更を適用する。
畫像[6] - WordPressウェブサイトのフォントを簡単に変更する3つの実踐的な方法(初心者向け)

バンテージフォントの選択肢を増やし、より多くのテーマでGoogleフォントをサポート!
制約條件をロードするために外部プラグインに依存している。 グーグルフォント 影響の可能性國內(nèi)アクセス速度

方法3:CSSでフォントをカスタマイズする(上級者向けだが自由度が高い)

HTML/CSSの基本的な知識があり、ローカルフォントや完全にカスタマイズされたスタイルを使用したい人に適しています。

操作手順:

  1. フォントファイルを用意する(推奨フォーマット:.woff もしかしたら .ttf);
  2. 以下のテーマディレクトリにフォントファイルをアップロードします。 /フォント フォルダに保存する(FTPまたはファイルマネージャを使用);
  3. とおす 外観 > カスタマイズ > 追加CSS次のコード例を追加する。
フォント?フェイス {
    font-family: 'MyCustomFont'.
    src: url('/wp-content/themes/your-theme-name/fonts/your-font.woff') format('woff');
}

ボディ
    font-family: 'MyCustomFont', sans-serif; }.
}
畫像[7] - WordPressウェブサイトのフォントを簡単に変更する3つの実踐的な方法(初心者向け)
  1. 保存して公開すると有効になります。

バンテージ外部リンクの読み込みを避けるため、ローカルフォントを使用することができます。
制約條件: ファイルと少しのコードでハンズオン

概要

方法論操作難易度フォント選択初心者向き
テーマには以下のような特徴がある。?★★★??
フォント?プラグイン???????★★★★??
カスタムCSS????????★★★★★? (やや高め)

ほとんどのユーザーにとって、あなたのテーマがカスタムフォントをサポートしているなら、1番目の方法から始めるのが一番簡単だ。より豊かなフォント體験のためには、プラグインを試してみてください。より高度なカスタマイズをお望みなら、3番目の方法であなたのサイトをユニークなものにしましょう。


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

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

    コメントなし