セルフブランディング

マルチデバイス対応の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. WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  2. photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  3. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  4. 必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  5. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…

関連記事

  1. SEO

    これからのWEB集客のスタンダードになるインバウンドマーケティングが注目されている理由とオウンドメデ…

    自社ホームページを持っているにも関わらず、そのポテンシャルを十分に活か…

  2. SEO

    WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸な記事のまとめ

    ブログツールの中でも圧倒的なシェアを誇るWordpressは、日本でも…

  3. webデザイン

    芸能人のアメーバブログのようなヘッダーを作成・依頼する前に知っておいたほうが良いこと。

    《芸能人のブログヘッダ画像まとめ【モデル偏】【アイドル偏】》などを見る…

  4. 3分の話

    「いつも締め切りに追われてしまう」そんな人がミッションを成し遂げるために克服しておきたい3つの心理メ…

    人生にはさまざまなミッションがある。「嫁さんのヨーグルトを買って来る」…

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

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

最近の記事

  1. 「特訓Photoshopプロのテクニック教えます!」という本…
  2. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  3. Photoshop CCのメニュー文字やツールバーが異常に小…

思考系のおもろい記事

ブログラ
  1. キュレーション

    WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  2. フォトショップ

    見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  3. 3分の話

    フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  4. webデザイン

    「特訓Photoshopプロのテクニック教えます!」という本のWEB版を『無料』…
  5. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
PAGE TOP