Wordpressの文字サイズ、フォントを簡単に変更する方法 | Hibilog | 世界一周と日常と考察ブログ
 

WordPressの文字サイズ、フォントを簡単に変更する方法

WordPressでは文字のフォント、サイズを簡単に変更することができる。HTMLやCSSをいじる必要があるが、この方法を使えば、特に知識なくても可能だ。よく海外でデザインや雰囲気が好きだけど、文字サイズとフォントがちょっと微妙な…ということはよくある。変更したいけど、知識ないし、、って人向けに今回書いた。実行前は、ファイルのバックアップをしておくことをおすすめする。

 

1x1.trans Wordpressの文字サイズ、フォントを簡単に変更する方法

 

使うものは、Firebugというもの。FirebugはWebをいじる際に必須なツールで、Webはじめたての人でも簡単に使うことができる。FirefoxとChromeに各拡張機能としてあるので、まずインストールしてほしい。今回はChromeの拡張機能を例に書いていく。

 


1x1.trans Wordpressの文字サイズ、フォントを簡単に変更する方法

 

1.インストールをしたら、こんな虫のアイコン出てくる。まず、虫をクリック。

 

1x1.trans Wordpressの文字サイズ、フォントを簡単に変更する方法

 

2.参考に僕のブログを使ってみる。まず、①のInspectをクリックし、②の場所をクリックする。

 

 1x1.trans Wordpressの文字サイズ、フォントを簡単に変更する方法

 

3.そうするとこんな感じになる。

 

 

1x1.trans Wordpressの文字サイズ、フォントを簡単に変更する方法

 

4.Firebugのボックスの左側に行くと、Post-bodyのFont-sizeが見つかる。そこの1.22emをクリックする。

 

 1x1.trans Wordpressの文字サイズ、フォントを簡単に変更する方法

5.クリックすると数字が変えられるのがわかるはずだ。数字を変えると画面に変更が反映される。そこで自分がいいな、と思うサイズの数値をメモしておく。

 

1x1.trans Wordpressの文字サイズ、フォントを簡単に変更する方法

 

6.Firebugはブラウザ上のフォントなどに変化を与えるが、実際の仕様は変更されない。変更したい場合は、Wordpressにログインをし、外観→テーマ編集のStylesheetに自分がいいと思う数字を打ち込む。最後に、ファイルを更新を押せばフォント変更は完了だ。

また、フォントの種類、文字の色を変える場合も同様で、Firebugで試してみて、それをスタイルシートで変更すればOK。他にも、メインの記事の文字幅を変更したり、色々試すことができる。

 

以上、Wordpressの文字サイズ、フォントを変更する方法を書いていった。フォントをいじれるようになると、Wordpressをいじるのがもっと楽しくなる。 是非、実践してみていってほしい。

 

 

▼厳選したWordpressテーマを集めました。

1x1.trans Wordpressの文字サイズ、フォントを簡単に変更する方法これが無料!?!?圧倒的にクオリティーが高い、Wordpressテーマ33選 | Hibilog1x1.trans Wordpressの文字サイズ、フォントを簡単に変更する方法
今回は、これが本当に無料?と思ってしまうくらいにクオリティーが高いWordpressのテーマを33選取り上げてみる。なるべく、他で取り上げられていないようなテンプレートを掲載した。 …

 

 

 


 

Tags: ,

«  //  »

コメントはこちら









 
About Hibilog

青木優の日常と考察ブログです。

Home

About Me

人生でやりたい100のリスト

世界一周、海外旅行の持ち物

写真たち

Popular Posts