• HOME
  • ブログ
  • WordPress , TCDテーマ
  • 【調べてみた】TCDテーマ「ROCK」を使った16サイトを紹介!デモサイトと違う雰囲気の事例も見たい方必見!【WordPress】

【調べてみた】TCDテーマ「ROCK」を使った16サイトを紹介!デモサイトと違う雰囲気の事例も見たい方必見!【WordPress】

WordPress

こんにちは!TCDテーマを愛用しているKicoです。

おしゃれな有料ワードプレステーマを次々に発売しているTCD。

2019年2月にリリースされたウェブマガジン・オウンドメディア向きのWordPressテーマ「ROCK(TCD068)」は29,800円(税込)。
税込みで約3万円だと購入するのにちょっと悩みますよね。
そこで、できれば購入する前にTCDの「ROCK(ロック)」で作られたサイトをいろいろ見て検討したい!と思っているあなたのため「ROCK」で作られたサイトを調べてみました!

本家のTCD公式サイトには掲載されていない事例をできるだけ探してみたので「ROCK」の購入を検討しているあなたのお役に立てたら幸いです!

スポンサーリンク

目次

TCDワードプレステーマ「ROCK」の公式デモサイトはこんな感じでしたね

出典:TCD公式サイト「ROCK

ウェブマガジン・オウンドメディア向きのWordPressテーマ「ROCK(TCD068)」の特徴は、メイソンリーのグリッドレイアウト。
(メイソンリーとはWebデザインでというと以下の画像のようにレンガが積み重なったようなレイアウトのこと)


出典:TCD公式サイト「ROCK

次に2種類のメガメニュー。


メガメニューAはカテゴリー一覧をサムネイル付きで表示するメガメニューとなっていて、メガメニューBはカテゴリー一覧とそれぞれの新着記事を合わせて表示するメガメニューとなっています。
出典:TCD公式サイト「ROCK

そして、モーダルウィンドウ。(サイト読者がといるをクリックしないと消せない子ウィンドウ)


出典:TCD公式サイト「ROCK

さらに、期間別アクセスランキングページ。


出典:TCD公式サイト「ROCK

ウェブマガジン・オウンドメディアとして魅力的な機能がたくさんです。
もちろんスマホやタブレットに対応したレスポンシブなので安心です。


出典:TCD公式サイト「ROCK

記事を読む前に一度ROCKのサイトを見たい方はこちらのボタンからどうぞ。

TCDテーマ「ROCK」の詳細はこちら

スポンサーリンク

TCDワードプレステーマ「ROCK」を使っているサイトの調査結果はこんな感じでした

TCDテーマ、「ROCK」を使っているサイトは30サイト以上見つけられました。

さて、こちらの記事では見つけた30サイト以上の中から参考事例としてみておきたい16サイトを紹介します。

なお、この記事を書いた時点ではTCD公式サイトでは1サイトのみ事例として紹介されていましt。今回こちらで紹介するサイトに含めています。

とにかく購入前にできる限り実際に使ったサイトを見たい方のお役に立てれば幸いです!

さて、今回も次の点はご了承くださいませ。

本ページのご利用にあたって
1)紹介するサイトのセキュリティ面はご自身の責任でお願いします。

Googlechromeをお使いの場合「https://」のサイトでも注意喚起が出ることがあります。
2)各サイトのキャプチャについて
著作権者から許可を取らずに「引用」するための決まり5点を守っていると考え掲載しております。

