デザイン改定履歴

このページでは「おんかぼ！」のデザインや機能の変更履歴を掲載します。

Kabocy Emot-a

「おんかぼ」にはデザインテーマである「Kabocy Emot」をベースとした、Kabocy Emot-aが使用されています。

d230920v1005

2023年9月20日

トップページのアクセシビリティの改善、可読性の向上とメンテナンス性を改善するアップデートを行いました。

• アクセシビリティ関連の改善
  • トップページに表示される各アイキャッチ画像にALT属性が反映されていなかったトラブルを修正
• 可読性の向上
  • スマホで開いた際のトップページの「新着情報」一覧のデザインを変更
• メンテナンス性の向上
  • 各ロゴの差し替えを容易にしました。

d230907v1003

2023年9月7月

アーカイブページでの出力エラーの解決と読みやすさ向上を目的とした多数の改善を行いました。

• エラーの解決
  • アーカイブページで別のタグやカテゴリーの記事が混じるトラブルを解決しました。
• モバイル端末向けの改善
  • 投稿ページ
    • 各投稿ページの複数のコンポーネントを調整しました。
  • アーカイブページ
    • 2列表示を1列表示に変更しました。
    • リードの調整を行いました。

▼ 新旧の比較

カテゴリーやタグを選択した際、別のカテゴリーやタグを含む記事が表示されるエラーを修正しました。

アーカイブページを2列から1列に変更しました。(試験中)
また、リード部分の文字サイズや間隔を調節しました。

投稿ページのタイトルの文字サイズを調節しました。

投稿ページの見出し2～6の文字サイズを調節しました。
本文の文字サイズとulタグ、olタグに関しても表示を調節しています。

引用のデザインも調節し、画面が小さなデバイスでも快適に閲覧できるように改善しました。

弊ブログは今後も快適なWebサイトになるべく、改善を続けていきます。

d230107v1001

Kabocy Emoに追加された「補足」、「好事例」、「非推奨」、「警告」の4つのブロックを弊メディアサイトに使用されているKabocy Emot-aに追加しました。

また、Kabocy Emoに先行し、4つのブロックの角を丸めて柔らかい雰囲気にしました。

d220821v1000

• Kabocy Emot-a テーマ
• 「ようかぼ」で使用されている「Kabocy Emot」に少しだけクールを足しました。

Kabocy Emot-a d220821v1000は、Kabocy Emot d220528v1033をベースに作成されています。