ローディング中

【ワードプレス初心者講座】参考にしたいかっこいいサイト20選

ワードプレス初心者に捧げる

dolphin-203875_640

ワードプレス初心者講座、第2回は、

ワードプレスでサイトを作る際に参考にしたいかっこいいサイトを集めてみました!です!

  • ワードプレスじゃ作れない
  • ワードプレスの限界
  • ワードプレスを諦めちゃう

そんな思考に陥る前に、まず、多くのワードプレスで構築されたサイトを見ることで、

ワードプレスでもこんなにもカッコイイサイトが作れるんだ!

ということを理解することで、

ワードプレス初心者の方も、ワードプレスを構築する上での励みになると思い。

ワードプレスで作成された、カッコイイサイトを国内外問わず集めてみました!

国内

国内のワードプレス勢は、機能やコンテンツに重きを置いている印象を受けますが、

初心者の方にとっては、

ワードプレスでこんな機能が使えるんだ!って参考になるかと思います。

(※2016/9/21現在)

1.布袋寅泰

hotei

http://www.hotei.com/

日本が誇るROCKスターの布袋寅泰のサイトもワードプレスで構築されています。

シンプルにカッコイイデザイン構成がいいですね。

2.WORLD ORDER

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-21-%e5%8d%88%e5%be%8c10-45-56

http://worldorder.jp/

ワードプレスでシンプルに構築されたサイトです。

アーティストという特性から、情報がメインですが、

コンテンツが多くなりすぎて乱雑になっていないため、

あれもこれもと機能を盛り込みがちなワードプレス構築において、

初心者の方は見習うポイントも多いのではないでしょうか。

3.伏見稲荷

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-21-%e5%8d%88%e5%be%8c10-50-04

http://inari.jp/

外国人旅行客に一番人気の観光地「伏見稲荷大社」もワードプレスで構築されています。

黒と赤のコントラストがとても綺麗でカッコイイですね。

4.WIRED.jp

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-21-%e5%8d%88%e5%be%8c10-51-59

http://wired.jp/

最近ではキュレーションサイトや多くのメディアがワードプレスで構築されています。

初心者の方が大規模サイトを構築することは中々ないかもしれませんが。

大規模サイトでも問題なく作ってしまうことができるということを知っておくと、

ワードプレスをこれから使ってサイトを構築する上で、参考になるでしょう。

5.日刊SPA

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-21-%e5%8d%88%e5%be%8c10-54-57

http://nikkan-spa.jp/

メディアつながりで日刊SPAもご紹介。

実は日刊SPAもワードプレスで構築されています。

6.AdverTimes

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-21-%e5%8d%88%e5%be%8c10-57-05

http://www.advertimes.com/

こちらもワードプレスで構築されたメディアサイト。

7.TechCrunch Japan

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-21-%e5%8d%88%e5%be%8c10-58-39

http://jp.techcrunch.com/

ワードプレスとメディアサイトの相性がとてもよく、

本当に多くのオウンドメディアが構築されているのがわかります。

8.LIG

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-21-%e5%8d%88%e5%be%8c11-00-58

https://liginc.co.jp/

ワードプレス初心者でなくても、

WEB業界の方にとってはチェックしておきたいLIG。

ていうか多分知らない人がいないくらいの有名なサイト。

こちらもワードプレスで構築されています。

9.武蔵野美術大学

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-21-%e5%8d%88%e5%be%8c11-03-09

http://www.musabi.ac.jp/

大学のサイトなどもワードプレスで構築されるようになりました。

ワードプレスだったらなんでもできますね。

10.マイナビウーマン

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-21-%e5%8d%88%e5%be%8c11-04-23

http://woman.mynavi.jp/

ワードプレスでマイナビウーマンも構築されています。

メディアはだいたいワードプレスなんじゃないか?

ってちょっと思っちゃいますね。

海外

日本とは違いデザインの面で参考になる部分が多い海外ワードプレス勢。

11.Worlds Apart

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-21-%e5%8d%88%e5%be%8c11-08-07

http://www.worldsapartfilm.com/