【「引用」するための決まり5点】
1.公表された著作物であること 2.引用する側の著作物と、引用される側の著作物とが明確に区別されて認識できること 3.前者が主、後者が従の関係があること 4.出所の明示をすること 5.著作者の意思に反する改変をしないこと
(引用元:Web担Forum 著作物を「引用」する際のルールとは?3ページ目

では、紹介してまいりましょう!

スポンサーリンク

【メガメニュー利用サイト】TCDワードプレステーマ「ROCK」事例

ROCKの特徴でもあるメガメニューが使われている2サイトを紹介します。(記事執筆時の情報)

①個人ホームページ おすすめサイト事例


(引用元:SOGOODS.NETサイトTOP キャプチャ)

サイト運営者のSOさんのブログサイト「SOGOODS.NET(ソーグッズドットネット)」がTCDのワードプレステーマ「ROCK」で制作されています。

このサイトを見たい方はこちらからどうぞ。

ROCKの機能をいろいろ活用されているサイトです。ROCKの特徴でもある2つの目がメニューのうち「メガメニューB」が使われています。


(引用元:SOGOODS.NETサイト キャプチャ)

②タイ発の女性向けWEBメディア


(引用元:Arche+サイトTOP キャプチャ)

ARCHEZ Co.,Ltd.さんが制作運営するタイ発の女性向けWEBメディア「Arche+(アーチプラス)」がTCDのワードプレステーマ「ROCK」で制作されています。

このサイトを見たい方はこちらからどうぞ。

ROCKの機能をいろいろ活用されているサイトです。ROCKの特徴でもある2つの目がメニューのうち「メガメニューA」が使われています。


(引用元:Arche+サイト キャプチャ)

スポンサーリンク

【モーダルウィンドウ利用サイト】TCDワードプレステーマ「ROCK」事例

ROCKの特徴でもあるモーダルウィンドウが使われているサイトを紹介します。(記事執筆時の情報)

③ハンドメイドブランドサイト


(引用元:Mauve pinkサイトTOP キャプチャ)

デザイナーyumikoさんのサイト「Mauve pink」がTCDのワードプレステーマ「ROCK」で制作されています。

このサイトを見たい方はこちらからどうぞ。

ROCKをシンプルに使ったサイトです。TOPページでは記事2カラム+右にナビゲートで構成されています。

こちらのサイトではROCKの特徴でもあるモーダルウィンドウをメルマガへの誘導に活用されています。モーダルウィンドウのイメージをつかみたい方はぜひこちらのサイトをご確認ください。


(引用元:Mauve pinkサイト キャプチャ)

この段階で既にROCKでサイトを作成しよう!と決心した方は下の画像をクリックするとTCDのROCKのサイトが開くのでご活用くださいませ。

スポンサーリンク

【ランキングページ利用サイト】TCDワードプレステーマ「ROCK」事例

ROCKの特徴でもあるランキングページが使われているサイトを紹介します。(記事執筆時の情報)

④京都・関西情報サイト(広告収益型)


(引用元:どずえサイトTOP キャプチャ)

京都でフリーペーパーを制作していた4名のスタッフの方が運営している京都を中心に、関西のおすすめ情報を発信するwebマガジン「どずえ」さんがTCDのワードプレステーマ「ROCK」で制作されています。

このサイトを見たい方はこちらからどうぞ。

こちらのサイトではROCKの「ランキングページ」を利用されています。

(引用元:どずえサイト キャプチャ)

⑤ライフスタイル提案サイト


(引用元:JMagazineサイトTOP キャプチャ)

Pierre(ピエール)さんが運営されるライフスタイルを提案するマガジンサイト「JMagazine」がTCDのワードプレステーマ「ROCK」で制作されています。

このサイトを見たい方はこちらからどうぞ。

こちらのサイトではROCKの「ランキングページ」を利用されています。

(引用元:JMagazineサイト キャプチャ)

⑥地域の情報サイト


(引用元:YaitaSaitaサイトTOP キャプチャ)

運営者情報が見当たらなかったのですが、栃木県矢板市の情報ブログ「YaitaSaita」さんのサイトがTCDのワードプレステーマ「ROCK」で制作されています。
 

このサイトを見たい方はこちらからどうぞ。

ROCKをシンプルに使ったサイトです。TOPページでは記事4カラムで構成されています。
こちらのサイトではROCKの「ランキングページ」を利用されています。

(引用元:YaitaSaitaサイト キャプチャ)

この段階で既にROCKでサイトを作成しよう!と決心した方は下の画像をクリックするとTCDのROCKのサイトが開くのでご活用くださいませ。

スポンサーリンク

【フッターのカルーセルと固定記事の両方を利用】TCDワードプレステーマ「ROCK」事例

ROCKの特徴的なフッターのカルーセルと固定記事の両方を利用しているサイトを紹介します。(記事執筆時の情報)

⑦美容人生メディア(広告収益型) おすすめ事例


(引用元:FinalAサイトTOP キャプチャ)

FinalA(ファイナラ)さんのサイトがTCDのワードプレステーマ「ROCK」で制作されています。

このサイトを見たい方はこちらからどうぞ。

タイアップ記事などもあるので、Webメディアで収益化を目指している方は見ておきたいサイト事例です。

⑧自動車情報サイト(広告収益型)


(引用元:CarWhipサイトTOP キャプチャ)

車に関するニュースや話題の新型自動車からモーターショーまで自動車情報サイト「CarWhip(カーウィップ)」さんがTCDのワードプレステーマ「ROCK」で制作されています。

このサイトを見たい方はこちらからどうぞ。

ROCKの機能をいろいろ活用されているサイトです。背景をブラックにされているので他のサイトとはまた違った印象が違うサイトです。

TOPページは左にナビゲーション、記事2カラムで構成さてています。

⑨コミュニティサイト 


(引用元:カメラガールズサイトTOP キャプチャ)

※コチラのサイトは2021年5月13日現在TCDテーマ「meets」に変更になっておりました。meetsの事例紹介記事はこちらです。
コミュニティ運営・地方創生を手掛ける株式会社ビートルさんのサイト「カメラガールズ」がTCDのワードプレステーマ「ROCK」で制作されています。

このサイトを見たい方はこちらからどうぞ。

⑩占星術によるライフスタイルサイト


(引用元:ZoddiiサイトTOP キャプチャ)

運営者さんが不明なのですが占星術をテーマにしたライフスタイルマガジン「Zoddii」がTCDのワードプレステーマ「ROCK」で制作されています。

このサイトを見たい方はこちらからどうぞ。

こちらのサイトはTCD公式の事例サイトでも紹介されています。

スポンサーリンク

【フッターのカルーセルのみ利用】TCDワードプレステーマ「ROCK」事例

ROCKの特徴的なフッターのカルーセル記事のみを利用しているサイトを紹介します。(記事執筆時の情報)

⑪Hair & Photo Studio


(引用元:TchairサイトTOP キャプチャ)

Hair & Photo StudioセカンドルームTchairさんのサイトがTCDのワードプレステーマ「ROCK」で制作されています。

このサイトを見たい方はこちらからどうぞ。

ROCKをシンプルに使ったサイトです。TOPページでは記事3カラム仕様でフッター部分にスライダーを利用されています。

⑫札幌の住まい情報サイト(広告収益型)


(引用元:住まいの教科書サイトTOP キャプチャ)

Webサイトやアプリの企画をさてている株式会社トリップーさんが運営するサイト「住まいの教科書」がTCDのワードプレステーマ「ROCK」で制作されています。

このサイトを見たい方はこちらからどうぞ。

ROCKをシンプル利用したサイトです。。TOPページでは記事2カラム、右にナビゲーションで構成されています。

この段階で既にROCKでサイトを作成しよう!と決心した方は下の画像をクリックするとTCDのROCKのサイトが開くのでご活用くださいませ。

スポンサーリンク

【フッターの固定記事のみ利用】TCDワードプレステーマ「ROCK」事例

ROCKの特徴的な固定記事のみ利用しているサイトを紹介します。(記事執筆時の情報)

⑬プロバスケットボールチーム公式サイト


(引用元:BIGBULLSサイトTOP キャプチャ)

岩手県を本拠地とするプロバスケットボールチーム「岩手ビッグブルズ」さんの公式サイトがTCDのワードプレステーマ「ROCK」で制作されています。

このサイトを見たい方はこちらからどうぞ。

ROCKをシンプルに使ったサイトです。TOPページでは記事2カラム+右にナビゲートで構成されています。

チームカラーの赤を上手に使って統一感のあるサイトデザインです。

スポンサーリンク

【シンプル利用】TCDワードプレステーマ「ROCK」事例

ROCKの特徴的なフッターのカルーセルと固定記事の両方を使用していないシンプルなサイトを紹介します。(記事執筆時の情報)

⑭オーガニックワインの自社輸入&販売


(引用元:MAVIEサイトTOP キャプチャ)

ぶどう栽培から瓶詰めまで一貫して行うオーガニックワインの自社輸入&販売をされているマヴィ株式会社さんのサイトがTCDのワードプレステーマ「ROCK」で制作されています。

このサイトを見たい方はこちらからどうぞ。

ROCKをシンプルに使ったサイトです。TOPページでは記事2カラム+右にナビゲートで構成されています。

⑮アーティストの公式サイト


(引用元:nilfinityサイトTOP キャプチャ)

女性ボーカルオルタナティブロックバンド【nilfinity】さんのサイトがTCDのワードプレステーマ「ROCK」で制作されています。

このサイトを見たい方はこちらからどうぞ。

ROCKをシンプルに使ったサイトです。TOPページでは記事3カラム仕様で、特徴としては記事のテキスト(冒頭)がなく、画像の上にタイトルが表示される形式をとられています。

⑯スケーターのためのWebマガジン(広告収益型)


(引用元:MARRY MAGサイトTOP キャプチャ)

スケーターでWebコンサルタントのninoさん運営のスケーターによるスケーターのためのWEBマガジン「MARRY MAG」がTCDのワードプレステーマ「ROCK」で制作されています。

このサイトを見たい方はこちらからどうぞ。

ROCKをシンプルに使ったサイトです。TOPページでは記事3カラムで構成されています。

広告を掲載したい方は見ておくと良いサイト事例です。

スポンサーリンク

【まとめ】TCDテーマ「ROCK」のおすすめ度

TCDワードプレステーマ「ROCK」を使った時のイメージはできたでしょうか。

シンプル利用からフッターのカルーセルやフッター固定記事を使ってリッチに見せるサイトまで幅広くアレンジできるのはいいですね。

あとはサイト訪問者(読者)がグリッドタイプのランダムなデザインを好む層なのか、PCとモバイルのどちらでアクセスしてくるのかによりますね。

ぜひ、今回紹介したサイトをスマホでも確認して検討してみてください。

今回、ROCKを使おう!と心が決まった方はこちらのボタンからROCKサイトへどうぞ。

TCDテーマ「ROCK」の詳細はこちら

スポンサーリンク

Kico

82,671 views

1980年生まれの東京おひとりさま暮らし。熱しやすく冷めやすいおひつじ座。興味があることはとことん調べる。最近ハマっているのは、WordPressとゴールデ...

プロフィール

ピックアップ記事

関連記事一覧