مقدمه (H1)
ویرایشگرهای مدرن امروزی فقط ابزاری برای تایپ متن نیستند؛ آن‌ها بستری برای خلق تجربه‌های تعاملی هستند.
سماطب نیز با ویرایشگر بلاک‌محور خود، این امکان را فراهم کرده که نویسندگان، مدیران محتوا و بازاریابان بتوانند محتواهایی غنی، ساختارمند و چشم‌نواز بسازند.
در این مقاله، نه تنها تمام بلاک‌های ادیتور را تست می‌کنیم، بلکه محتوایی مفهومی و جذاب خواهیم ساخت تا در حین تست، از خواندنش هم لذت ببرید.
قدرت تیترها در هدایت خواننده - (H2)
چرا تیتر مهم است؟ (H3)
تیترها مانند تابلوهای راهنما هستند. وقتی مقاله‌ای طولانی باشد،تیترهای خوب مسیر مطالعه را روشن می‌کنند.
۲. الهام گرفتن از نقل‌قول‌ها (H2)
«کلمات قدرت دارند، آن‌ها می‌توانند الهام‌بخش یا ویرانگر باشند. انتخاب با شماست.» — ناشناس
گاهی یک جمله‌ی الهام‌بخش می‌تواند کل حال‌وهوای مقاله را تغییر دهد.
۳. سازماندهی ایده‌ها با لیست‌ها (H2)
لیست شماره‌دار – گام‌های موفقیت (H3)
تعیین هدف
برنامه ریزی
اقدام
بازبینی
این یک پاراگراف است که بعد از آن دو آیتم شمارشی لیستی نمایش داده می شود.
این لیست جدید است
این دومین آیتم است
لیست بولت‌دار – ارزش‌های کلیدی سماطب (H3)
کیفیت
نوآوری
رضایت مشتری
لیست چک‌باکس – کارهای باقی‌مانده (H3)
تکمیل طراحی رابط کاربری (چک شده)
اتصال بک اند به دیتابیس
تست نهایی و انتشار
4. نوشتار آزاد (H2)
این بخش، فضای خلاقیت شماست. می‌توانید داستان بگویید، آموزش دهید یا حتی خاطره تعریف کنید.
به عنوان مثال، تصور کنید یک پزشک مقاله‌ای درباره «راه‌های حفظ سلامت قلب» می‌نویسد و در همین ادیتور، عکس‌ها، ویدئوها و آمارها را اضافه می‌کند.
۵. نمایش کد (H2)
باید پلاگین هایلایت کد رو هم اضافه بکنم که راحت تر بشه کد هم در ادیتور اضافه کرد در ادامه یک کد جاوااسکریپت خیلی ساده برای تست هایلایت نوشته شده است. این بلاک باید بصورت LTR نمایش داده شود و هایلایت داشته باشد.
// تابعی برای محاسبه مجموع اعداد
function sum(numbers) {
return numbers.reduce((a, b) => a + b, 0);
}
console.log(sum([5, 10, 15])); // خروجی: 30۶. نمایش داده در قالب جدول (H2)
دو ستونه (H3)
در ادامه یک جدول دو ستونه باید نمایش داده شود که محتوا بصورت کامل و منظم داخل جدول چیده شده است
مزیت‌ها | کاربردها |
|---|---|
صرفه‌جویی در زمان | تولید محتوای آموزشی |
سازماندهی بهتر محتوا | بازاریابی دیجیتال |
سه ستونه (H3)
در ادامه محتوا رو داخل یک جدول یه ستونه چیده ام باید بصورت کامل و صحیح نمایش داده شود
مهارت | سطح | توضیح کوتاه |
|---|---|---|
نویسندگی | پیشرفته | خلق متن جذاب |
سئو | متوسط | بهبود رتبه سایت |
طراحی | مقدماتی | ساخت تصاویر ساده |
۷. جدول اطلاعات (H2)
نام | تخصص | کشور |
|---|---|---|
علی | توسعه وب | ایران |
سارا | طراحی گرافیک | کانادا |
جان | بازاریابی | آمریکا |
۸. رسانه‌ها (H2)
در ادامه برای تست نمایش رسانه ساخته شده است باید تصاویر و ویدیو ها و صورت و فایل ها بصورت صحیح نمایش داده شوند.
تصویر (H3)
تصویر بصورت فول اسکرین
این کپشن عکس می باشد که عکس فول اسکرین است
تصویر بصورت کوچک در سمت راست.
این کپشن عکس کوچک میباشد
این یک تصویر دیگر وسط چین می باشد
در ادامه یک تصویر در سمت چپ قرار دارد
گیف (H3)
این کپشن فایل گیف است
ویدئو (H3)
در ادامه یک ویدیو کوتاه بارگذاری شده است
ویدیو زیر فول اسکرین است
این کپشن ویدیو فول اسکرین می باشد
در ادامه ویدیوی کوچک وسط چین شده دارای کپشن می باشد.
این کپشن ویدیو آموزش گوگل کنسول می باشد
صوت (H3)
در ادامه یک فایل صورت پیوست شده است که باید بصورت درست در صفحه نمایش داده شود.
۹. فایل پیوست (H2)
در ادامه یک فایل PDF آپلود شده است
این کپشن فایل می باشد
۱۰. بلاک‌های هشدار (H2)
۱۱. جاسازی محتوا (H2)
اینجا یک لینک به بیرون نمایش داده می شود.
۱۲. بخش ترکیبی – محتوای دو ستونه (H2)
ستون اول
این یک پاراگراف در ستون اول می باشد که بصورت کامل نوشته شده است تا alignment متن در ستون ها دیباگ شود
در ادامه یک تصویر نیز بصورت فول اسکرین در ستون بارگذاری شده است
ستون دوم
این ستون دوم می باشد و پاراگراف آن از اینجا شده شده است و تا اینجا ختم می شود
در ادامه یک تصویر و بعد تصویر متن پاراگراف رو خواهیم داشت
این یک متن پاراگراف در ادامه تصویر است این بخش ها باشد ریسپانسیو باید باشد
13. بخش ترکیبی – محتوای سه ستونه (H2)
این ستون اول است
این ستون دوم است
این ستون سوم است
نتیجه‌گیری
با ویرایشگر بلاک‌محور سماطب، شما می‌توانید از یک متن ساده، یک تجربه محتوایی کامل بسازید. امیدواریم این مقاله هم به عنوان یک نمونه تست و هم به عنوان یک محتوای الهام‌بخش، برای شما مفید باشد.