メニュー-外観-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. ブログ

    問合わせの多さにビックリ!?

    久しぶりにブログを更新します。2年ぶりくらいの更新になります。それはさ…

  2. ブログ

    個人ブログ pvアップ — 久しぶりにブログについて書きます

    個人ブログ pvアップ というのが、今回の記事のタイトルです。…

  3. ブログ

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

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

  4. ブログ

    アイキャッチ画像をつけてみました(WordPress)

    アイキャッチ画像をつけてみました。これはアップロード画像をアップロ…

  5. ブログ

    投稿ページをトップページに変更する(WordPress テーマ Twenty Fiftee…

    このサイトはワードプレスのテーマTwenty Fifteenを使って作…

  6. ヘッダー画像

    ブログ

    アイキャッチをつける(WordPress-Twenty Fifteen)

    ワードプレスの使い方を勉強中です。Twenty Fifteenとい…

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

このブログの運営者


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

アーカイブ
  1. フィギュアスケート

    フレンズオンアイス2016の感想
  2. デザイン未経験からの転職

    グラフィックデザインはコミュニケーションデザインのひとつ
  3. デザイン初心者

    デザインの提案で、なぜ3案出すのが一般的なのでしょうか
  4. デザイン未経験からの転職

    文字サイズ(Q数)は可能な限り小さく、行間は可能な限り広く(カッコよく、スタイリ…
  5. デザイン初心者

    デザイン3案、アイデアを出すための方法
PAGE TOP