WEBサイトを入り口に自社の商品や作品を多くの人に知ってもらうためには、掲載コンテンツが充実していることはもちろん、第一印象のインパクトやセンスの良さをアピールすることが不可欠です。

WordPressテーマ「BLOC」は商品画像やアイキャッチ画像をオシャレに魅せることに特化しています。

整然と敷き詰められたタイルのように画像が美しく並ぶトップページでは、2種類の画像サイズを使い分けたり、テキストのみのタイルを織り交ぜたりすることにより一般的な画像ギャラリーとは一線を画したこなれ感とメリハリを演出することが可能です。

スマホからのアクセス時は画像に加えて記事情報が表示される仕様となっており、ユーザビリティを損なうことなくスタイリッシュなトップページを実現しました。

また、引き算の思考から罫線を多用せず華美な装飾を一切排除し、背景色をベースに構成することで、画像を最大限引き立たせるデザインに仕上げています。

サイトを印象づけるのに効果を発揮するメインカラー・サブカラーを自由に設定できるだけでなく、商品一覧で画像にマウスカーソルを乗せた際の背景色や画像の透明度、さらにブログ記事一覧では記事ごとの背景色を設定……などなど、難しい専門知識がなくとも、簡単にサイト独自のカラーを表現することができます。

数あるビジュアルメインのWEBサイトの中で、一歩抜きん出るための工夫と演出を随所に散りばめたこだわりのテーマです。

関連記事

  1. タブレット、スマホにも対応したモバイルフレンドリーなレイアウト

    2015.08.14

    タブレット、スマホにも対応したモバイルフレンドリーなレイアウト

    サイトがモバイルフレンドリーかどうかは検索順位にも影響する重要なものです。当テーマであれば、PC、ス…

    タブレット、スマホにも対応したモバイルフレンドリーなレイアウト
  2. スキル不要!いつもの記事をランクアップするクイックタグ機能

    2015.09.24

    スキル不要!いつもの記事をランクアップするクイックタグ機能

    BLOCのテーマCSSにはあらかじめ、記事作成時によく使用する見出しタグ、リンクボタン、囲み枠といっ…

    スキル不要!いつもの記事をランクアップするクイックタグ機能
  3. スマホ専用のウィジェット配置が可能

    2015.08.16

    スマホ専用のウィジェット配置が可能

    「BLOC(tcd035)」はレスポンシブ表示に対応しております。ウィジェットもスマホ専用の配置が可…

    スマホ専用のウィジェット配置が可能
  4. 国内トップクラスのデザイン・機能・実用性を備えたWordPressテーマTCD一覧

    2015.08.17

    国内トップクラスのデザイン・機能・実用性を備えたWordPressテー…

    WordPressテーマTCDシリーズのテンプレートをご紹介します。TCDシリーズのテンプレートはい…

    国内トップクラスのデザイン・機能・実用性を備えたWordPressテーマTCD一覧
  5. 記事の装飾をより美しくするためのTCD独自機能「クイックタグ」一覧

    2015.09.10

    記事の装飾をより美しくするためのTCD独自機能「クイックタグ」一覧

    テーマ付属の設定ファイルに入っているクイックタグの表示サンプル一覧です。エディタ上に表示されるク…

    記事の装飾をより美しくするためのTCD独自機能「クイックタグ」一覧
  6. 2015.09.20

    関連記事一覧をアイキャッチ画像つきでページ下部に自動表示

    TCDシリーズのWordPressテーマではおなじみの機能となっているので、珍しくはないと思いますが…

    関連記事一覧をアイキャッチ画像つきでページ下部に自動表示
  7. 投稿ページ毎にmetaタグの設定機能を搭載

    2015.08.13

    投稿ページ毎にmetaタグの設定機能を搭載

    SEO強化機能の一つとして、詳細記事ページと固定ページごとに、「meta title」「meta d…

    投稿ページ毎にmetaタグの設定機能を搭載
  8. 2015.09.24

    サイト内の導線を充実させるTCDテーマオリジナルウィジェット

    TCDテーマではおなじみのオリジナルウィジェット「デザインされた記事一覧」。これは特定の記事をアイキ…

    サイト内の導線を充実させるTCDテーマオリジナルウィジェット
  9. 2015.08.15

    ロゴは無料でダウンロードできる「ロゴマルシェ」で

    当テーマはロゴを設定しない場合には、サイトタイトルとサイトの説明がテキストで表示されます。それでも(…

    ロゴは無料でダウンロードできる「ロゴマルシェ」で

コメント

PAGE TOP