12.PAPAZIAN

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-22-%e5%8d%88%e5%89%8d0-21-26

http://www.papazian.gr/

ワードプレスで構築されたジュエリーブランドのサイト。

パッとみでアッ!カッコイイ!と思える。

キャッチーさのあるサイトデザインが特徴です。

13.BUNDY BUNDY

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-22-%e5%8d%88%e5%89%8d0-25-00

http://bundy.madebywild.com/

サイトのあらゆるところをクリックしてみて欲しい。

ワードプレスのよさというよりも、

初心者が参考にしたい多くのトリックや、

うおー!かっこいいー!ってポイントが要所要所に散りばめられています。

いやほんまカッコイイ!

14.ESPN Sports Programming

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-22-%e5%8d%88%e5%89%8d0-32-01

https://mediadistribution.espn.com/

最近バックグランドに動画を差し込むのが流行っていますね。

パッとみて、おお!ってなるので活用しやすいのかもしれませんね。

こちらもワードプレスです。

15.Design Provocateur.

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-22-%e5%8d%88%e5%89%8d0-35-20

https://engzell.me/

動画とパララックス効果をうまく活用したワードプレスサイト。

これがもう本当に動画とパララックスの絡みが絶妙でカッコイイ。

日本はどうしてこういう系のサイトが少ないんでしょうかね。

16.Haruki Murakami

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-22-%e5%8d%88%e5%89%8d0-39-41

http://www.harukimurakami.com/

全ページ英語なので、海外勢に加えましたが、

とにかくアーティスティックでデザインがかっこいいサイト。

これもワードプレスで構築されてるのかーと思うと。

ワードプレスって本当なんでもできるんですね。って改めて思った次第です。

17.JUMO

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-22-%e5%8d%88%e5%89%8d0-44-52

http://www.newjumoconcept.com/

パララックス効果と商品コンセプトがマッチングしているワードプレスサイト。

うまく効果が使われてるなーと純粋に感心してしまう。

素直にかっこいいと思えるサイトです。

18.Essen international

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-22-%e5%8d%88%e5%89%8d0-47-35

http://esseninternational.com/

初心者の方には是非とも参考にして欲しい、

ワードプレスをつかったシンプルなデザインが特徴のサイトです。

初心者の方が陥りがちな、ごちゃついたデザインにならないためにも、

こういった思い切ったシンプルなトップページなどを最高にするのもいいかと思います。

19. fh studio

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-22-%e5%8d%88%e5%89%8d0-49-33

Home page

多くのコンテンツが、すっきりと配置されており、

ワードプレスで構築する上で、参考にしやすいサイトです。

20.GOOD MORNING

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-22-%e5%8d%88%e5%89%8d0-49-41

https://good-morning.no/

こういうテンプレート使ってワードプレスの開発したいなー。

って純粋に思ったほど、使いやすそうなテンプレート。

いや、テンプレートかどうかわかんないけど。

ワードプレスでなんだってできるよ!

ワードプレスを使った、かっこいいサイトをご紹介いたしました。

初心者の方が陥りがちな、

「ワードプレスではここまでが限界」

といったような勝手な思い込みが吹き飛んだことかと思います。

ワードプレスのテーマ開発は確かに難しいかもしれませんが、

初心者だからと妥協したり諦めず、

自分だけのかっこいいワードプレス構築を頑張って実現させてくださいね!

ホームページ制作のご相談・ご依頼は

079-451-5881

68ED4C65-BA1E-46D0-A7AC-B9869923C696 Created with sketchtool. A07C553F-CF16-4B7D-94FE-D36AE0A6297D Created with sketchtool. 37B7D8F4-7A18-4725-9EC6-595ABDF69D64 Created with sketchtool. 95DFB680-1EDF-4199-BC4A-BB6752EBA23C Created with sketchtool. 02DDF754-E1DB-4EF2-B6BB-C884722938C4 Created with sketchtool. NEW! 1A95E369-6469-4C46-B38F-F83410B928B0 Created with sketchtool. Group 5Group 2Group 4Group 3 E4FC8CF2-721D-4699-8162-18E886C432C1 Created with sketchtool.