メニュー-外観-CSS編集

ブログ

WordPressでCSSを変更する(フォントを変更する)

sponsored link

Jetpackを使って、このWordPressブログのCSSを変更してみました。

ブログのフォントを変えました。

Jetpackを使ってCSSを変更するのはとても簡単でした。
テーマを変更したらCSSはリセットされてしまうので、
CSSはパソコン上にテキストデータを保存しておくことでリスクヘッジができます。
大変アナログなやり方に感じますが、
なんだかんだいっても、このやり方は単純で安全です。

CSSをカスタマイズするのにはいくつかやり方があります。
まず代表的なのが「子テーマ」を使ってカスタマイズする方法です。

しかし、わたしはこれには挫折してしまいました。
…何だか難しくて…

「子テーマ」を使ってカスタマイズするというやり方は、
テーマを更新すると無効になってしまうので、
別にテーマをコピーして作ってから使うというのですが、
この時点で挫折しました。

それでここ数日間、それ以上先へ進めずにいたのですが、(気持ちの上で)
でも、今日、ふと思い立ち、別のもっと簡単な方法にチャレンジしてみました。

WordPressでCSSを変更する
プラグインJetpackをインストールし、有効化します。
だからすでにプラグインJetpackを使っている人だけには簡単です。

メニュー-外観-CSS編集

メニューの外観から、「CSS編集」を選ぶと、
CSS編集画面が出てきます。
そこへ

@import “http://fonts.googleapis.com/earlyaccess/notosansjapanese.css”;

body {
font-family: ‘Note Sans Japanese’, sans-serif;
/* フォントの種類 */
font-weight: 200;
/* フォントの太さ */

 

を、コピペして保存してみます。
ブログを確認すると、ブログの主なフォントである、
タイトルや本文のフォントが変わっています。

操作としては以上です。

今つかっているテーマは「Twenty Fifty」ですが、
このテーマ、レイアウトは気に入ったのですが、
フォントが妙な明朝体で、そこが嫌でしたが、
ゴシック系になり、とても見やすくなりました。

メデタシ メデタシ でした!

sponsored link

本は良い相談相手 、 — 40代 デザイナー 転職活動 、わたし自身の体験談をおはなしします 3前のページ

WordPressで、記事内のリンク部分を青字にする次のページ

関連記事

  1. ブログ

    【Refine snow】【Twenty Fifteen】比較。ワードプレスのテーマの変更をしました…

    このブログは、ワードプレスで作成していますが、今日はテーマを変更してみ…

  2. ブログ

    キーワード重複を修正して、記事を読んでもらえるようにする簡単な方法

    キーワードの重複は、思った以上にグーグルに嫌われるようです。 (さ…

  3. ブログ

    投稿済みの画像の編集 (WordPress)

    投稿済みの画像の編集 を記事上で行う方法です。ワードプレスでは、画像を…

  4. ブログ

    テーマを「stinger7」に変更して、リニューアルしました

    ひさしぶりにブログ更新します。しばらく放置していましたが、またブログや…

  5. 秋の並木道

    ブログ

    本文に画像を投稿してみました(WordPress)

    今日は本文に画像を投稿してみることにします。秋らしい並木道…

  6. ブログ

    パーマリンクとサイトマップ(Word Press)

    パーマリンクとサイトマップ(Word Press) についての記事…

ブログランキング・にほんブログ村へ

このブログの運営者


Ema。性別:女性 年齢:50代前半。グラフィックデザイナー。現在フリーランスデザイナー歴約2年。元勤め人デザイナー歴約15年(失業期間含む)。高齢でデザイナーになった高齢者デザイナーです。40代で3度解雇になるなど、転職経験も豊富。

アーカイブ
  1. ブログ

    パーマリンク設定を変更 したい誘惑に負けた — やってはいけないこと…
  2. デザインの雑談

    デザインの修正 — 圧倒的に減らすコツ、早く帰りたいデザイナーへ
  3. 秋の並木道

    ブログ

    本文に画像を投稿してみました(WordPress)
  4. デザイン初心者

    デザインは整理整頓 -デザインの定義2
  5. フィギュアスケート

    全日本フィギュア2015男子FS 感想
PAGE TOP