نمونهای طولانی برای بررسی همهی بلوکها و حالتهای خواندن
آزمایشگاه کامل متن غنی
یک پست آزمایشی برای تست متن کوتاه، متن بلند، فرمتهای پایه و تمام کامپوننتهای سفارشی متن غنی.
راهنمای تست متن غنی
این صفحه یک آزمایشگاه محتوایی است: کوتاه و بلند، ساده و ساختاریافته، برای اینکه هر جزئی از ویرایشگر متن غنی در یک صفحه واقعی دیده و بررسی شود.
کوتاه: این یک جمله برای تست ریتم است. پررنگ، ایتالیک، زیرخطدار، خطخورده و کد درونخطی.
یک پاراگراف بلند باید در صفحه نفس داشته باشد، بدون اینکه خواننده را با دیوار یکنواختی از کلمات خسته کند. این نمونه عمداً چند جمله با ریتمهای متفاوت دارد؛ از مشاهدهای کوتاه شروع میکند، به یک تصمیم اجرایی میرسد و در پایان دوباره به تجربه انسانی فضا برمیگردد. هدف، آزمایش فاصلهگذاری، عرض ستون، ارتفاع خط و رفتار متن در حالتهای باز و بسته نوار کناری است.
تیترهای قابل تنظیم
زیرتیتر سطح سه
این پاراگراف کوتاه زیر یک زیرتیتر قرار گرفته تا نسبت اندازهها و فاصلهها روشن باشد.
تیتر سطح چهار
برای آزمایش متنهای چندخطی، جمله زیر عمداً کمی طولانیتر است و باید در عرضهای مختلف بدون شکست ناخوشایند دیده شود.
تیتر سطح پنج
کوچکترین سطح تیتر در این نمونه، یک بخش کوتاه و فشرده را معرفی میکند.
یادداشت سردبیر · نمونه کوتاه
متن درشت برای لحظهای است که یک ایده باید قبل از توضیح کامل دیده شود؛ یک جمله کوتاه، روشن و بهیادماندنی که ریتم مقاله را عوض میکند.
برای تست پیوند سفارشی، به آرشیو مجله بروید سپس پیوند داخلی را هم ببینید: پروژه کا.
بهترین سیستم محتوا سیستمی نیست که بیشترین گزینه را دارد؛ سیستمی است که هر گزینهاش در جای درست، خوانایی و معنا تولید میکند.
- فهرست گلولهای با متن کوتاه
- یک گزینه با توضیح کمی بلندتر برای تست شکست خط
- گزینه سوم برای بررسی فاصله عمودی
- مرحله اول: ساختار را ببینید
- مرحله دوم: عرض متن را تغییر دهید
- مرحله سوم: حالت نوار کناری را عوض کنید
بلوکهای محتوایی سفارشی
سه قاب از آرشیو پروژه
سه مدل برای سه موقعیت
| ویژگی | معیار | کوتاه | بلند |
|---|---|---|---|
| ریتم | تند | آرام | پیوسته |
| تمرکز | یک ایده | چند نکته | روایت کامل |
| کاربرد | کالاوت | مقاله | گزارش |
پرسشهای تستی
این صفحه برای انتشار نهایی است؟
خیر، این یک مطلب نمونه برای بررسی کامپوننتها و رفتار صفحه است.
آیا متن کوتاه هم مهم است؟
بله، متن کوتاه برای تست ریتم، فاصله و تصمیمهای responsive ضروری است.
از کجا باید شروع کرد؟
با تغییر عرض پنجره، باز و بسته کردن سایدبار و بررسی هر بلوک در حالت روشن و تاریک.
وقتی محتوا ساختار داشته باشد، طراحی مجبور نیست برای دیده شدن فریاد بزند.
const article = {
slug: "rich-text-feature-lab",
blocks: "all",
copy: ["short", "long"],
};
console.log("Test the whole reading surface");پایان آزمایش
اگر همهچیز درست کار کند، این صفحه باید یک مسیر خواندن طولانی اما منظم بسازد؛ تصاویر باید بهدرستی بارگذاری شوند، جدول در عرض کم اسکرول افقی داشته باشد، جزئیات FAQ باز و بسته شوند و تمام متنها در حالت فارسی و انگلیسی خوانا بمانند.