note を見に行く

JIN:Rはプリセットデザインが秀逸すぎる【初心者向けカスタム】

kns7-pink1
とらちゃん
とらちゃん

こんにちは、とらちゃんです

4月に入ってからZINEの制作やら何やらで忙しく、すっかりブログがおざなりでございました

やっとおちついたので、改めてブログをカスタムしたよ~~!

このサイトのテーマはこちら
スポンサーリンク

初心者はJIN:Rはプリセットデザインから!

いままでアレコレと試してみた結果、友人から「前とデザインが変わって見にくくなった」とありがたいご助言をいただきまして

はてブ時代からを考えるとかなりカスタムしているし、タブブロックを使ったカテゴリ分けをしていたのが悪いように作用していたみたい

見辛いなら本末転倒!思い切ってトップページをプリセットデザインに戻しました

プリセットデザインって?

初期デザインってダッサイんでしょ~~?と思っていたけれど、センスのない私よりプロが作った方が絶対いいに決まっているからね!

設定は簡単・視覚的に

今回は初期搭載されているプリセットデザインの#4 Toy Yellowを設定中

「カスタマイズ」から簡単に選べて操作できるのがうれしいね。

配色が一括変更できる

おおまかなデザインはもちろん、メインカラーなどが一括で設定できるのが便利!

細かいところは個別で調整できるので、今回もGeminiくんに他の色のオススメを聞いて調整したよ

とらちゃん
とらちゃん

サイトを作成するにあたり、メインカラーを#f2fbe8にした場合に他に使用する組み合わせの良い色を2色ピックアップしてください。サイト構築において重要な点は以下の通りです。

・視認性がよいこと
・淡い色でゆったり、おだやかな雰囲気

AIとらちゃん
AIとらちゃん

なるほどね。

この色をもとに、ウィジェットのサイドバーの色だけ変更。

Geminiくん、やっぱりいい仕事するね!

うちのGeminiくん
AI「Gemini」が便利なので課金しますた。画像生成がめっちゃ便利~~!
AI「Gemini」が便利なので課金しますた。画像生成がめっちゃ便利~~!

使いこなせないデザインのセッティング

記事スライダーやピックアップ記事など、やろうとも思っていなかったことがワンタッチで完了するのはめっちゃ便利!

全くつかいこなせていないJIN:Rお得意のブロックがすごく生きてくる・・・

やっぱりプロがデザインしたものって、意味があるんだね

今回のカスタム場所

ということで今回はトップページをはじめ、数カ所いじってみました

どれも簡単にできたからもっと早くやればよかった~~!!

トップページ

プリセットデザインをちょっとだけ変更

最新記事を先頭に、プリセットのままだと最新記事(タイトルのみ)だったところをタブブロックを使ってカテゴリ分けした記事を掲載。

スマホでもタブ変更はできるね!

大まかなデザイン枠があるから、0から作るよりカスタムが楽ちん!

ウィジェット

サイドバーにカテゴリ分けリッチメニューを追加

Canvaで画像を作って、各カテゴリ一覧となる固定ページを作成したよ!

視覚的にカテゴリ分けができるようになったかな~

とらちゃん
とらちゃん

思い切ってトップページにはサイドバー表示をなくしたよ!

全ページ共通

メニューを整え

今までできてるんだかそうでないんだか分らなかったメニューを再度整えたよ。

位置の調整や表示するカテゴリは今後修正を重ねていくよ!

まとめ:初心者は黙ってプリセットデザイン!

こんな感じで、全部で2時間ぐらいで完了!

とらちゃん
とらちゃん

ド素人がここまで出来たら充分すぎる!

とりあえず、当面はこのカスタムで行こうと思います!

やっぱりテーマを初心者向けのJIN:Rにしてよかった・・・

スポンサーリンク
記事URLをコピーしました