【STORK(ストーク)】コピペで簡単!日付の数字と英語のフォントを変更するカスタマイズ

どうも、あらやんです。

今回はWordPress用テーマ「STORK(ストーク)」をお使いの方向けに日付の数字と英語のフォントを変更する方法を説明していきます。

STORK(ストーク)を使っている方はご存知だと思いますが、記事を投稿すると投稿日時が表示されますね(まぁストークに限ったことじゃないんですけど)。こんな感じで↓

この数字のフォントって変えたいと思ったことないですか!?

他にもSTORK(ストーク)だと自動で関連記事(RECOMMEND)が表示されますが、この「RECOMMEND」のフォントも変えたいと思ったことないですか!?

こんな細かいところまでこだわりを持っているあなた!実は簡単にフォントを変更することが出来ます。何と言ってもコピペで簡単、すぐにできるのでぜひご活用くださいませ。

 

フォントはGoogle Fontsを使います

今回の英数字のフォント変更は「Google Fonts」というものを使います。詳しいことは知らなくても全然OK!名の通りGoogleが提供している自由に使えるフォントくらいに思っておいてくれれば大丈夫です。

 

おしゃれフォント5選

Google Fontsには無数のフォントが用意されていて自由に使うことが出来ます。ただですね、無数にあり過ぎて全てを紹介するのは難しいので、今回は私あらやんの主観でおしゃれなフォントを5つほど紹介しますね。

それぞれのフォントの導入方法ですが、それぞれCSSと書かれたコードを書いておくのでそれを追加CSSにコピペします。追加CSSはダッシュボード画面左の「外観」→「カスタマイズ」→「追加CSS」で編集画面にたどり着くことができます。

追加CSSをクリックすると編集画面が開くので、そこの一番上にそれぞれのCSSをコピペして下さいね!

 

1.Montserrat

文字サンプル

以下のCSSをコピペ

@import url('https://fonts.googleapis.com/css?family=Montserrat');
.gf {font-family:'Montserrat', sans-serif;}

 

2.Indie Flower

文字サンプル

以下のCSSをコピペ

@import url('https://fonts.googleapis.com/css?family=Indie+Flower');
.gf {font-family:'Indie Flower', cursive;}

 

3.Lobster

文字サンプル

以下のCSSをコピペ

@import url('https://fonts.googleapis.com/css?family=Lobster');
.gf {font-family:'Lobster', cursive;}

 

4.Pacifico

文字サンプル

以下のCSSをコピペ

@import url('https://fonts.googleapis.com/css?family=Pacifico');
.gf {font-family:'Pacifico', cursive;}

5.Shadows Into Light

文字サンプル

以下のCSSをコピペ

@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light');
.gf {font-family:'Shadows Into Light', cursive;}

 

注意事項

こちらの方法でフォントを変更すると、実はある部分も同時にフォントが変更されてしまいます。それはこちら。

逆に言えばこの方法でヘッダー画面に表示される英語表示テキストのフォントを変更することが出来ます。

まとめ

いかがでしたでしょうか?こんな細かい所でもこだわればいくらでもカスタマイズできるのがWordPress、そしてSTORKの強みですね。ぜひこの記事を参考に日付の数字や英語のカスタマイズにチャレンジしてみて下さいね!

 

カスタマイズ記事まとめ

他のSTORK(ストーク)カスタマイズ記事をお探しの方はこちらからどうぞ


無料会員制のメールコミュニティへご招待しています

無料で参加できるメールコミュニティ、その名も「ニコニコスマイルコミュニティ」にご招待しています。

このコミュニティではブログでお伝えしきれなかった内容やコミュニティ参加者限定のコンテンツをプレゼントしています。ネットビジネスでお金を稼ぐ力を身に付け、自由なライフスタイルを実現して大切な人とニコニコ笑顔で暮らしていけるような人生を創造していきたいのなら、あなたも無料のコミュニティに参加して仲間になりませんか?