MENU
無料でプレスリリース「ブロググ」
WP-Search
WordPressサイト解析「WP-Search」
WP-Search

ROCK(tcd068)を使ったサイトデザイン事例集【企業サイト/ブログ】

この記事では、WordPress有料テーマ「ROCK」で作ったおしゃれなホームページやブログの、使用プラグインまでわかるサイト例をご紹介します。

TCDテーマ「ROCK(ロック)」のコーポレートサイト(企業サイト)ブログメディアのサイト集から、カスタマイズ例の手本となる参考サイトを見つけましょう。

のデモサイトを確認したあと、WP-Searchの事例集からピックアップしたサイト例・ブログ例を見ていきます。

suya

グリッドレイアウトを採用しています。

なるほどくん

なるほど!配置が自由自在ですね。

グリッドレイアウト採用のTCDテーマ事例集一覧

TCDテーマのサイト事例集をすべてまとめた一覧は、以下をご覧ください。

この記事でできること
  • ROCKを使ったサイト使用例を見つけられる
  • コーポレートサイトブログメディアを見つけられる
  • 使用しているプラグインもわかる
この記事を書いた人

suya @suyasite

この記事を最後まで読めば、ワードプレス有料テーマ「ROCK(ロック)」を使ったWebサイトがすぐに見つかります。

ぜひ最後まで進めてみてください。

\ グリッドレイアウト /

目次

0) TCDテーマ「ROCK」の製品情報を確認

まずはROCKの販売価格やライセンスなどの製品情報を確認しておきましょう。

公式サイトhttps://tcd-theme.com/tcd068
販売価格29,800円(税込)
購入場所公式サイトのみ
販売形態買い切り(維持費はかかりません)
支払い方法クレジットカード・銀行振込・PayPal
複数サイト◯(使い回し可能)
ライセンス形態スプリットライセンス(非GPL)
アップデート会員サイトからダウンロード
販売元株式会社デザインプラス
参考:ROCK製品情報

ROCKはグリッドレイアウト採用テーマ

大手メディアすらも出し抜き、

感度の高い大人たちを惹きつける魅力を持った

都会的なウェブマガジンを作りませんか?

引用元:TCD公式サイト

ROCKは、TCD公式サイトでメディア向けブログ向けのテーマとして紹介されています。

実際の導入事例を見ると、用途に縛られずに使われていることが多いようです。

TCD公式の分類
当サイトの分類
  • メディア
  • ブログ
  • グリッドレイアウト

グリッドレイアウトは、タイル型にブロックが並ぶレイアウトで、画像サイズなどの違いによって少しずれて表示されるのが特徴です。

最大2〜4カラムに設定できますが、モバイル(スマホ)表示では1カラムにできます。

TCDテーマ「ROCK」のグリッドレイアウト

1) ROCKのデモサイト(サンプル)を確認

ROCKの公式サイトには、デモサイト(DEMO SITE)集が準備されていません。

確認するとしたら、デモサイト1つになります。

ROCK公式サイト

どんなデザインができるかは、テーマ選定の大きなポイントです。

ROCKを使ったサイトをたくさん見たい場合は、以下を参考にしてください。

2) ROCKテーマのサイト・ブログ事例一覧

WordPressのサイト解析サービス「WP-Search」では、テーマやプラグインごとのサイト・ブログの事例集を確認できます。

URLからWordPressサイトのサーバー、テーマ、プラグインを調べる確認ツールとしても利用できます。

そのため、みんなが「このサイトのテーマは何だろう?」と気になって検索したサイトが集まっています。

1) ROCKを使ったコーポレートサイトの例

ROCKサイト型デザイン(ホームページ型デザイン)の参考にしてください。

SPOTTED PRODUCTIONS
マヴィ株式会社

2) ROCKを使った団体・組織サイトの例

ROCKサイト型デザイン(ホームページ型デザイン)の参考にしてください。

開花宣言プロジェクト
nilfinity

3) ROCKを使ったブランドサイトの例

ROCKプロダクト型デザインの参考にしてください。

La gracieux(ラグラシー)

4) ROCKを使った店舗・施設メディアの例

ROCKローカル型デザインの参考にしてください。

2nd room TChair
スポーツサイクル ウエキ

5) ROCKを使ったWebメディア・Webマガジンの例(雑誌)

ROCKブログ型デザイン(メディア型デザイン)の参考にしてください。

HONEY(ハニー)
BUZZ GOLF(バズゴルフ)

6) ROCKを使ったWebメディア・Webマガジンの例

ROCKブログ型デザイン(メディア型デザイン)の参考にしてください。

PHaT PHOTO
MarryMag

7) ROCKを使った個人メディアの例

ROCKブログ型デザイン(メディア型デザイン)の参考にしてください。

手島いさむオフィシャルWEBサイト
5150公式サイト

8) ROCKを使ったブログメディアの例

ROCKブログ型デザイン(メディア型デザイン)の参考にしてください。

どすえ
SOGOODS.NET

ROCKを始める

デザインのイメージができたら、「ROCK」を始めてみましょう。

以下のボタンからダウンロードできます。

\ グリッドレイアウト /

デザインを依頼するなら

デザインを人に頼みたいなら、「ココナラ(coconala)」でプロにお任せしましょう。

以下のボタンから、TCDテーマのカスタマイズを検索できます。

\ 無料登録 /

その他のクラウドソーシングサイトについては、以下をご覧ください。

一括見積もりなら

Web制作・HP制作の業者に一括見積したいなら、「」でまとめて依頼できます。

ホームページ制作.jpなら、専門コンサルタントがヒアリングしてくれます。

\ 無料ヒアリング・無料見積

その他の一括見積サイトについては、以下をご覧ください。

WordPressサイト解析ツール&サイト事例集「WP-Search」

テーマ・プラグイン・サーバーを調べる

WP-Search」は使用しているテーマだけでなく、プラグインレンタルサーバーなども調べることができます。

以下のボタンからアクセスして、気になるサイト・ブログをURLで検索してみましょう。

サイト事例集に掲載する

WP-Searchのサイト事例集に掲載を希望する場合は、以下のページをご覧ください。

マニュオンのサイト事例集(本ページ)に掲載を希望する場合は、以下からお問い合わせください。

  • 必ず掲載されるとは限りませんのでご了承ください。

この記事のまとめ

ROCK(ロック)」の公式サイトで、デモサイトがないか確認しましょう。

ROCKを使ったサイト・ブログの事例集は「WP-Search」で確認できます。

なるほどくん

ROCKって自由なレイアウトにできますね。

その他のTCDテーマのサイト事例集は、以下をご覧ください。

その他のWordPressテーマのサイト事例集は、以下をご覧ください。

WordPressテーマのシェアに基づく人気ランキングは、以下をご覧ください。

読者の声を紹介させてください

この記事をご紹介いただいた方がいらっしゃいましたら、読者の声として掲載させていただきます。

ぜひご連絡いただければと思います。

この記事が役に立ったらご紹介ください!

コメント

コメントする

目次