「Diver」とは、使い勝手もさることながら、「機能の数」「サポート体制」がスゴイ、2017年最強とも言われているテーマです。

「Diver」を見てみる

当ブログでは、これまで無料の「agama」を使っていました。

オシャレで高機能なWordPress無料テーマなら、「Agama」

2017.4.28

コチラ（↓）でご案内している、「6日連続企画」の、第1弾です。 ★　（↓）の4点を、すべて満たしています！ 　オシャレで、無料のWordPressテーマ 　レスポンシブ対応（スマフォ表示もOK） 　「外観」→「カスタマイズ」での、設定が多い 　ワンクリックでダウンロードできる　（SNSシェア/無...

この時は、

「もっと、おしゃれにしたい・・・！」
「でも、サブブログだし、あくまで無料テーマで！」

との思いで、悩みに悩んで選んだテーマでした。

※他にも、厳選の無料テーマは、コチラ（↓）からどうぞ！

【2017年】厳選・オシャレなWordPress無料テーマ6選

2017.4.28

先日、リニューアルオープンした、当ブログ。 実は、WordPressの「無料テーマ」を使っています。 以前は「Simplicity」を使っていましたが、 「もっと、おしゃれにしたい・・・！」 「でも、サブブログだし、あくまで無料テーマで！」 との思いで、約50個以上のテーマを試し、今のデザインに変わ...

それを今回一新し、さらに「有料テーマ」を選んだのには、ワケがあります。

なぜテーマを変えたのか、なぜ「Diver」を選んだのかについて、少しお話しさせて下さい。

WordPressテーマ「Diver」- 2017年注目の有料テーマにリニューアルにしたワケ

そもそも、当サイトは「実験ブログ」でした

「コビトブログ2」が、本日より、リニューアルいたします

2017.4.22

本日より、サイトのデザインを一新し、「コビトブログ2」を再開いたします。 以前、訪れたことがある方にとっては、ビックリするほど変わった、当ブログです。笑 その理由や、どのように生まれ変わるかを、改めてお話しさせてください。 リニューアルオープン そういえば、いつから休んでた？ 3月頭より更新できて...

以前、コチラの記事（↑）で書きましたが、

もともとこのブログは「雑記ブログ」の実験用に作ったモノでした。（その時は「Simplicity」という、無料テーマでした）

そして、その実験が終わった後は、「もっとオシャレなサイトにしたい！」という思いから、無料で抜群にオシャレなテーマ「agama」に変えた、という経緯があります。

この時は、

こんな感じに、考えていました。

しかし、僕の思いとは裏腹に、ブログの状況が一変します。

ブログの急成長

なんと、気づけば、

• 　結構なアクセスを稼ぐようになってきた
• 　特に、モバイルからの流入が、圧倒的に多い

という、予想外の事態が起きました。それも、全く更新していない8月～11月の現在にかけてです。（これは、無料テーマ「agama」が、SEO強いことも一因だと思います）

嬉しい反面、僕の気持ちとしては「まだ、しっかり自慢できるサイトにできていない・・・」というモヤモヤがあって、「まずは、ブログをしっかり作り込まねば！」との思いが強くありました。

日頃から、「ブログは、自分が楽しんで、やれるからこそ、価値がある」と、思います。渋々やっていたり、結果ばかり気にすると、モチベーション落ちちゃうなぁと。

僕の場合は、自分が納得できるブログになっていないまま、記事を書くのが、少し苦痛でした。そこで、色々とカスタマイズをしようとした矢先・・・

無料テーマ特有の（お約束とも言える）、問題が起きました。

コチラ（↑）でも書きましたが、無料テーマには、3つの事がありがちです。

今回は、特に深刻なトラブルが起きたわけではないですが、モバイルユーザーが多いのにも関わらず、スマホ用のカスタマイズが、すごく大変なことがわかりました。

そこで、今回は思い切って「サブブログも、しっかり有料テーマでやる」決断をしました。

なぜ「STORK」ではなく、「Diver」を選んだの？

