セルフブランディング

マルチデバイス対応のWordPressレスポンシブテーマ【VENUS】の美しさと有効的な使い方

最近ではスマホユーザーが多くなり、レスポンシブは必須とされています。

しかし、一言でレスポンシブと言っても、単純にデバイスの画面サイズに合わせて横幅が縮むだけで、スマホ表示にした途端にデザインの魅力が半減してしまうことがあります

そのためパソコン、スマホのどちらの表示を優先(妥協)するべきか?悩ましいところですが・・

そんな悩みを一掃し、パソコン、スマホ、そしてタブレットなど、どのデバイスにも依存せずに、美しく最適化されたレイアウトを実現したWordpressテーマVENUS】がTCDから登場しました。

VENUS (tcd038)

デモサイトを確認する

デバイスに依存しないレイアウトの美しさ

パソコン

venus01

タブレット

venus33

(※ ↑ はPCのchromeブラウザで表示した再現イメージです、手持ちのデバイスで表示を確認してください。)⇒ VENUSデモサイト

スマートフォン

venus03

パソコン表示では横幅を最大限に活かしたファーストインプレッションでユーザーの視線を掴み、タブレットでは縦長の特徴を有効的に使いコンテンツを魅力的に見せます。

さらにスマホでは、ただ要素を縦に並べるだけではなく、緻密に計算されたレイアウト設計によって、テーマの美しさそのままにレスポンシブデザインを実現しています

用途別に最適化されたデザインテンプレート

VENUSには、会社概要やランディングページを作る際に適した、美しくデザインされた3タイプのテンプレートが用意されています。

venus29

また、このような↓ブログ一覧をギャラリーのように表示することができるページも作成可能です。

venus27

カスタマイズ性に優れたテーマオプション

トップページに表示したいコンテンツは、外観 》テーマオプション 》トップページ 》トップページ表示項目設定 からドラッグ&ドロップで移動するだけで表示順を変更することができます

venus09

BEFORE ⇔ AFTER


トップページには、【NEWS】と【BLOG】一覧を表示することが可能なので、ユーザーに対してお知らせしたりブログの更新を通知する際に役立ちます。

venus32

もし不要であれば、BLOGの新着記事を表示するのチェックを外すことで【NEWS】のみを表示させることができます

venus10

venus11

また、【NEWS】と【BLOG】の両方のチェックを外して非表示にすることも可能です

venus12

venus13


VENUSはスマホでも美しいレイアウトが特徴ではありますが、これもチェックひとつで【レスポンシブデザインを使用しない】に設定することも可能です

venus14

venous15


コーポレートカラー(ブログのイメージカラー)は、外観 》テーマオプション 》基本設定 》色の設定 から、カラーパレットでの直観的な操作で変更が可能

venus18

venus19


トップページのコンテンツ画像やブログ記事一覧のサムネイル画像にカーソルを合わせると、心地よいマウスホバーアクションがクリックを誘発します

venus

マウスホバー時の背景色や透可率も、テーマオプションから調整することができます。

30


このように、VENUSは運営目的に合わせてあらかじめ必要とされるカスタマイズのほとんどが、TCDオリジナルのテーマオプションから設定することが可能なので、Wordpress初心者でも簡単にカスタマイズすることができます。

さらに個別にカスタマイズしたい場合には、テーマオプション内の【カスタムCSS】に記述することで、直接テーマのCSSをいじることなくカスタマイズすることも可能です

venus16

この機能を使うことで、リセットされることを心配する必要なく、安心してテーマをアップデートすることができます

VENUSの有効的な使い方

VENUSには、洋服やジュエリーなどのプロダクトを紹介することができるブランドページが用意されており、ブランド 》新しく追加 から、画像と説明文を設定することができます。

22

商品紹介のブランドページに、【SPIKE】などのオンライン決算システムを導入することで、個人でも気軽にアパレルショップを運営することができます。

jew16

SPIKEは、アカウントを作成して簡単にオンライン決済がはじめられますが、販売者情報などを入力する必要があるので、あらかじめ特商法ページも作成しておくとスムーズ。

SPIKEから購入ボタンのタグをコピーしてきます。

jew11

ブランドページの投稿画面に購入ボタンのコードをペーストします。

21

すると、購入ボタンが設置され、クリックすると決済画面が表示されます。

23

高級ファッションブランドや一流のアパレルショップに限らず、個人ブランドを確立していきたい事業者に最適化された、ハイセンスなデザインテーマVENUSの詳細はこちら↓

デモサイトを確認する

スリームデザインの無料メールマガジン

ピックアップ記事

  1. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  2. 必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  3. フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  4. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  5. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…

関連記事

  1. ワードプレス

    「放置しちゃダメっ!」WordPressの不要なテーマを削除する方法

    Wordpressブログで新しいテーマをインストールすると、新しい部屋…

  2. キュレーション

    WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ

    ここでは、日本で最もデザインクオリティが高いと称されるWordPres…

  3. 【PR】

    Youtube動画をヘッダーの背景に表示することができるWordPressテーマ【ORION】の感動…

    YoutubeやMP4動画をヘッダーの背景に表示することができる、Yo…

  4. webデザイン

    画像の上をカーソルでなぞってビフォアーアフターイメージを実装させるワードプレスプラグインBefore…

    当スリームデザインのブログではフォトショップ技術などを紹介しており、加…

Wordpress日本語テーマのまとめ
photoshop日本語チュートリアル

よく読まれている人気の記事

最近の記事

  1. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  2. Photoshop CCのメニュー文字やツールバーが異常に小…
  3. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単な…

思考系のおもろい記事

ブログラ
  1. SEO

    WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  2. 3分の話

    柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  3. キュレーション

    WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  4. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  5. キュレーション

    必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
PAGE TOP