読者です 読者をやめる 読者になる 読者になる

ウケるサイトの特徴を掴め!Wordpressを使っているウェブサイト15選

IT・Webコラム

f:id:asawabe1023:20160624033149j:plain ロゴby:https://wordpress.org/about/logos/

WordPressは全世界の4分の1のサイトに使われているとされる人気のCMSで、日本のサイトやブログも多くがWordPressで使っています。

しかし、自由度が高いCMSゆえに、パッと見ただけではそのサイトがWordPressを使っているかはわかりません。

そこで本記事では、WordPressを使っているサイトをジャンル別に15個厳選してご紹介します。

WordPressでサイトを作ろうと考えている方は、デザインやレイアウトの参考にぜひご覧ください。 

ニュースサイト

TechCrunch Japan

f:id:asawabe1023:20160624022242j:plain URL:http://jp.techcrunch.com/

海外のテクノロジーメディア「TechCrunch」の日本版です。

かなりの大規模サイトですが、実はWordPressでつくられていて、フッターには「Powered by WordPress.com VIP」と記載されています。

マイナビウーマン

f:id:asawabe1023:20160624024157j:plain URL:http://woman.mynavi.jp/

働く女性のためのニュースサイト「マイナビウーマン」もWordPressでつくられています。

「マイナビ」本家ではWordPressは使われていませんが、本サイトのような更新頻度の高いニュースサイトはWordPressと相性がいいため、WordPressを使用したのではないかと思われます。

ロケットニュース24

f:id:asawabe1023:20160624025028j:plain URL:http://rocketnews24.com/

ユニークなニュースで楽しませてくれるサイト、それが「ロケットニュース24」。

赤の背景が印象的です。

ガジェット通信

f:id:asawabe1023:20160624025310j:plain URL:http://getnews.jp/

デジタルガジェット情報をはじめ、ライフスタイル提案、時事ニュースなどを配信しているサイトです。

パット見ではWordPressっぽくないですが、中身はWordPressでつくられています。

TABI LABO

f:id:asawabe1023:20160624025604j:plain URL:http://tabi-labo.com/

カルチャー、ライフスタイル、トレンド、テクノロジーなど、さまざまな情報を発信しているニュースサイトです。

左メニューが固定されていて、コンテンツのみスクロールできるようになっています。

コーポレートサイト

クックパッド株式会社

f:id:asawabe1023:20160624030456j:plain URL:https://info.cookpad.com/

投稿型のレシピサイト「クックパッド」ではWordPressを使うのは難しいですが、コーポレートサイトではWordPressが使われています。

カカクコム株式会社

f:id:asawabe1023:20160624030123j:plain URL:http://corporate.kakaku.com/

価格比較サイト「価格.com」を運営するカカクコム株式会社のコーポレートサイトです。

文字サイズの大小の切り替えが、ワンクリックで簡単に行えます。

オールアバウト

f:id:asawabe1023:20160624020706j:plain URL:http://corp.allabout.co.jp/

生活総合情報サイト「All About」の運営会社・株式会社オールアバウトのコーポレートサイトです。

画像が見えなくなるまでスクロールすると、メニューが固定されるような工夫がされています。

株式会社gloops

f:id:asawabe1023:20160624031325j:plain URL:http://gloops.com/

ソーシャルゲーム開発会社・株式会社gloopsのコーポレートサイトです。

トップページはHTML5で動画が埋め込まれています。

オウンドメディア

美的.com

f:id:asawabe1023:20160624021111j:plain URL:https://www.biteki.com/

小学館が運営している美容サイトで、ビューティ専門誌「美的」と連動しています。

記事は雑誌のようなデザインになっていて読みやすいです。

株式会社LIG

f:id:asawabe1023:20160624023846j:plain URL:http://liginc.co.jp/

台東区にあるWeb制作会社・株式会社LIGのオウンドメディアです。

以前は左メニューでしたが、現在はユーザーの目線の移動を意識した結果、右メニューを採用しています。

ブログ

Webクリエイターボックス

f:id:asawabe1023:20160624015431j:plain URL:http://www.webcreatorbox.com/

WebデザイナーのManaさんのサイトです。

カナダ、オーストラリア、イギリスなど、海外で働いた経験を持っておられる方で、Webデザイン関連のTipsやノウハウを幅広く紹介しています。

ポートフォリオサイトのデザインも魅力的です。

かちびと.net

f:id:asawabe1023:20160624015445j:plain URL:http://kachibito.net/

Web制作のTips、チュートリアルなどを紹介しているサイトです。

薄めの線で区切ったデザインがオシャレで、ロゴや検索ボックスなどに細かい仕掛けが施されています。

100SHIKI

f:id:asawabe1023:20160624021850j:plain URL:http://www.100shiki.com/

海外のユニークなアイテム、ツール、Webサービスなどを紹介しているサイトです。

アルファブロガーの田口元さんが運営しているサイトで、姉妹サイトの「IDEA*IDEA」もWordPressでつくられています。

Arch

f:id:asawabe1023:20160624020036j:plain URL:http://www.ar-ch.org/

フラットデザインのアイコンを並べたヘッダーが印象的です。

記事はワンカラムになっていて、サイドバーを設置していません。

(C)centsysjp's blog All Rights Reserved.
  • システム開発にお困りの方
  • センティリオンシステムの求人はこちらから