僕のメインブログである「コビトブログ」に訪れたことがある方は、有料テーマと言えば「STORK」という印象をお持ちの方も、多いと思います。

それは「Diver」を当ブログで採用した今も、変わりません。

ハッキリ言ってしまいますが、僕自身、無料・有料問わず、これまで100近くのテーマを触ってきて、その中で一番のオススメは、変わらず「STORK」です。

本業の関係で、WordPressテーマ探しの旅をしていると、今年は「シンプル・細文字・すっきりデザイン」が増えてきたなぁと。
でも、ストークの「絶妙なポップさ・親近感がわくデザイン」は、やっぱりダントツだなぁと、思ったり(✿´ ꒳ ` )

— 狐火兎＠コビトブログ (@cobito_tajuso) 2017年9月8日

（↑）とつぶやきましたが、これ以上の「絶妙なポップさ・親近感がわくデザイン」かつ、SEOに強いテーマには、出会っていないです。

特に、ブログやWordPress初心者の方にこそ、最初に選ぶテーマが「STORK」であってほしいと思っています。それほど完成されたデザインですし、手軽にSEOに強いブログを作れます。

※詳しくは、コチラを見てね

ただ「STORK」は、1回の購入で1サイトにしか使えません（利用規約）。

再び購入しても良かったのですが、

• 　仕事柄、いろんなWordPressテーマを触る事
• 　このサブブログは、好きなコトを楽しんでやるために始めた事
• 　このサブブログで、もっといろんなテーマを紹介したい事

がありまして、「折角だから、違う有料テーマを使ってみよう」と思ったのでした。

そうして、色んな有料テーマを見て回った中で、

そんな今注目のテーマ「Diver」に、たどり着きました。

「Diver（ダイバー）」の魅力・気になるところ

圧倒的な機能の数・サポート体制が、他にはない魅力

いままで、調査分析してきたWordpressテーマやWebサイトは、１００は優に超えています。ただWebサイトに詳しい人というわけではなく、実践でしか得られない生きた知識や技術で開発いたしました。

出典：Diver公式サイト

（↑）には、たくさんテーマを見て触ってきた僕でも、とても納得です。

例えば、

こんなにも、機能が盛りだくさんです！

特に、「吹き出し」や「ボタン」「ボックス（囲み枠）」等、よく使うパーツのほか、アフィリエイト向きに、「ランキング」「Q&A」「レビュー（星もつけられる口コミ機能）」などが、（↓）のような「入力補助」で、誰でも簡単に使えます。

ほかにも、「STORK」には無い、

• AMP対応
• スマホ用に、固定フッターメニューがある
• 1回の購入で、複数サイトで使える

といった機能まであり・・・、本当に「かゆいところに手が届く」、大満足の内容です。

詳しい機能は、コチラ（↓）の「デモサイト・紹介ページ」から見てね。

「Diver」の機能を見てみる

さらにスゴイのが、「サポートに対する姿勢」です。

満足度100%を目指して、手取り足取りサポートいたします。
私達「Diver」開発チームは、ご利用いただいたお客様全員に満足していただきたいと思い開発をしております。しかし、お客様は十人十色であり、デザインの好みやこだわりのポイントなどが少しづつ違うため、100%満足とまでは言えませんでした。
そこで私達一同は、無料で相談出来る場を設けることによって一人ひとりのこだわりや好みに合わせて調整させていただくことを決めました。
なぜこんなことをするのかというと、お客様の声が「Diver」をより強化して成長させてくれると考えたからです。ほんとに些細な事でも構いませんので、お気軽にご意見やご要望をお聞かせください。

出典：Diver公式サイト

いくら有料テーマと言えど、「一人ひとりのこだわりや好みに合わせて」いくらでも・無料で対応する、というサポート体制は、本当に珍しいです。

しかも、その応対のスピード・丁寧さに、はやくもファンが増えているようです。

これだけの機能・サポートがあるので、お値段は「17,980円(税込)」と、決して安くはないです。

でも「買った後は自分でどうぞ」という素っ気ないテーマより、「買った後も、困った時はいくらでもサポートします」というテーマは、長く使いたい方にとっては、値段以上の価値になると思います。

ただ、気になるところもある

こんなに魅力たっぷり「Diver」ですが、いくつか気になるところも。

バージョンアップが頻繁な事は、最新機能がどんどん追加されているという、良い面がある一方で、「修正」「不具合（バグ）」が多い場合もあります。

後者は、まだ新しいテーマでは必ず起こるコトなので、そのうち減っていくとは思いますが、「動作が安定しない」というのは、まだ少し不安なところですね。

また、便利な機能をたくさん使える事は、こちらも一方で、ページの読み込み・表示遅延につながる場合もあります。これらは、今後時間やノウハウが溜まっていくことで、自然と解決されると思いますが、少しだけ注意が必要です。

あと、僕が一番気になるのは、パッと見が「ごちゃっ」としているところです。コンテンツ間の余白が少なかったり、文字が詰まっていたり、そういう細かい所は、これからカスタマイズしていこうと思います。

まとめ

「Diver」は、とにかく豊富な機能があるので、それらを「しっかり使いこなせるか」が大切です。

そのため、

には、ピッタリのテーマだと思います。

ほかにも、最近はブログのイメチェンや差別化のために、このテーマを使う人も増えてきているようです。しかし、まだそのあたりのノウハウが、あまり探しても見つかりません。

なので、僕も「Diver」ユーザーの一人として、これから使っていく中で、

などを、今後もどんどん紹介していきたいと思います！

コチラもおすすめです

【コピペで簡単】タイトル（見出し）CSSテンプレート 15選

直感的に、すぐ配色セットを選べる、本当に使えるカラーサイト7選

The post wordpressテーマ「Diver」- 2017年注目の有料テーマにリニューアル! first appeared on コビトブログ2｜デザイン・趣味・おすすめ情報.

コピペするだけ、簡単です。

アコーディオン（折りたたみ）ボタン CSSテンプレート

本来、この機能は、ちょっとムズカシイ

このパーツは、

など、いろんな呼ばれ方をされており、とっても便利なもの。

ただ、実装には「Java Script」や「jQuery」など、スクリプトで定義することが多く、初心者には難しいところがありました。

また、「onclick」タグを使えば、HTMLに書き込むだけで使えるものもありますが、「WordPress」では、エディタを切り替えると、「onclick」タグが消えてしまうので、「PHPでショートコードを作る」など、面倒な作業が必要だったり。。

そこで、今回「2か所にコピペするだけでOK」の、CSSだけテンプレートを作ってみました。

CSSだけ アコーディオンボタン

HTML

<div class="ac-container">
<input id="ac-1" name="accordion-1" type="checkbox" />
<label for="ac-1"> クリックしてね </label>
<div class="ac-small">
<p>ここに文字を入れるよ！</p>
</div>
</div>

CSS

/* アコーディオン */
.ac-container{
    width: auto;
    margin: 30px auto;
}
.ac-container label{
    width: 300px;
    text-align: center;
    background: #ff9b9b;
    margin: auto;
    padding: 10px 5px;
    position: relative;
    display: block;
    height: 40px;
    cursor: pointer;
    color: #fff;
}
.ac-container label:hover{
    background: rgba( 255, 155, 155, 0.55 );
    -webkit-transition: all .3s;
    transition: all .3s;
}
.ac-container label:after{
    color: #fff;
    font-family:"FontAwesome";
    content:"\f067";
}
.ac-container input:checked ~ label::after {
   color: #fff;
   font-family:"FontAwesome";
   content:"\f068";
}
.ac-container input{
   display: none;
}
.ac-container div{
   background: rgba(255, 255, 255, 0.5);
   margin-top: -1px;
   overflow: hidden;
   height: 0px;
   position: relative;
   z-index: 10;
   transition: 
   height 0.3s ease-in-out, 
   box-shadow 0.6s linear;
}
.ac-container input:checked ~ div{
   transition: 
   height 0.5s ease-in-out, 
   box-shadow 0.1s linear;
   box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container div p{
   color: #777;
   line-height: 23px;
   font-size: 14px;
   padding: 20px;
}

/* 高さの定義 */
.ac-container input:checked ~ div.ac-small{
   height: 150px;
}
.ac-container input:checked ~ div.ac-medium{
   height: 200px;
}
.ac-container input:checked ~ div.ac-large{
   height: 300px;
}

使い方

まず「CSS」コードを、利用されているテーマの「スタイルシート」に、追加します。「外観」→「テーマの編集」から、テーマの「style.css」に、上記をコピーし、「ファイルを更新」してください。

その後、このパーツを使いたい場所に、「HTML」コードを挿入すれば、OKです。

※HTMLコードは、コチラ（↓）のプラグインを使うと、ワンクリックで使えて便利です。

「AddQuicktag」で、面倒なタグ打ちから、オサラバ！

また、少しだけ、補足解説を。

まとめ

このパーツは、組み合わせ次第で、いろんな活用ができる便利ツールです。CSSだけで作ると、動作が軽く、リスクも少ないので、オススメです。

また表示・非表示に合わせて、「＋」⇔「－」と変わるところは、アイコンを割り当てているだけなので、お好きなアイコンに変えて使ってくださいね。

今回ご紹介した内容は、自分用に作ったメモ的な部分もあり、まだ改良の余地があるのですが、それも踏まえて、今後も更新していきたいと思います！

コチラもおすすめです

【コピペで簡単】タイトル（見出し）CSSテンプレート 15選

直感的に、すぐ配色セットを選べる、本当に使えるカラーサイト7選

The post 【コピペで簡単】クリック展開 アコーディオン（折りたたみ）CSSボタン first appeared on コビトブログ2｜デザイン・趣味・おすすめ情報.

この話を耳にしたことがある方は、多いと思います。しかし、あれから48年・・・・、2度めの月面着陸に成功した、との話はありません。その理由は、何故なのか、本日おもしろい見解を見つけました。

そもそも「月面着陸」は真実だったのか・・・その疑惑も含めて、ご紹介したいと思います。

人類が月に「40年以上行っていない」理由

それは「アポロ計画の功罪」だった？

1969年、人類は初めて月面を歩いた。しかし、その3年後のアポロ17号の打ち上げ以来、有人月面着陸は行われていない。一体その理由とは？　質問サイト「Quora」に寄せられた質問に、SF作家のC・スチュアート・ハードウィックが回答した。

なぜ私たちは40年以上、月に行っていないのか？　そのわけは、実に莫大な費用がかかるから、そして行かなければならない実用的な理由がないからです。

引用元：Forbes「人類が月に「40年以上行っていない」理由　アポロ計画の功罪」

この記事の中では、「月面に人類初の足跡を残すための事業に、約50万の人力と、世界一豊かな国家の軍事力と産業力が投入された」と言われています。つまり、そこまでお金をかけてでも、「アメリカの大偉業」として、歴史に名を遺すことに、執念とお金が懸けられていた、というわけですね。

なぜもう一度行けないのか」の答えは「お金がないから」である。1960年代、アメリカがアポロに使った金は250億ドル、1ドル360円の時代、日本円でざっと9兆円、当時の物価は今より安かったから、今やるとなったら何10兆円になるかもしれない。

引用元：MAG2NEWS「陰謀論「アポロ11号は月には行ってない」を中学生があっさり論破」

日本の今年（平成28年度）の、税収で「約58兆円」（参照）。

なので、「何10兆円」となると、税収のほとんどを使い果たす気で、挑戦しないとならないレベルです。これは確かに、実現しづらい額ですね。

そもそも「月面着陸」したって、本当？

「人類が月に行ったのは、真実か？」「アポロ計画の陰謀論」という話も、昔からアツく議論されています。

事実、アメリカが大金を投入してまで、「アポロ計画」を実行した背景には、ソ連との開発競争や、威厳争いがあったとも、言われているため、「ねつ造」したのでは？と疑う方も多いようです。

その数々の疑惑については、コチラ（↓）に、わかりやすく掲載されていたので、参考にしてみてくださいね。

• アメリカ人の20パーセントは、月着陸について疑いを持っている？
• アポロでの月面の足跡は、映画「カプリコン・ワン」に出てくるものとそっくり!
• アポロの写真には星が全然写っていない!
• ロケット噴射でできるはずのクレーターがない!

引用元：月探査情報ステーション「第三話 人類は月へ行っていない!?」

また、上記の疑惑について、最新のCG・グラフィック技術を用いて、検証してみた内容も、すごく面白いです。（↓）

一部で捏造説が唱えられる「アポロ11号」の有名な月面着陸写真。NVIDIA社は、最新コンピューターグラフィックス技術を使って光の当たり方を再現し、捏造でないことを証明した。

引用元：WIRED「アポロ11号の「月面着陸は事実」：NVIDIA社が最新GPU技術で証明」

まとめ

月面と言えば、漫画や映画で登場する「月面基地」や、地球からは見ることができない「月の裏側」など、宇宙・SF好きには、たまらないテーマの1つ。

人類が月面に行ったのか、再びまた着陸できるのか、真相・未来は定かではありませんが、夢が膨らみますね！

ちなみに、ガンダム好きな僕の友人いわく、

「え？2045年には、宇宙世紀が始まって、「コロニー」の建築が始まるよ？」

だそうです。あと28年！宇宙開発がんばってくれー！(*'▽')

コチラもおすすめです

 BMWがレゴを本物に！空飛ぶバイク「Hover Ride」

科学雑誌「Newton（ニュートン）」が、自力再建断念！

The post 人類が月に「もう1度行けない」理由　アポロ計画とは first appeared on コビトブログ2｜デザイン・趣味・おすすめ情報.

実は、WordPressの「無料テーマ」を使っています。

以前は「Simplicity」を使っていましたが、

「もっと、おしゃれにしたい・・・！」
「でも、サブブログだし、あくまで無料テーマで！」

との思いで、約50個以上のテーマを試し、今のデザインに変わりました。

明日から始まる、ゴールデンウィーク。

休みの取れる今だからこそ、ブログのテコ入れ・デザインを変えたいと思っている方、居ませんか！？

そんな方向けに、「6日連続」企画として、僕が、本気でオススメする、おしゃれ・レスポンシブな、WordPress無料テーマ6選を、ご紹介します！

【6日連続企画！】おしゃれで、レスポンシブな、無料WordPressテーマ6選

WordPressには、海外のものを含めると、本当にたくさんの無料テーマがありますが、今回ご紹介するものは、以下を前提に選んでいます。

「WordPressおすすめテーマ〇選！」という記事は、他にもありますが、その多くが、DEMOサイトとダウンロードリンクだけの記載で、使ってみないとわからないことが、ほとんどです。

しかも、実際インストールしてみたら、

　DEMOサイトみたいに作れない！
　有料版（PRO版）を買わないと、ほとんど使えない！
　「外観」→「カスタマイズ」で設定できる項目が少なすぎ！

・・・・と、知りたいとこが、書かれていない！！

だからこそ、50以上もテーマを試す羽目になった僕です。

そして、折角それだけ試してみたので、僕が実際に使おうか迷ったテーマのみ、厳選してお伝えしようと、この記事を書きました。各テーマについては、「実際使ってみた感想」と「カスタマイズで設定できる項目(画像)」をすべて、きっちり載せます。

第1弾：　Agama

初心者でも、簡単におしゃれな機能が使える、至極のテーマ。

もはや無料の域を超えています。これ、個人ブログなの!?となるくらい、完成されたサイトが、とても簡単に作れます。当ブログでも、先日のリニューアルで、このテーマを採用しました。

その魅力と、具体的にどんな機能があるのか、ご案内します。

詳細はコチラ

第2弾：　Customizr

おしゃれなベースはそのままに、、カスタマイズ性抜群のテーマ。

無料とは思えないくらい、たくさんの機能が詰まっていて、さらにユーザーの使い勝手にも配慮されています。前回ご紹介した「Agama」と、どちらを当ブログで採用するか、最後まで本当に悩みました。

その魅力と、具体的にどんな機能があるのか、ご案内します。

詳細はコチラ

第3弾：　PORTFOLIO

計算された美しさを誇る、シンプル・フォトブックのようなテーマ。

こちらは「第1弾」「第2弾」と比べると、圧倒的にシンプルですが、緻密に計算された美しさがあり、とても評価の高いテーマです。フォトギャラリーのようなトップページで、コンテンツ重視のブログを目指す方に、ピッタリなテーマです。

その魅力と、具体的にどんな機能があるのかを、ご案内します。

詳細はコチラ

第4弾：　Pixgraphy

画像・写真で魅せる、こだわりのデザインテーマ。

こちらは、細かいパーツ・デザインに、特にこだわって作られたテーマです。これまで本企画でご紹介した、「第1弾：Agama」と「第3弾：PORTFOLIO」を足して、さらにブログライクにした感じと、良いトコどりな感じです。特に、画像・写真の魅せ方が秀逸なので、華やかなブログを目指したい方には、ピッタリなテーマです。

その魅力と、具体的にどんな機能があるのかを、ご案内します。

詳細はコチラ

第5弾：　Materialize

スッキリ、王道のマテリアルデザインのテーマ。

こちらは、Googleが推奨したことで、話題となった「マテリアルデザイン」を使った、スッキリ王道のテーマです。前回ご紹介した、「第4弾：Pixgraphy」にトップページの構造は似ていますが、より全体がスッキリと落ち着いた、ブログライクなテーマです。

その魅力と、具体的にどんな機能があるのかを、ご案内します。

詳細はコチラ

第6弾：　Gridsby

こちらは、フォトライクでありながら、ブログとしても使える、多彩なテーマ。

本企画でご紹介した「第3弾：PORTFOLIO」と同じように、ファーストビューにフォトギャラリーのようなタイル状の魅せるデザインがあり、クリック時のアニメーション効果が、他サイトと一線を画します。それでいて、ブログライクにも使える、便利なテーマです。

その魅力と、具体的にどんな機能があるのかを、ご案内します。

詳細はコチラ

総評・まとめ

今回の6選は、僕が実際に使って、本当に良いと思ったテーマだけを、ご紹介しました。

特に、「★5」の満点をつけた、「第1弾：Agama」「第2弾：Customizr」「第3弾：PORTFOLIO」「第6弾：Gridsby」は、初心者の方でも使いやすく、カスタマイズ項目が設定されているので、是非一度インストールして、試してみてほしいです。

また、「★4」となった「第4弾：Pixgraphy」「第5弾：Materialize」も、手を加えれば、大活躍するテーマなので、気に入った方は、ぜひ自分なりのカスタマイズをしてみてほしいです。

WordPressの無料テーマと言えば、「Simplicity」や「Stinger」「Xeory」が、有名です。当ブログも、以前は「Simplicity」を使っていました。しかし現在、多くの人が使うにつれ、「どこかで見た事あるデザインだな」という、既視感が強くなってしまっています。

これからのブログは、個人のものでも、「見た目の印象」「読みたいと思えるブログ」かが、非常に大切になってきています。

どこかで見たことあるような、ありがちなデザインで、埋もれてしまわないように、無料テーマをお探しの方は、今回ご紹介したものを、ぜひ一度使ってみてほしいです。

また、今回はあくまで「無料テーマ」にこだわって書きましたが、有料テーマも含めるなら、一番のオススメは「STORK」です。

モバイルライクで、初心者の方でも1時間で、おしゃれなブログが作れる上に、「書くことに集中できるテーマ」です。SEOにも強く、僕のメインブログでも、使っています。

詳細はコチラ（↓）から、どうぞ。

コチラもおすすめです

【コピペで簡単】タイトル（見出し）CSSテンプレート 15選

直感的に、すぐ配色セットを選べる、本当に使えるカラーサイト7選

The post 【2017年】厳選・オシャレなWordPress無料テーマ6選 first appeared on コビトブログ2｜デザイン・趣味・おすすめ情報.

なんと、あのニューヨークで有名な「メトロポリタン美術館」が、所蔵する約20万点の美術作品を、無料公開したとのこと。しかも、商用利用OK！

メトロポリタン美術館の作品が、無料で使える！

無料＆自由に利用可能なCC0で37万点超のアート作品をメトロポリタン美術館が公開

アメリカ・ニューヨークにある世界最大級の美術館である「メトロポリタン美術館」が、保有する37万5000点以上の著名な美術作品の写真をクリエイティブ・コモンズ・ゼロ(CC0)表記のもと公開することを発表しました。

引用元：GIGAZINE

これは、スゴイ！と思い、早速サイトにアクセスしてみました（↓）

英語サイト・・・！　でも、ご安心を。簡単にご利用できます。

ダウンロードのやり方

例えば、僕は「ゴッホ」が好きなので、検索バーに「Gogh」と入力しました。すると「vincent van gogh」と、きちんと補完され、以下（↓）のように検索されます。

気になる絵をクリックし、右下の「Download」ボタンを押すと、画像ファイルが開きます。右クリックし、「名前を付けて画像を保存」を押して、保存できます。

あの有名な「糸杉」や「自画像」や「ひまわり」まで、ダウンロードできました！

フィンセント・ファン・ゴッホ「糸杉」- 1889年

フィンセント・ファン・ゴッホ「麦藁帽子の自画像」- 1887年

フィンセント・ファン・ゴッホ「切られた2本のひまわり」- 1887年

無料で利用できるだけでなく、特筆すべきは、その画質。5MB近いファイルもあるので、通信が重くなるのが要注意ですが、油絵質感がわかるほどに、美しいデータです。本当にスゴイ・・・！

つい、テンションがあがってしまいました(*'▽')

ただし、無料利用できるのは「Public Domain」と右下に表示されているものだけです。

「パブリックくドメイン」とは

パブリックドメインとは、公有の（財産）、公知の（情報）、という意味の英語表現。知的創作物について、その財産権が誰にも帰属せず社会全体で共有されている状態をパブリックドメインという。

引用元：IT用語辞典　e-Words

簡単に言うと、「作者の死後50年以上経過し、著作権が消滅した作品を、積極的に利用してもらおう！」という、ライセンスです。（完全に、権利が放棄されたわけではないので、作者を貶めるような悪質な利用はできませんよ！）

左側の「Show Only」設定から、「パブリックドメイン」の作品だけを絞り込むこともできますので、簡単に好きな作品を見つけられると思います。

最近は、たくさんの美術館・博物館で、同じような取り組みがされているようです。

ニューヨーク公共図書館でも、無料公開がされていますので、ぜひコチラ（↓）もどうぞ♪

【商用OK】ニューヨーク公共図書館でも、約20万点を無料公開中！

2017.2.16

前回ご紹介した、コチラの記事（↓）に引き続き、 https://tajuso.net/metropolitan_art またまたアート好きや、アイキャッチ画像を探しているブロガーに...

コチラもおすすめです

【コピペで簡単】タイトル（見出し）CSSテンプレート 15選

直感的に、すぐ配色セットを選べる、本当に使えるカラーサイト7選

The post 【商用OK】メトロポリタン美術館が、約20万点の作品を無料公開！ first appeared on コビトブログ2｜デザイン・趣味・おすすめ情報.

特に、ブログの配色は、折角見に来てくれた方がいても、見た目でブラウザバックされることも多い。中身も見てもらえず、嫌われてしまうなんて、もったいない。

そこで、おしゃれで使える配色を選べるサイトを、まとめました。

特に、

この3点を重視し、本当に使えるサイト７つに、絞りました。

直感的に、すぐ配色セットを選べる、本当に使えるカラーサイト7選

1．HUE/360

HUE/360

使い方

まず、左の明るさを選び、その後、相性の良い色を表示してくれるので、好きな色をチョイスします。

すると、下部に選んだ色のパレットを作ってくれます。「Print User Color」をクリックすると、カラーコードが表示されるので、コピーするだけ。

自分の好みの色（赤系・青系など）が決まっていて、あとは相性の良い色を選ぶだけ、という時にオススメです。

2．material palette

material palette

使い方

まず、好みの2色をクリックします。すると、右側にその2色を使ったプレビューを表示してくれ、かつ下部に配色パレットを、自動作成してくれます。

パレット上の色をクリックするだけで、コピーできるので、とってもラクです。

こちらも、自分の好みの色（赤系・青系など）が決まっていて、あとは相性の良い色を選ぶだけ、という時にオススメです。

3．Color Hunt

Color Hunt

使い方

好きな色の上にカーソルを合わせると、その色のカラーコードが表示されるので、コピーするだけ。（カーソルを合わせている時だけ表示されるので、少しコピーが面倒かも）

人気のある配色が調べられるし、新しい配色も日々更新されるので、すぐにおしゃれなセットが見つかります。とにかくおしゃれなセットを、すぐに見つけたい！という方に、オススメです。

4．COLOUR lovers

COLOUR lovers

使い方

いいなと思う写真をクリックすると、その写真のイメージにあった、カラーをチョイスしてくれます。あとは、表示されているカラーコードをコピーするだけ。

配色に関するコミュニティサイトで、トレンドカラーを選ぶことが出来ます。雑誌やサイト・写真から色をチョイスするサイトは他にもありますが、このサイトは「5,6色」に絞ったカラーチョイスで使いやすく、かつ、そのチョイスの「センスが抜群に良い」です。

日々トレンドのカラーが更新されるので、とにかくおしゃれなセットを、すぐに見つけたい！という方に、オススメです。

5．Palettable

Palettable

使い方

表示された色が好きな場合「L」を、別の色がいい場合「D」を押します。もう一度選びなおしたい場合は、「←（BackSpace）」で、戻れます。

最初に選んだ色と、相性の良い色を提案してくれるので、「好き」か「嫌い」かを選んでいくだけで、直感的にパレットを作成できます。

自分の好みの色（赤系・青系など）が決まっていて、あとは相性の良い色を知りたい！という方に、オススメです。

6．Color Lisa

Color Lisa

使い方

各アーティスト名をクリックすると、そのアーティストの作品をモチーフにした、配色パレットが表示されます。気に入ったものの、カラーコードをコピーするだけ。

世界の有名なアーティスト作品からチョイスされた配色なので、見やすく・安定した色味が選べます。とにかくおしゃれなセットを、すぐに見つけたい！という方に、オススメです。

7．COLORION

COLORION

使い方

好きなパレット上の色をクリックするだけで、コピーされます。とってもラク！

前述の「Color Hunt」に似ていますが、よりポップなカラーが多いと思います。とにかくおしゃれなセットを、すぐに見つけたい！という方に、オススメです。

おまけ：配色理論

ノンデザイナーのための配色理論

上記7サイトを見て、もっと配色について知りたい！と思われた方は、コチラ（↑）のサイト様がオススメです。「人間向きの調和のとれた色とは」「なぜ色選びに失敗するのか」、プロじゃない方にもわかりやすく、解説されています。

スライドで、サクサク読めるので、ぜひ一読を！

まとめ

ブログの配色は、本当に大事です。アクセスが伸びず悩んでいる方は、一度サイトカラーを、見直してみるのもオススメです。

でも、おしゃれな配色を探すのって、結構大変で、しかも意外と「本当に使えるサイト」は少ないので、今回の記事を作ってみました。僕も普段の仕事や、ブログ作成時に、使っています。

コピーするだけ、簡単なので、いろんな配色パレットを試してみて、自分のお気に入りを見つけてくださいね。

コチラもおすすめです

目指したい！美しいサイトデザイン集

【コピペで簡単】タイトル（見出し）CSSテンプレート 15選

The post 直感的に、すぐ配色セットを選べる、本当に使えるカラーサイト7選 first appeared on コビトブログ2｜デザイン・趣味・おすすめ情報.