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

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

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

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

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

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

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

関連記事

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

    2015.09.24

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

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

    スキル不要!いつもの記事をランクアップするクイックタグ機能
  2. 詳細記事ページのフォントサイズの変更がテーマオプションからできる

    2015.09.18

    詳細記事ページのフォントサイズの変更がテーマオプションからできる

    BLOCでは詳細記事ページ(投稿記事、固定ページ)をはじめ、商品一覧や記事一覧に表示されるタイトルや…

    詳細記事ページのフォントサイズの変更がテーマオプションからできる
  3. 2015.09.19

    マウスで位置調整しながらロゴを設置できるロゴアップローダー機能

    TCDシリーズでお馴染みの機能「ロゴアップローダー」が「BLOC(tcd035)」でも搭載されていま…

    マウスで位置調整しながらロゴを設置できるロゴアップローダー機能
  4. 記事の装飾をより美しくするためのTCD独自機能「クイックタグ」一覧

    2015.09.10

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

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

    記事の装飾をより美しくするためのTCD独自機能「クイックタグ」一覧
  5. 固定ページをスタイリッシュに演出する3種類のページテンプレート

    2015.09.24

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

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

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

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

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

    関連記事一覧をアイキャッチ画像つきでページ下部に自動表示
  7. 国内トップクラスのデザイン・機能・実用性を備えたWordPressテーマTCD一覧

    2015.08.17

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

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

    国内トップクラスのデザイン・機能・実用性を備えたWordPressテーマTCD一覧
  8. 投稿ページ毎にmetaタグの設定機能を搭載

    2015.08.13

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

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

    投稿ページ毎にmetaタグの設定機能を搭載
  9. イメージ画像のキャプション表示テスト

    2015.09.5

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

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

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

コメント

PAGE TOP