Kanamii

伝えたい想いを自分らしく・・・

kanamii-664-1

スポンサーリンク

STINGERカスタマイズ

WordPressカスタマイズに役立つ2大アイテム!「ピクセル定規」と「Eye Dropper」

2016/11/17

WordPressのカスタマイズをしていると、「ここは何ピクセル位かな?」とか、「この部分と同じ色を他の部分でも使いたいなぁ」と思うことがありませんか?

ここでは、私が長年愛用している2大アイテム!(大げさ・・)「ピクセル定規」と「Eye Dropper」をご紹介します。

スポンサーリンク

ブラウザ上のピクセルサイズを簡単に測れる「ピクセル定規」

例えば、このアイキャッチ画像は何ピクセルかな?とか。

kanamii-664-2

目次の下の余白はどの位かな?とかね。

kanamii-664-3

「ピクセル定規」の操作方法は、定規の上でクリックしたままドラッグするだけです。
幅も高さも自由自在。気になる部分のピクセルサイズをいつでも簡単に測ることができて便利です。
というより、もう手放せません。(笑)

ダウンロード(無料)
▶Webデザイナーのための「ピクセル定規」Windows版

かなり歴史あるフリーソフトのようですが・・動作確認は大丈夫かな?
現在Windows10の私の環境では問題なく動きます。

フリーソフトではなく、もっと気軽にピクセル定規を取り入れたいという方は、Google Chromeのアドオンを試してみてもいいかもしれません。

参考サイト
▶Chrome上で動作する、ピクセル定規アドオン『Edge: The Web Ruler』-Tipstour

ブラウザ上のカラーコードを簡単に知ることができるカラーピッカー「Eye Dropper」

こちらは、Google Chromeの拡張機能(無料)です。

▶Eye Dropper-Googleウェブストア

インストール後に、ブラウザの右上に表示されるアイコンをクリック→「pick color from web page」をクリック。

kanamii-664-4

それだけで、ブラウザ上のマウスポインターを置いた場所のカラーコードが画面右下に表示され、取得したい色の場所でクリックすることで履歴を残すことができます。

WordPressカスタマイズに役立つ(私にとっての)2大アイテム、「ピクセル定規」と「Eye Dropper」。
初期設定も不要で使い方も簡単ですので、興味のある方は是非試してみてください。

▶STINGER PLUS・STINGER8・AFFINGER4 カスタマイズ全記事一覧へ

この記事が気に入ったら
いいね!しよう

Twitter で

Facebook・Twitterへ最新記事をお届けします

-STINGERカスタマイズ