JIN:Rの「フルワイド」の特徴！トップページの「下地」を作るデザイン要素
JIN:Rの「フルワイド」は、トップページやLPにおいて、コンテンツの下地を作ってくれるブロックですね。
JIN:Rの「フルワイド」のデザイン例
↓この灰色の帯の部分が「フルワイド」のブロックです。コンテンツ全幅まで色が広がるようになっています。
フルワイドの基本例（広めコンテンツ幅）
ここにコンテンツが入ります。背景色は画面いっぱいに広がります。
※ PCで見ないとイマイチよくわからないかもしれません。
フルワイドの基本例（記事幅）
ここにコンテンツが入ります。背景色は画面いっぱいに広がります。
※ PCで見ないとイマイチよくわからないかもしれません。
フルワイドの基本例（100％幅）
ここにコンテンツが入ります。背景色は画面いっぱいに広がります。
※ PCで見ないとイマイチよくわからないかもしれません。
他ブロックとの組み合わせ例
例１：他ブロックと一緒に使いこなそう
他のオリジナルブロックも合わせて使いこなすと、あらゆる表現が可能になります。
JIN:Rは直感的な操作性を追求したWordPressテーマ。
これまでのグーテンベルグにあった特有の使いづらさを解消して、最高に使いやすいツールへと昇華させました。
JIN:Rは、どんなサイトにも馴染むデザイン美も追求して制作。
個人ブログ・コーポレートサイト・ポートフォリオなど、あらゆるWEBデザインに対応できる能力を持っています。
JIN:Rは、どんなサイトにも馴染むデザイン美も追求して制作。
個人ブログ・コーポレートサイト・ポートフォリオなど、あらゆるWEBデザインに対応できる能力を持っています。
例２：背景画像をセット
フルワイドブロックには画像をセットすることも可能。アイデア次第でデザインは無限に生まれてきます↓
JIN:Rは直感的な操作性を追求したWordPressテーマ。これまでのグーテンベルグにあった特有の使いづらさを解消して、最高に使いやすいツールへと昇華させました。
さらに、デザインの美しさにもこだわり、どんなサイトにも馴染む心地よさを追求して作り上げました。個人ブログ・コーポレートサイト・ポートフォリオなど、あらゆるWEBデザインに対応できる能力を持っています。
例３：パララックス表現でかっこよく
パララックス表現（画像がスクロールに応じて流れる表現）にも対応しているので、個人ブランディングや、コーポレートサイトでもイメージ作りもばっちりできます↓
例４：ぼかし表現を取り入れる
他にも、画像ぼかし機能を活用することで、記事のアイキャッチっぽく仕上げることだってできます↓
イラストレーターになるまでの人生
24歳まで普通の会社員として働いていた私ですが、昔の夢を諦めきれずにフリーランスのイラストレーターとして独立。最初は大変だった日々、１から振り返ってみます。
こんな感じで、アイデア次第であらゆる表現ができるようになるのが「フルワイド」のブロックです。
トップページのデザイン幅をグッと広げてくれるアイテムなので、これをぜひ使いこなして美しいサイトに仕上げてみてください。
会社員として働くのが嫌すぎて、2016年に収入0円でブログ起業。SEOとアフィリエイトを組み合わせて開始1年で月100万円超の利益を達成する。
しかしその反動でアフィリエイトには飽きてしまい、もともと好きだったデザインを武器に、チームでWordPressの開発をおこなっている。
