Skip to content

お知らせ記事のレイアウト改善(段落間スペースと見出しスタイルの追加)#27

Merged
yasulab merged 3 commits intomainfrom
improve-post-layout
Jan 27, 2026
Merged

お知らせ記事のレイアウト改善(段落間スペースと見出しスタイルの追加)#27
yasulab merged 3 commits intomainfrom
improve-post-layout

Conversation

@yasulab
Copy link
Member

@yasulab yasulab commented Jan 27, 2026

概要

記事本文の段落間スペースと見出しのスタイルを追加し、読みやすさを向上させました。

変更内容

  • _layouts/post.html: 段落と見出しのスタイルを追加
    • 段落間スペース: pmargin-bottom: 1.5rem
    • h2 見出し: 下線付き(サイトのアクセントカラー #00AFAA)
    • h3 見出し: シンプルなスタイル

改善点

  • 段落が詰まって表示される問題が解消
  • 見出しが視覚的に明確になり、記事構造の理解が容易に
  • 全体的な可読性が大幅に向上

視覚的な確認(左: Before、右: After

段落間スペースの追加

diff

段落間スペースの追加(上記) + 見出しスタイル追加

diff

関連

Ref: #26

記事本文の段落間に適切なスペース(1.5rem)を追加しました。

これにより、段落が詰まって表示される問題が解消され、
読みやすさが向上しました。

Ref: #26
エディタの自動フォーマットに従い、ファイル末尾に空行を追加しました。
記事内の見出し(h2, h3)に適切なスタイルを追加しました。

- h2: 下線付き、サイトのアクセントカラー (#00AFAA) を使用
- h3: シンプルなスタイル
- 適切なマージンとフォントサイズで可読性を向上

Ref: #26
@yasulab yasulab changed the title 記事レイアウトの改善(段落間スペース追加) お知らせ記事のレイアウトの改善(段落間スペースと見出しスタイルの追加) Jan 27, 2026
@yasulab yasulab changed the title お知らせ記事のレイアウトの改善(段落間スペースと見出しスタイルの追加) お知らせ記事のレイアウト改善(段落間スペースと見出しスタイルの追加) Jan 27, 2026
@yasulab yasulab merged commit 070f6a1 into main Jan 27, 2026
2 checks passed
@yasulab yasulab deleted the improve-post-layout branch January 27, 2026 04:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant