突發奇想，或許可以用 Claude 解決每次更新 WordPress 版本都要留意主題 CSS 的問題。今兒個花了半個小時搞定了。

強迫症使然，我喜歡看到自己的網站顯示時，貼文圖片可以用 100% 的大小顯示，而不是受限於主題 (theme) 而被系統自動縮圖。一直以來我都是手動調整 Twenty Eleven theme 的 CSS 檔，設法將寬度多分配一點給貼文欄，又不能讓側邊欄失去功能。不過畢竟手法生疏，只是單憑摸索找出數值。這一回，直接把問題丟給 Claude 吧。

把需求明確告訴 Claude 後，就讓它去思考了。不過最初 Claude 給的 CSS 有問題，側邊欄會被擠掉，還得縮小邊界。最後我懶得動手，直接上傳官方 CSS，要它改好再讓我下載。

原本以為非常簡單的事情，來回了幾次，Claude 提供的解答都還是有問題。我只好上傳我手搓的 CSS 版本給它。

最終，我總算獲得能在螢幕和手機都完美顯示圖文的 Twenty Eleven 主題。新增的 CSS 碼可以寫在主題的 Additional CSS 底下，往後即使更新版本，也都能保持此時的顯示效果。

/* ===== 版面欄寬調整 ===== */
#branding hgroup {
	margin: 0 5.6%;
}
#access div {
	margin: 0 5.6%;
}
#content {
	margin: 0 34% 0 5.6%;
	width: 70%;
}
#secondary {
	margin-right: 5.6%;
	width: 14%;
}

/* 單篇文章頁內文加寬 */
.singular #content,
.left-sidebar.singular #content {
	margin: 0 3.6%;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	width: 75%;
}

/* Showcase / 404 / 單欄版型邊界 */
.page-template-showcase-php #content,
.left-sidebar.page-template-showcase-php #content {
	margin: 0 5.6%;
}
.error404 #primary #content {
	margin: 0 5.6%;
}
.one-column #content {
	margin: 0 5.6%;
}
.one-column #secondary {
	margin: 0 5.6%;
}

/* 搜尋框與頁尾邊界對齊 */
#branding #searchform {
	right: 5.6%;
}
#supplementary {
	padding: 1.625em 5.6%;
}

/* ===== 圖片邊框徹底移除 ===== */
.wp-caption img {
	max-width: 100%;
}
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {
	border: 0;
	padding: 0;
	max-width: 100%;
}