![](https://fight-biker.com/wp-content/uploads/2022/06/ceaa77731cdfae55471df10811355b0c-150x150.png)
サイトのサイズを測定するのにオススメな、Page Rulerを紹介します。
Page Rulerは、Chromeに入れる拡張プラグインです。
名前の通り、Ruler(定規)です。
![](https://fight-biker.com/wp-content/uploads/2019/06/2019-06-26_18h34_32-1024x524.png)
![](https://fight-biker.com/wp-content/uploads/2019/06/2019-06-26_18h34_32-1024x524.png)
この画像は、 Page Rulerを起動させて水色の部分を計測してる様子です。
水色の部分は、文章を入力する箇所なので、画像を入れる時は、何Pixelが良いか図ってみました。Wide(横幅)は、1072Pixelでした。
なので、画像は1072以下のサイズを使うと良いことが分かります。
目次
インストール方法
インストールするには、
まず、Chromeウェブストアへ
[blogcard url=”https://chrome.google.com/webstore/category/extensions”]
Chromeウェブストアに入ったら
検索窓で、Page Rulerと入力。
![](https://fight-biker.com/wp-content/uploads/2019/06/2019-06-27_09h15_49-1024x788.png)
![](https://fight-biker.com/wp-content/uploads/2019/06/2019-06-27_09h15_49-1024x788.png)
似たようなモノが、出てきますが
お勧めしてるのは、矢印の箇所です。
![](https://fight-biker.com/wp-content/uploads/2019/06/2019-06-27_09h21_20-1024x702.png)
![](https://fight-biker.com/wp-content/uploads/2019/06/2019-06-27_09h21_20-1024x702.png)
インストール後は、Chromeを開くと右上のバーに表示されてると思います。
赤枠のアイコンをクリックすると、Page Rulerを使用できます。
![](https://fight-biker.com/wp-content/uploads/2019/06/2019-06-27_09h27_36.png)
![](https://fight-biker.com/wp-content/uploads/2019/06/2019-06-27_09h27_36.png)
最後に・・・
この拡張プラグインは、サイト設計によく使われてて、
私の場合は、WordPressのサイズをイジりたい時などに使います。
カスタマイズに、ハマった方なら必需品になるのではないでしょうか。
それでは、また~。
主な使い方は、自分のサイトのサイズを図りますが、
文章の箇所に入れる画像は何センチが良いか図ったりしてます。
コメント