テーマ導入サイト例

colors

DigiPressの「COLORS」を使ったWordPressサイト例。テーマ選びの参考に

DigiPressのWordPressテーマ「COLORS」を導入しているサイトを探してみました。

COLORSは、デザインが気に入って購入する方が多いテーマです。

  • カテゴリーごとに設定するアクセントカラー
  • 半透明のボックスが滑らかに動くアニメーション
  • オシャレなカルーセルスライダー

など、COLORSにしかない魅力があります。

個人ブログでデザインが洗練されているのは、この「COLORS」か、TCDの「MAG」だと思います。

色やアニメーションにこだわるならCOLORS、広告などの機能を重視するならMAGといった感じじゃないでしょうか。

いろいろなブログを見て、テーマのイメージをつかんでみると良いと思いますよ。

★DigiPressのテーマはこちら↓
多機能かつ洗練されたWordPressテーマ「DigiPress」を5段階評価してみた>>

★MAGはこちら↓
TCDの「MAG」でブログを作る手順。簡単に美しいブログが完成します>>

★部門別ベスト3のテーマです。参考にどうぞ↓
2018年、WordPressテーマの部門別お勧めベスト3を発表!>>

COLORSの公式デモサイト

colors
出典:COLORS公式サイト

COLORSは、カラーがたくさん使えるテーマです。(全部で10も!)

「季節によってカラーを変える」なんてこともできますね。

一番上のメニュー下のカラーや、カテゴリーのカラーをどう設定するか考えるのは楽しそうです^^

これらのカラーを色鮮やかに設定した上で、こちらのサイト様のように色鮮やかな画像を使えば…

他のサイトよりも華やかなサイトになるでしょうねー。

もし私がCOLORSのテーマを使うとすると、カラーの設定にハマってしまいそうです。

COLORSのデモサイトはこちらから>>

COLORS使用サイト

COLORSは、個人ブログで使われていることが多かったです。

いろいろな種類のブログで使われるっていうことは、汎用性のあるデザインということですね。

COLORS使用サイトをいろいろ見ましたが、色鮮やかなサイトが少なかったのが意外でしたねー。

1 ラーメン

colors使用サイト1

出典:めんむすび

めんむすび様のサイトはこちらです。

福岡のラーメン情報のサイトです。トップページに美味しそうなラーメンの画像が並んでいます^^

カルーセルスライダーの画像の大きさが全てそろっていますねー。

あらかじめ画像を切り取るサイズを決めておけばいいんでしょうけど…

私のようにアイキャッチ画像を素材サイトから拾ってきて、そのまま使っちゃうようだとバラバラになっちゃうんですよね^_^;

一手間かければ綺麗になるんだけどなぁ。

画像の上のラーメン説明の文字も見やすいし、見習いたいところが多いです。

それにしてもCOLORSは、画像にカーソルが乗ったときのエフェクトが楽しいですよね。

思わずカーソルを意味なく動かしてしまいます。

2 美と健康

COLORS使用サイト2

出典:H&Bラボ

H&Bラボ様のサイトはこちらです。

美と健康を研究するサイトです。

こちらのサイト様は、カルーセルスライダーを使わずに、ヘッダー画像を使っています。

COLORSの使用サイトは、個人ブログが多いので、コンテンツをたくさん見せることができるカルーセルスライダーの方を選ぶことが多いです。

ヘッダー画像は、画像の上にタイトルとキャプションを表示させることができます。

商用サイトとしてCOLORSを使うときは、ヘッダー画像を上手く使うと良さそうですね。

3 趣味

colors使用サイト3

出典:Hovita

Hovita様のサイトはこちらです。

趣味を楽しむためのサイトです。

COLORSを色をシックにまとめていますね!

そういえば、カーソルのエフェクトも半透明のブラックボックスが動きます。

ブラックで統一すると、引き締まった感じになります。

COLORSは鮮やかな色を使うテーマというイメージがありましたが、こういう使い方も良いですね。

4 日常ブログ

colors使用サイト4

出典:どこでもドア

どこでもドア様のサイトはこちらです。

ライブ好きIT女子の日常ブログです。

今月の人気エントリーとして、小さな記事をたくさん表示しています。

なるべく多くの記事を見てもらうには、こういう表示の仕方も良いですね。この表示形式にしているブログも多くあります。

こちらのサイト様のように、カラーをたくさん使うと楽しい雰囲気になりますよね!

カラーをたくさん選ぶのは、思ったよりも難しいです。

そこで、こちらのサイトを使うと簡単に選ぶことができますよ。(5色までですけど)
http://www.palettable.io/

上のリンクをクリックすると、色が表示されます。その色が好きなら「L」キーを押して、嫌いなら「D」キーを押します。

それだけで、自分好みの色を5つ選ぶことができます。参考にしてみてくださいねー。

COLORSのイメージは湧きましたか?

COLORSは、半透明のボックスアニメーションに特徴があって、すぐに「COLORS」って分かります。

インパクトがあるテーマなんですよね。

デザインも良くてインパクトもあるテーマですが、思ったより使っているブログは多くないようです。

自分独自のブログが作れる良いテーマなので、デザインが気に入ったらCOLORSに決めちゃってもいいと思いますよ。

COLORSはこちらから↓
COLORSの詳細はこちら>>

 

関連記事

  1. SOURCE

    TCDの「SOURCE」を使ったWordPressサイト例。LPテーマ…

  2. law

    TCDの「LAW」を使ったWordPressサイト例。企業向けテーマ選…

  3. story

    TCDの「STORY」を使ったWordPressサイト例。テーマ選びの…

  4. bloom

    TCDの「Bloom」を使ったWordPressサイト例。テーマ選びの…

  5. SANGO使用サイト

    「SANGO」を使ったWordPressサイト例。テーマ選びの参考に

  6. Diverのテーマ

    「Diver」を使ったWordPressサイト例。テーマ選びの参考に

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


PAGE TOP

メーカー別おすすめ

多機能かつ洗練されたWordPressテーマ「DigiPress」を5段階評価し…

fresco

メーカー別おすすめ

ブログに特化した「OPEN CAGE」のWordPressテーマを5段階評価して…

スワロー

メーカー別おすすめ

検索上位表示と収益化「Diver」のWordPressテーマを5段階評価してみた…

Diverのテーマ

メーカー別おすすめ

マテリアルデザインのWordPressテーマ「SANGO」を5段階評価してみた

SANGOテーマ

メーカー別おすすめ

美しい日本語にこだわった「isotype」のWordPressテーマを5段階評価…

MONOSTYLE

メーカー別おすすめ

Web集客に特化した「EMANON」のWordPressテーマを5段階評価してみ…

EMANON

メーカー別おすすめ

アフィリエイト専用のWordPressテーマ「AFFINGER」を5段階評価して…

wing-affinger5

メーカー別おすすめ

デザインの美しさは最上級!「TCD」のWordPressテーマを5段階評価してみ…

TCDのRUMBLE