Simplicityの子テーマを適用したWordPressのブログタイトルをWebフォントで表示する

スポンサーリンク

とりあえず、ブログタイトルの書体がリニューアル前の「Adobe Edge Web Fonts」にある「Poiret One」という書体だったので、以前と同じやり方で設定してみます。(こちらの記載は、Simplicityの子テーマをインストールしている前提です)

01

Adobe Typekit」も試そうと思っているのですが、その前にとりあえず以前と同じ書体に設定しておくということで。

対象となるフォントを検索して、「Select this font」を押すと

02

ヘッダーに入れておくスクリプトタグとCSSが表示されます。まず、スクリプトタグをコピーして、

03

WordPressのダッシュボードから「外観」>「テーマ編集」で「header-insert.php」のページを表示し、一番下の行にペーストしておきます。

04

次にCSSをコピーして、

05

「外観」>「テーマ編集」>「スタイルシート (style.css)」のページに、id「site-title」に対して

#site-title{
    font-family: poiret-one, sans-serif;
}

のように記述します。

06

これだけで、Simplicityの子テーマを適用したWordPressブログのタイトルがこんな感じに特殊なフォントで表示されるようになります。

07

 

今後は、Adobe Typekitで他の書体を変更したりしてみようと思います。