Skip to content

著者ページの鉛筆を h1 の末尾へ移し、空のプロフィール枠を描かない (#3229) - #3235

Merged
ma91n merged 1 commit into
mainfrom
author-pencil-3229
Sep 8, 2026
Merged

著者ページの鉛筆を h1 の末尾へ移し、空のプロフィール枠を描かない (#3229)#3235
ma91n merged 1 commit into
mainfrom
author-pencil-3229

Conversation

@ma91n

@ma91n ma91n commented Sep 7, 2026

Copy link
Copy Markdown
Collaborator

Fixes #3229

変更内容

  • themes/future/layout/author.ejs
    • 鉛筆(_partial/edit-pencil、行き先は _profile.yml)を .author-profile の段落の末尾から h1 の末尾へ移した。記事タイトル・特設ページ・部品ギャラリーと同じ置き方
    • .author-profile自己紹介か X / GitHub のリンクがあるときだけ描く。中身の無い空の箱を出さない
    • 自己紹介が無い人にも鉛筆を出す判断(Pull Requestを送るリンクの表示条件を追加 #3186)はそのまま。h1 は全ページ共通なので2ページ目以降にも出る
  • themes/future/layout/_partial/edit-pencil.ejs … コメントの「著者プロフィール」を「著者ページの h1」に直し、置き場所が見出しの末尾で固定であることを書いた
  • CLAUDE.mdPull Requestを送るリンクの表示条件を追加 #3186 の節に 自己紹介が無い著者のページで、鉛筆だけの箱が立つ #3229 の判断を追記(人数も 329/5 → 330/8 に更新)

CSS・scripts/ は触っていない。

比べた2案と選んだ理由

配信 HTML と site.css の実物で両案を描いて並べた(/authors/admin/ 1280px / 375px)。

h1 → h2 見え方
現状 117px 鉛筆1つの箱(54px)が h1 の下に立つ
(1) h1 の行に鉛筆 48px タグページ(/tags/Go/ も 48px)と同じ形。箱は消える
(2) 「自己紹介を書く」の文字を添える 117px 箱と空きはそのまま。12px の文字リンクが h1 の下に1行増える

(1) を採った。

  • 鉛筆はどのページでも見出しの末尾にある(記事の h1・特設ページの h1・部品ギャラリーの h1・section-headingedit)。自己紹介の段落の末尾に置いていた著者ページだけが例外で、ui_partials.js の部品の説明も「見出しの末尾に出る」と書いている。例外を1つ消す変更になる
  • (2) は issue の問題(空箱と空き)が残る。読者向けのページで書き手に呼びかける文言になり、鉛筆の部品に「文字付き」という2つ目の形が生まれる(部品を作る基準 「/specials/gallery」 というpartialで利用されている共通部品を管理する特設ページを作りたい #2985 の「同じ意味の部品」に反する)
  • 「データが1ファイルにまとまっている節は、節見出しに1つ置く」(Pull Requestを送るリンクの表示条件を追加 #3186/specials/engineers/)の形。プロフィールの箱は自分の見出しを持たないので、その見出しは h1

自己紹介がある8人のページ

鉛筆の位置だけが変わる(段落末尾 → h1 末尾)。鉛筆はインラインの 19px で段落の高さに寄与していなかったので、箱の高さ・h1 → h2 の距離は変わらない(実測 1280px: 100px / 164px、375px: 137px / 200px、前後同値)。「8人は今の形のまま」より、鉛筆の置き場所の規則を1つにする方を優先した。

実測(前 → 後)

ページ h1 → h2 .author-profile
/authors/admin/(自己紹介なし) 1280 117px → 48px 54px → 無し
375 118px → 48px 54px → 無し
/authors/真野隼記/(自己紹介あり) 1280 164px → 164px 100px → 100px
375 200px → 200px 137px → 137px
  • 鉛筆は1ページに1つ(.github-edit 1件)、親は h1.list-pagehref…/edit/main/_profile.ymlaria-label は「◯◯さんの自己紹介をGitHubで編集する」
  • Tab 順で鉛筆に止まるのは1回(パンくず「著者」の次、「よく読まれている記事」のアンカーの前)
  • 自己紹介だけの人(/authors/棚井龍之介/)は <p> だけの箱、X / GitHub を持つ人は icon-row も出る。2ページ目(/authors/真野隼記/page/2/)にも h1 に鉛筆が出る

ローカルで通したもの

  • textlintauthor.ejs / edit-pencil.ejs
  • node ui_partials_lint.mjs(見本あり 27 / 理由あり 35、警告なし)
  • markdownlint-cli2 CLAUDE.md

確認ポイント

  • /authors/admin/ … h1 の右に鉛筆、その下がすぐ「よく読まれている記事」
  • /authors/真野隼記/ … 鉛筆が h1 に移り、自己紹介と X / GitHub の並びは変わっていない
  • /specials/gallery/ の h1 … 同じ部品が同じ位置にあること(比較用)

🤖 Generated with Claude Code

自己紹介が無い322人のページでは鉛筆1つの箱(54px)が h1 の下に立ち、h1 → h2 が 117px 空いていた。鉛筆は他のページと同じく見出しの末尾に置き、プロフィールの箱は中身があるときだけ描く。h1 → h2 はタグページと同じ 48px になる。自己紹介がある8人は鉛筆の位置だけが変わり、箱の高さは変わらない。

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
@ma91n
ma91n merged commit b4feeb2 into main Sep 8, 2026
2 checks passed
@ma91n
ma91n deleted the author-pencil-3229 branch September 8, 2026 00:03
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