センスに自信がない方に朗報なデモデザインを考察

web-kumitatekoubou

JIN:Rには、Webデザインに自信がない初心者にも優しいオリジナル機能のデザインプリセットがあります。

メリットは、

  • 各パーツ間でバランスの良いカラー設定
  • ページレイアウトなどのサイトデザイン設定
  • メインビジュアルの設定
  • コンテンツエリアのブロック配置
  • 見出しデザインやフォントの選択

など、ブログデザインの基本設定が終わっている点です。

あとは、自分で準備した画像と文章をセットするだけで、制作を依頼したかのようなクオリティーのブログが手に入ります。

デモサイトのデザインは23種類の中から選べて、何度でも変更できます。

デザインプリセットはとっても簡単な操作です。WordPressのカスタマイズのメニューを開き、デモデザインをダウンロードするだけです。

For Beginner

初心者におすすめ

サイト型でブログらしいデザインのデモサイトが8種類から選べます。

特に、パソコン操作に不慣れな方でも設定できるように、使う機能やブロックの設定がシンプルにできています。

表示される内容の並びも若干の違いがありますが、主にはカラー設定の違いでブログの設定内容はほとんど同じです。

下記の記事で、デモデザインの特徴や使われているブロックの組み合わせを詳しく解説しています。

合わせて読みたい
JIN:Rのデモサイトを深掘ります。初心者向けでも機能満載！
JIN:Rのデモサイトを深掘ります。初心者向けでも機能満載！
Unique Concepts

コンセプト重視のデザイン

デザイン機能に定評のあるWordPressテーマ JIN:Rのポテンシャルを存分に生かした12種類のコンセプトで、デモデザインが作られています。

  • クラシカルなブログ型デザインやおしゃれなブログに使えるデモデザイン
  • フリーランスや副業でホームページ兼ブログとして使えるデモデザイン
  • ポートフォリオサイトやオンラインサイト風などの少し特殊なデモデザイン

と、幅広いジャンルのデモデザインが準備されています。

デモデザインを紹介する記事では、前準備が必要な内容とデモサイトを構成するブロックの紹介、再現サンプル、カスタマイズの提案をしています。

Corporate Ready

コーポレート対応のデザイン

コーポレートサイトに対応した3種類のデモデザインもあります。オンラインのフライヤーや名刺、会社案内として使うには十分な機能を持っています。

コーポレートサイトに使うデモデザインだからといっても、特別な追加コードは使われていないです。ただ、JIN:Rの標準機能がうまく組み合わせられているだけです。

記事の中で、各エリアの再現サンプルも使ってご紹介していますので、参考になれば嬉しいです。

Flexible Design

デモデザインをベースに加工できる

デザインプリセット機能でデモデザインをダウンロードしても、自分でデザインを加工できます。

例えば、カラー設定の変更やデモサイトで使われているオリジナルブロックの設定を変更するだけで、他のブログとデザインが丸かぶりする心配を減らせます。

ほぼ、標準機能を組み合わせて作られているので、JIN:Rを使い慣れてくると、自分のこだわりを簡単な操作で反映できるのも嬉しいポイントです。

実際に当サイトはコンセプト重視の「Cute」をベースにして、トップページのレイアウトやカラー設定、フォントの変更をしています。

「Cute」からの変更点もご紹介
【実践レビュー】JIN:Rでブログ運営している感想をお届け
【実践レビュー】JIN:Rでブログ運営している感想をお届け
幅広いジャンルに対応する
デモデザインが魅力的
JIN:R 公式を見る
記事URLをコピーしました