テーマ導入サイト例

colors

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

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

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

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

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

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

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

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

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

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

★部門別ベスト3のテーマです。参考にどうぞ↓
2019年、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. bloc

    TCDの「BLOC」を使ったWordPressサイト例。タイル表示テー…

  2. スワロー

    OPENCAGEの「スワロー」を使ったWordPressサイト例。テー…

  3. TCD BIRTH

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

  4. unique

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

  5. lotus

    TCDの「LOTUS」を使ったWordPressサイト例。女性向けテー…

  6. sweety

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

コメント

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

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

CAPTCHA


PAGE TOP

ブログの作り方

Diverでブログを作る手順1。プロフィールや記事スライダーを設定しよう

Diverでブログを作る

ブログの作り方

スワローでブログを作る手順1。基本設定と人気記事を作成

スワローでブログ作成1

ブログの作り方

「SANGO」のテーマでメニューボックスを設置してみよう

SANGOメニューボックス

ブログの作り方

Bloomでブログを作る手順1。記事スライダーとウィジェットを設置

Bloomでブログを作る

ブログの作り方

TCDの「ONE」でブログを作る手順。トップ画面と記事の設定をします

ONEでブログを作る

ブログの作り方

TCDの「Switch」で企業サイトを作る手順1。設定の仕方を説明

TCDのSwitchでサイト作成