DIVER、全然ダメではない。
むしろ「慣れてるテーマを使う」のはかなり大事。
ただ、この企画においては👇
👉 “DIVER感”を消せるかが勝負。
■結論
■おすすめ判断
👉 最初はDIVERでOK。 ただし👇
- ブログ感
- アフィ感
- 情報商材感
を徹底的に消す。
■DIVERの強み
■①更新しやすい
これは超重要。
世界観サイトって👇
👉 「更新止まる」が最大の敵。
だから、 慣れてるテーマは正義。
■②カスタマイズしやすい
- CSS追加
- 固定ページ
- カテゴリ設計
やりやすい。
■③記事管理が楽
今回かなり重要。
- ログ
- 記録
- 文書
が大量に増えるから。
■問題は“初期デザイン”
DIVERデフォルトって👇
- 明るい
- ブログ
- SNS
- アフィ
感が強い。
■つまり
👉 “テーマを使う”というより
👉 “DIVERを素材にして別物へ改造”
の感覚。
■やるべき改造(重要順)
■①カードUIを弱める
DIVERは👇
- 丸い
- ポップ
- カード型
が強い。
■対策
- 角丸消す
- 影消す
- 境界線細く
CSS例👇
.post-list .post {
border-radius: 0;
box-shadow: none;
border: 1px solid #2a2a2a;
}
■②色を全部殺す
DIVERの鮮やか色を消す。
■方向
- 黒
- 灰
- 錆色
- 暗赤
だけに寄せる。
■③フォント変更(超重要)
デフォルト感を消す。
■おすすめ
- IBM Plex Sans JP
- Noto Sans JP
■④余白を詰める
普通ブログ: 👉 呼吸しやすい
バベル: 👉 息苦しい
だから👇
p {
margin-bottom: 0.8em;
}
くらいで密度を上げる。
■⑤ヘッダーを“監視システム化”
普通のメニューじゃなく👇
[ 記録保管庫 ]
[ 黒海観測 ]
[ 選別局 ]
[ 構造資料 ]
👉 官公庁UIっぽくする
■⑥サイドバーが超重要
DIVERはサイドバー活きる。
■おすすめ内容
黒海侵食レベル:5
本日の切断件数:12
残存中層:63%
👉 世界が生きる
■⑦アイキャッチを統一
超重要。
■ルール
- 暗い
- 工業
- 横長
- 白黒寄り
👉 これだけで“作品化”する
■DIVERでむしろ相性いい点
■記事回遊
この作品、ログ読むの楽しいから👇
👉 内部回遊強いテーマは相性いい。
■一番大事なこと
DIVERを使っても👇
❌ 「創作ブログ」
にしない。
目指すのは👇
⭕ 「実在する監視記録システム」
■おすすめ実装順
■最初
- DIVER導入
- 色変更
- フォント変更
- ヘッダー作る
■次
- 行政文書CSS
- ログテンプレ
■最後
- カスタム投稿
- DB風UI
■結論
DIVERは「悪い」んじゃなくて👇
👉 “デフォルトの空気をどこまで殺せるか”
がポイント。
逆に言うと、
慣れてるテーマで世界観を積み上げる方が、完成まで行ける可能性高い。