1 the thor 文字サイズ変更方法(オススメの大きさもご紹介) 1.1 1. フォントの変更といえば、やはりおすすめは WebフォントであるGoogle Font。 このブログもGoogle Fontを採用しています。 Google Fontで設定しておけば フォント情報をGoogleの専用サーバーに読みに行ってくれるので Mac環境でもWindows環境でも文字化けすることはありませんし Google Fontは読み込み速度を極限まで早めたフォントなので 表示速度が落ちるというデメリットもありません。 また、記事のフォント情報というのは 使用範囲も広いのでフォントのイメージを変えるだけで サイト全体の … 全体のフォントは、カスタマイズから; 1.3 3. いっとる 標準のフォントだとちょっとお堅い感じしませんか？ 私はちょっと堅い感じがしたんで今回はフォントを変える記事を書いてみました。 ザトール先生 フォントを変えるだけでサイトイメージが全然違うから最初にやっておくのがおすすめじゃよ！ 変 文章サイズを小さくすることによって見出しなどとのサイズ差（ジャンプ率）が大きくなります。見た目にメリハリができ可読性があがるのではないかと思います。（設定で中サイズを選べばさらに差が大きくなりメリハリがつきます。）※小さすぎて読みづらくならないよう注意 記事のフォントは、記事の編集画面から; 1.2 2. ✔︎ カップル歴4年✔︎ ブログで月9.9万PV達成✔︎ Twitter×ブログ毎日投稿620日 ✔︎ SNS総フォロワーさん2.0万人超ブログ術、節約術、円満カップル術を発信。ダイエット検定1級/教員免許/TOEIC750/Web解析士/MOS エキスパート, それぞれの具体的なTHE THORのフォント変更方法について解説するので、最後までご覧ください。, THE THOR の標準文字サイズ（デフォルト値11pt）が大きく感じていたので段落文字のサイズを全体的に1pt小さくし…, 私たちの記事では、ただカスタマイズ方法をご紹介するだけではなく私たちが実際にどうしているのかも解説しているので、たこみそのあの記事のここのカスタマイズが気になると思った方は、記事を探してみてください。, THE THOR全体のたこみそカスタマイズ方法を知りたい方はこちらの記事をご覧ください。, 悩む人・THE THORの設定方法がわからない。・具体的にカスタマイズの見本が欲しい。今回はこちらのお悩みを解決します。 最後まで手順を教えてくださる記事が無かったので私たちはカスタマイズま[…], 悩む人・WordPressで改行する方法を知りたい。・余白ってみんなどうやって作ってるの？・改行をいちいち直すのが面倒だから一瞬で改行させてくれ。 今回はこちらのお悩みに対してあっさりと解決[…], […] ■ 参考サイト【コピペだけ！】THE THOR（ザ・トール）のフォントを変更する方法！https://affirepo.com/thor-customize-font/ THE THOR 文字サイズ変更方法(オススメの大きさもご紹介)https://www.takomisofantasy.work/blog/2020/02/22/the-thor-font/ […], なので、一括でフォントの大きさを変えることができる機能もTHE THORにはあります。, ちなみに私たちは、スマホのフォントサイズを中で、PCは小にして使用しています。(フォントはメイリオです。), こちらはTHE THORではなくWordPress全体のカスタマイズになるので、「文字サイズ CSS WordPresss」で検索すると色々と出てきます。, １つだけ文字サイズ変更の記事をご紹介すると、私たちのTHE THORの師匠のからあげ棒さんが下の記事がオススメです。, 今見て知りましたが、同じ内容を書いていますね。。真似したとかではなく本当にかぶっただけです。ご了承ください。, 20代ブロガー Couple Bell運営（月9.9万pv) ブログ毎日投稿625日 / 日刊SPA!掲載 / 早大→IT企業 / SNS総フォロワー2.0万人 / カップル歴4年 / ブログ収益は投資 / YouTuber / 年200冊 読書 / 毎日努力する人を全力応援します！, THE THOR カスタマイズ方法公開 インストール〜記事投稿までに設定すべきこと, THE THOR(ザ・トール) 割引キャンペーン開始。2周年記念のため期間限定です。(特別大感謝セール), THE THORは複数サイトで使用できるって本当？解説します。(結論：使い回し可能です。). THE THOR ではデフオルトで2種類の Googleフォント（英字）が設定されています。これを好きなフォントに変更する方法を紹介します。, THE THOR に設定されているフォントは「Fjalla One」と「Lato」の2種類。「Fjalla One」の方は主にトップページのセクションのタイトルなどに使われており、「Lato」はそれ以外のサイト全体に適用されています。, と進み、その中の「wp_head.php」というファイルをダウンロードしてください。, このファイルを開くと、42～54行目（THE THOR ver.1.3.0）に Googleフォントを読み込んでいる部分があるので、ここを変更していきます。, Google Fonts から好きなフォントを選んで、フォント名の部分を差し替えていきます。, 画面右下に出てくる黒い帯の「ー」アイコンをクリックすると、選んだフォントを呼び出す CSS ファイルの URL とフォント名が表示されているポップアップが出てきます。, CSS の URL 部分をコピーして、先ほどダウンロードした「wp_head.php」の Googleフォントを読み込んでいる部分と差し替えます。, 次に、子テーマ直下に「inc」という名前のフォルダを作り、更にその中に「parts」というフォルダを作ってください。そこに編集した「wp_head.php」をアップロードします。, 子テーマの「style-user.css」に以下を追記して、親テーマでフォントを指定している部分を上書きします。, 「フォント名①」には「Fjalla One」と置き換えるフォントの名前、「フォント②」には「Lato」もしくは「Lato」と置き換えるフォントの名前を入れてください。, 「フォント名②」と書いてある所に、「Lato」と置き換えるフォントのフォント名を入れてください。, キャッシュを削除して確認しても反映されていない場合は、Chrome ならシークレットウィンドウ、Safari ならプライベートモードでサイトを表示させて確認してみてください。, 基本的に我慢のできない子・新しいものはとりあえず試してみたくなる・熱くなったらのめり込むけど冷める時は瞬間冷却・収集癖ありという、わりとどうしようもない性質の持ち主。, 【THE THOR】デフォルトで設定されている Google Fonts を変更する方法, 【THE THOR】オリジナルアイコンのクラス名とUnicode一覧（基本アイコン）. WordPress有料テーマ【THE THOR(ザ・トール)】の見出しデザインを自由にカスタマイズする方法を解説します。全53種類のデザインサンプルを一覧で掲載しているので、見出しイメージが湧きやすく … もっと細かく設定したい場合は、cssを使用して the thor準備編 11; the thor ... 「lato」→「はるひ学園」のフォントに変更していきましょう(^^♪ ... 変更したら、「プレビュー」で確認して下さい。 xサーバー【the thor】手書き風日本語webフォント簡単に … 2019/11/06 フォントの検索をしてこの記事に来てくれている方がいらしたので、フォントの色やサイズなどの変更について追記しました。 「THE THOR」にデフォルトで使用されているGoogleフォントを好きなものに変更する方法をまとめてみました。フォントを変更するだけでかなり雰囲気が変わるので、サイトの雰囲気を変えたい方にはお … the thor（ザ・トール）行間を広げよう、ちょっと横道 手書き風フォントが使えるのって面白い. WordPressで調べたこと、学んだことを初心者にもわ借りやすく紹介するブログ。有料テーマ「THE THOR」を使ってプラグインやカスタマイズを紹介します。今回は「THE THOR]のフォントを変更したい！使っているGoogleFontsを選んで書き換える方法をご紹介します。 「Noto Sans JP」を例に挙げてGoogle Fontの設定方法をご説明致します。, ↓設定が上手くいっていれば、THE THORの記事フォントが以下のような書体に変わります。, THE THORの記事フォントを「Sawarabi Mincho」に変更したい場合は, THE THORの記事フォントを「Sawarabi Gothic」に変更したい場合は, THE THORの記事フォントを「M PLUS Rounded 1c」に変更したい場合は, グラフィックデザイナーとしてデザイン制作プロダクションを転々としながら、20年間勤務して2017年に独立。現在はネットとグラフィックデザインのスキルを活かし幅広い分野で活動中。己を磨き誠実に対応すれば、仕事や人脈、そして人生までも大きく変えることができる「ネットビジネスの素晴らしさ」、そして会社に頼らず「自分らしく生きる方法」をこのブログを通じて発信しています。「一度きりの人生」あなたも私と一緒に謳歌しませんか？→ 詳しいプロフィールはこちら, ●自動化の仕組みで毎月30万円を稼ぐ仕組みの全貌マニュアル●主婦やニートでもネットで毎月5〜10万円の不労所得を得る方法●20年サラリーマンをしてきてなぜ今になって脱サラしたのか？●安定を求めれば求めるほど不安定になる理由とは？●いくら知識があっても、成功できない理由など、無料メール講座本編では、決して表には出せない秘匿性の高い情報もたくさん提供していきます。※この無料メール講座は、私が有料セミナーで直接成功者たちから聞いた内容も多数含まれているため、予告なく募集を終了する可能性があります。, グラフィックデザイン歴20年のフリーランスデザイナー。大手広告代理店や印刷会社と取引がある制作プロダクションで様々な経験や実績を積み、2017年に独立。現在は、グラフィックデザインを生かしたWebデザインのビジネスを展開しながら、ネットを生かした情婦発信を行い、新しい働き方や楽しい人生の過ごし方についてもお伝えしています。, グラフィックデザイナーとしてデザイン制作プロダクションを転々としながら、20年間勤務して2017年に独立。現在はネットとグラフィックデザインのスキルを活かし幅広い分野で活動中。己を磨き誠実に対応すれば、仕事や人脈、そして人生までも大きく変えることができる「ネットビジネスの素晴らしさ」、そして会社に頼らず「自分らしく生きる方法」をこのブログを通じて発信しています。「一度きりの人生」あなたも私と一緒に謳歌しませんか？→, ただし、今回の記事通り、カスタマイズすると先ほどご紹介したエディタからのフォント変更はできなくなりますので、書体を使い分けて記事を書きたい場合は、ご遠慮ください。また、カスタマイズにつきましては必ず自己責任でお願い致します。, 「Noto Sans JP」は先ほど説明した基本スタイル設定の中にありますので、このフォントを使用する場合は「基本スタイル設定」から設定してください。, Monologue 〜Advance（モノローグ・アドバンス）を私が勧める決定的な理由！.