さて、とあるサイトでWordPress謹製テーマTwentySeventeenを使ってみているのですが、そこのフォントを可愛くオシャレなRounded M+ 1cにしたくなって。
Luxeritasみたいなカスタマイザーはないし、Googleフォントを使用可能にするプラグインは存在するものの日本語フォントには対応していない。
そこで、まずは密かに大いに真似させていただいている第0版さんの記事を真似してみた。
コピペで簡単！ ブログのフォントを可愛くオシャレなRounded M+ 1cに変更！【Google Fonts + 日本語】 | 第0版
こんにちは、とみーです。 いつも当ブログをご覧いただき、ありがとうございます。 そうでない方も訪問していただき、ありがとうございます。 さて、このブログですが、昨日までとは少し雰囲...
0edition.net
ついでにこの記事のタイトルも真似させていただきました。
それはともかくとして、このとおりにやってもフォントが変更されない。
そういうときはまずググります。
でもこのテーマで日本語Googleフォントを使ってる記事は見当たらなかった。
でもヒントになる記事が。
テーマtwentyseventeenの日本語フォント指定を変更する | デフよん
def-4.com
で、すかさず真似。
具体的には、子テーマにコピーしたheader.phpに、第0版さんにならい、<head>と</head>の間に
<link href="https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css" rel="stylesheet" />
をコピー。
子テーマのstyle.cssには、デフよん氏にならい、
<pre class="lang:default decode:true">/* Typography for Japanese Font */
html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
font-family: "Rounded Mplus 1c" ;
}</pre>
とコピー。
これで晴れてブログのフォントを可愛くオシャレなRounded M+ 1cに変更できました。
とか書きながら、さてみんなのようにコードをきれいに載せるにはどうすれば、とググって、こちらを参考に、
【WordPress】投稿記事内にソースコードを綺麗に表示させるプラグイン Crayon Syntax Highlighter | 福岡のホームページ制作会社 | シンス株式会社
WordPressの投稿記事にソースコードを挿入するプラグインCrayon Syntax Highlighterを紹介しています。
since-inc.jp
Crayon Syntax Highlighterなるプラグインを入れて、初めてブログにコードを書いてみました。
いや、コピペしてみました。
そんなもんです。
ともかく、めでたしめでたし。
コメント