refactor(layout): keep content width fixed and document CSS var override (#934)

* fix(layout): split page and content width configuration

* refactor(layout): consolidate page width settings and update documentation

- Removed separate content width configuration from `hugo.yaml` and set a default value of `72rem` in CSS.
- Updated documentation in multiple languages to reflect the changes in page and content width settings, emphasizing the new fixed content width and customization options.
This commit is contained in:
Xin
2026-02-19 23:54:43 +00:00
committed by GitHub
parent 55659bb9c1
commit 8f6aa1db5b
6 changed files with 58 additions and 16 deletions

View File

@@ -342,7 +342,7 @@ params:
### عرض صفحه
عرض صفحه را می‌توان با پارامتر `params.page.width` در فایل پیکربندی سفارشی کرد:
عرض پوستهٔ صفحه را می‌توان با پارامتر `params.page.width` تنظیم کرد:
```yaml {filename="hugo.yaml"}
params:
@@ -351,7 +351,17 @@ params:
width: wide
```
سه گزینه موجود است: `full`, `wide`, و `normal`. به طور پیش‌فرض، عرض صفحه روی `normal` تنظیم شده است.
گزینه‌های `params.page.width`: `full`، `wide`، و `normal`.
عرض محتوای اصلی به صورت پیش‌فرض روی `72rem` ثابت است.
برای سفارشی‌سازی عرض محتوا، متغیر CSS را در فایل استایل سفارشی خود بازنویسی کنید:
```css {filename="assets/css/custom.css"}
:root {
--hextra-max-content-width: 100%;
}
```
به طور مشابه، عرض نوار ناوبری و پاورقی را می‌توان با پارامترهای `params.navbar.width` و `params.footer.width` سفارشی کرد.