テーマのレビュー

TCDのテーマROCK

TCDの「ROCK」は、グリッドレイアウトのウェブマガジン向けテーマ

平成31年2月20日に、TCDから「ROCK(tcd068)」が発売されました。

ROCKは、今までのテーマに無い、斬新な機能が搭載されたグリッドレイアウトのテーマです。

例えば、記事の中にウィジェットを溶け込ませるように挿入することができたり、

モーダルCTAという注目度抜群のCTAを設定することができたりします。

単にグリッド状に記事を並べただけではなく、デザインの自由度が高く、表現の幅も広くすることができるんですよね。

グリッドレイアウトの中では、トップクラスのテーマでしょう。

進化したグリッドレイアウト

ROCKのグリッドレイアウト

ROCKでは、メイソンリーというグリッドレイアウトを使っています。

そして、そのグリッドレイアウトには、今までに無かった新しい試みがあります。

では、順に見ていきましょう。

メイソンリーのグリッドレイアウト

メイソンリーのレイアウトは、記事が縦横が揃うように並べられたものではなくて、

タイルのようにズレて並べられているものです。(縦の長さも違います)

ズレて表示されているので、レイアウトに変化があっていいですね。

このメイソンリーのレイアウトを使うことにより、記事のタイルにバリエーションを着けることができるようになっています。

メイソンリーではタイルの長さが揃っていなくてもいいので、ROCKのトップページの記事表示方法は、

・アイキャッチありの記事
・アイキャッチなしの記事
・アイキャッチを背景にした記事

の3種類から選ぶことができるようになっています。

記事ごとに表示方法を変えてみるのも良いですね。

★こちらのテーマも参考に↓
DigiPressの「fresco」は、超多機能なスライダーが搭載された斬新なテーマ>>

新しいグリッドレイアウト

ROCKのグリッドレイアウトが他のテーマと違うのは、レイアウトに大きな変化をつけることができる点です。

レイアウトグリッドには、

  • 記事(表示方法は3種類)
  • ウィジェット
  • インフィード広告

を表示させることができます。

記事だけでも3パターンの表示方法があるのですが、それに加えてウィジェットも表示できるのがすごいです。

デモサイトを見てみると、レイアウトグリッドの中に「最新記事」のウィジェットがありますよね。

レイアウトグリッドの中にウィジェットを入れられるのは、ROCKだけだと思います。

これでレイアウトの幅がかなり広がります。

魅力的なヘッダースライダー

ROCKヘッダースライダー

ROCKのヘッダースライダーは、かなりオシャレなデザインになっています。

このスライダーは、どのテーマよりも美しいと思います。

また、スライダーの動きにも注目しましょう。

大きな画像が横にスライドすると、少し遅れて、画像下部に記事タイトルがスライドしてきます。

ちょっと動きに変化をつけるだけで、すごく新鮮な感じがします。

動きが派手すぎず、品の良さを感じます。

毎回思うのですが、こういう絶妙なバランスはTCDが一番なんですよね。

最新のメガメニュー

ROCKメガメニュー

ROCKは、2種類のメガメニューを使うことができます。

メガメニューAは、画像付きでカテゴリーを表示することができます。

デモサイトで言うと、「FASHION」の部分になります。

縦長の画像が横に並ぶのですが、画像が表示された後でカテゴリーの文字が表示されるので、

フワッと表示されたような演出になります。

ヘッダースライダーも時間差で文字が表示されるようになっていて、細部までこだわっているなという印象です。

メガメニューBは、左側にカテゴリー、右側に記事一覧が表示されます。

左側のカテゴリーにカーソルを合わせると、右側にそのカテゴリーの記事一覧が表示されるようになっています。

このメガメニューだけで、かなり多くのメニューを掲載することができますね。

そして、このメガメニューは、動作が軽快なところも素晴らしいです。

カーソルを移動させると一瞬で表示される爽快感は、なかなか他のテーマでは見られません。

モーダルCTA

ROCKモーダルCTA

モーダルCTAとは、画面中央にポップアップするCTAのことを言います。

ROCKのデモサイトでいうと、最初に訪問したときに表示される動画がモーダルCTAになります。

ページを訪れると、画面中央にCTAが表示されるので、一点に注目を集めることができます。

使いすぎだと不快感を与えてしまう恐れがあるのですが、適度に使えば効果抜群なんですよね。

★モーダルCTAはこちらもどうぞ↓
TCDの「FAMOUS」は、モーダルウィンドウが使えるLP仕様のテーマ>>

ROCKのまとめ

ROCKは、美しいデザインのグリッドレイアウトが魅力のテーマです。

TCD初となるメイソンリーのグリッドレイアウトは、隅々まで計算された整然とした美しさがあります。

そして、ただ美しいだけでなく、今まで見たことがないような機能も多く搭載されています。

この記事で紹介したのは、以下の機能です。

  • 時間差で表示されるヘッダースライダー
  • フワッと表示されるメガメニュー
  • とにかく目立つモーダルCTA

そして、今回は触れてはいませんが、これ以外にも、

  • 期間別アクセスランキング
  • リンク集作成機能

などが搭載されています。

これらが一つのテーマに凝縮されているんですよね。

これはグリッドレイアウトのテーマで、最有力のテーマだと思います。

もし自分が記事数が多いサイトを作るのであれば、ROCKは使いたくなるテーマです。

ROCKの詳細はこちら>>

関連記事

  1. DIVA

    TCDの「DIVA」はイベントページとギャラリーを作成できるテーマ

  2. TCDテーマ「SKIN」

    TCDの「SKIN」は画像と動画のスライダーが印象的な美しいテーマです…

  3. tcd-angel

    TCDの「ANGEL」は会員限定コンテンツを作成できるカッコいいテーマ…

  4. fresco

    DigiPressの「fresco」は、超多機能なスライダーが搭載され…

  5. ICONICテーマ

    TCDの「ICONIC」は、安価で美しいECサイトを作成できるテーマ!…

  6. isotypeのmetrix

    isotypeの「METRIX」はマイクロインタラクションを取り入れた…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


PAGE TOP

ブログの作り方

Bloomでブログを作る手順1。記事スライダーとウィジェットを設置

Bloomでブログを作る

ブログの作り方

TCDの「Switch」で企業サイトを作る手順1。設定の仕方を説明

TCDのSwitchでサイト作成

ブログの作り方

TCDの「ONE」でブログを作る手順。トップ画面と記事の設定をします

ONEでブログを作る

ブログの作り方

スワローでブログを作る手順1。基本設定と人気記事を作成

スワローでブログ作成1

ブログの作り方

Diverでブログを作る手順1。プロフィールや記事スライダーを設定しよう

Diverでブログを作る

ブログの作り方

「SANGO」のテーマでメニューボックスを設置してみよう

SANGOメニューボックス