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

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

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

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

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

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

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

関連記事

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

    2015.09.24

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

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

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

    2015.08.14

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

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

    タブレット、スマホにも対応したモバイルフレンドリーなレイアウト
  3. 固定ページをスタイリッシュに演出する3種類のページテンプレート

    2015.09.24

    固定ページをスタイリッシュに演出する3種類のページテンプレート

    通常の投稿(ブログ記事)とBLOCの独自機能である「お知らせ」「商品」の2種類のカスタム投稿タイプの…

    固定ページをスタイリッシュに演出する3種類のページテンプレート
  4. 多言語機能搭載。英語にも対応しています。

    2015.09.8

    多言語機能搭載。英語にも対応しています。

    「BLOC(tcd035)」は、日本語だけでなく、グローバルに展開できるよう英語にも対応しています。…

    多言語機能搭載。英語にも対応しています。
  5. イメージ画像のキャプション表示テスト

    2015.09.5

    イメージ画像のキャプション表示テスト

    これは画像位置合わせテスト(アンキャプション付き画像)のページです。ワードプレスのエディタから設定し…

    イメージ画像のキャプション表示テスト
  6. 2015.08.15

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

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

    ロゴは無料でダウンロードできる「ロゴマルシェ」で
  7. 一流のサイトはロールオーバーのアニメーションもかっこいい

    2015.09.24

    一流のサイトはロールオーバーのアニメーションもかっこいい

    WordPressテーマ「BLOC」は、ロールオーバー時の挙動にも重点を置いてデザインされています。…

    一流のサイトはロールオーバーのアニメーションもかっこいい
  8. 2015.09.24

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

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

    サイト内の導線を充実させるTCDテーマオリジナルウィジェット
  9. 投稿ページ毎にmetaタグの設定機能を搭載

    2015.08.13

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

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

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

コメント

PAGE TOP