生活に役立つ情報を紹介しているブログ

ろんぶりライフ

この記事のタイトルとURLをコピーする
この記事は約 2 分で読めます

アフィンガー5の全体カラー設定|配色ツールを使って好きな色をより美しく

 

「アフィンガーを買ったけど、難しくて全然わからない…」

アフィンガーにはたくさんの機能があって最初はわかりにくいです。

 

まず最初にやることといえば、サイトの『全体カラー設定』です。

アフィンガーにはデフォルトでカラーパターンが複数ありますが、僕は好きな色を使いたかったので自分で選びました。

 

こちらの記事では、僕のようなWordPress初心者でも簡単にカラー設定ができた方法をご紹介しています。

いちいちカラーコードから探すなんてことはしないので大丈夫です。

 

2月5日追記

  • 記事中で説明しているカラーは現在のブログカラーとは違っています。

 

というわけで、

『アフィンガー5の全体カラー設定|配色ツールを使って好きな色をより美しく』

をご紹介します。

 

マロン
それでは本編スタートします。僕の『写真集ブログ』も良かったら見てください。

 




『MATERIAL DESIGN』の『Color Tool』が超簡単

 

『MATERIAL DESIGN』の『Color Tool』がすごく簡単で便利です。

好きな色を選ぶと、「基本色」「薄い色」「濃い色」の3色を教えてくれます

 

この3色教えてくれるのがポイントです。

アフィンガーで『全体カラー設定』をするときの、「一番濃い色」「少し薄い色」「とても薄い色」の3色にそのまま使えるからです。

 

>>>『MATERIAL DESIGN』の『Color Tool』

 

 

まず上の写真の右側にある『Color Tool』を選びます。

 

 

次に上の写真にある『GOT IT』を選びます。

このあとから色を選ぶ作業になります。

感覚的にパッと選ぶだけで使えるので大丈夫です。

 

色(基本色)を選ぶ

 

カラーパレットから好きな色(基本色)を選びます。

上の写真では丸印で囲んである紫色を選びました。

色を選ぶと、カラーパレットの下に3色が表示されます。

 

  • 選んだ基本色
  • 薄い色
  • 濃い色

 

コードも表示されているのでメモをしておきます。

コピペでもOKです。

 

このように、最初に好きな色を選ぶだけで、その色に加えて『薄い色』『濃い色』の計3色を教えてくれます。

あとはこの3色をアフィンガーに設定するだけです。

 

ほかにも画面の左側に表示される「サンプル」が便利です。

スライド式で全部で6パターン表示されますが、実際に配色した感じが見れるので参考になります。

 

>> 目次にもどる



アフィンガーへ反映

 

アフィンガー5では上の『全体カラー設定』で、「キーカラー」「メインカラー」「サブカラー」と3色入力するだけでOKです。

「外観」>「カスタマイズ」>「全体カラー設定」と進みます。

 

  • キーカラー → 濃い色
  • メインカラー → 選んだ色
  • サブカラー → 薄い色

これだけでサイト全体を一瞬で美しくかえてくれます。

 

注意ポイント

  • 全体カラー設定がうまくいかないときもあります。
  • そのときは公式マニュアルにある「確認ポイント」を見てください。

 

すごく簡単で楽しかったので、つい何色も試してしまって2時間くらい遊んでいました。

アフィンガーに最初からあるカラーパターン以外を使いたいときは、これで簡単に設定できます。

 

ワンクリックで自動で3色

もし自分で色を選んでいたら、センスがないのできっと失敗していたハズです…。

便利なネットに本当に助けてもらいました。

 

公式のマニュアルにもわかりやすい説明があったので、お時間があるときにぜひ。

読もう読もうと思いながらも、なかなか読む気にならないですけど…。

 

マロン
最後まで読んでいただき、ありがとうございました。僕の『写真集ブログ』もぜひご覧ください。

この記事のタイトルとURLをコピーする


人気記事

1

  洋服を選ぶときに『素材』を意識して選んでいますか? そうです。綿とかウールとかポリエステルなどが素材です。   素材ごとの特徴を知っていると毎日を快適にすごすことができます。 ...

2

  \ 自宅で箱に詰めるだけ / 【ブックオフ】公式宅配買取サービス 【ブックオフ】公式宅配買取サービス【送料・手数料無料!】   本を処分するときは意外と困ることが多いです。 と ...

3

    ダイエットをして1キロやせるとすごくうれしいですよね。 1キロ落とすのは意外とたいへんです。 ところで、がんばって落とした1キロの脂肪の大きさがどのくらいあるのかご存知です ...

4

  靴を履いているときに横幅がキツかったりしませんか? シューズ選びって難しいですよね。なかなかサイズがピッタリと合いません…。   先日、ヒマラヤスポーツで最新の足型測定(無料) ...

5

  有名メーカーのプロテイン『3種類』を毎日飲み比べました。 SAVAS(ザバス) ウイダー DNS(ディーエヌエス)   シェイカーは100均ダイソーの『マルチシェイカー』を買い ...

-ブログ関係

Copyright© ろんぶりライフ , 2019 All Rights Reserved.