دوباره هی، اسلون اینجاست! 🦥
ما نکاتی را برای موفقیت در نوشتن در DEV به اشتراک می گذاریم. اگر به دنبال بهبود مهارت های نوشتاری فنی خود بوده اید، از DEV به عنوان یک پلتفرم وبلاگ نویسی نهایت استفاده را ببرید و محتوای خود را به سطح بالاتری ببرید – این مجموعه برای شما مناسب است!
اولین پست این مجموعه در مورد ایجاد یک سریال. این یکی در مورد قالب بندی، و دو مورد بعدی در مورد لحن صدا و موضوعات. بیا شروع کنیم!
قالب بندی
قالب بندی مناسب برای اطمینان از اینکه پست شما خوانا، مفید و صیقلی است، کلیدی است. ویرایشگر پست ما از Markdown و Jekyll Front Matter برای قالب بندی پست ها استفاده می کند.
استفاده از هدرها
از هدرها برای سازماندهی محتوای پست خود استفاده کنید و برای پشتیبانی از قابلیت جستجوی مقاله شما عالی هستند. اگر پست خود را با علامت گذاری خالص می نویسید، از هش برای نشان دادن هدرها استفاده کنید. عنوان شما به صورت خودکار هدر بالایی (H1) است، بنابراین هدر بالاترین سطح شما باید H2 باشد. شما می توانید به کوچکی H6 بروید، اما من آن را توصیه نمی کنم – اگر لازم است موضوعات خود را به شش سطح زیربخش تقسیم کنید، ممکن است بیش از یک پست در دست داشته باشید.
اگر از ویرایشگر rich + markdown ما در DEV استفاده می‌کنید، می‌توانید با انتخاب دکمه H در نوار ابزار یک هدر اضافه کنید:
هر بار که دکمه را انتخاب می‌کنید، هش دیگری به H4 اضافه می‌کند که در آن زمان پاک می‌شود.
ملاحظات بیشتر a11y
هدرها نه تنها برای سازماندهی بصری محتوای شما به خاطر خوانندگان مهم هستند، بلکه برای کمک به فناوری های کمکی (AT) مانند صفحه خوان ها در سازماندهی مناسب محتوای شما نیز مهم هستند. در اینجا چند نکته دسترسی بیشتر (a11y) برای قالب‌بندی پست‌های DEV آورده شده است:
- توضیحات تصویر را به تصاویر خود اضافه کنید.
- ایموجی را به انتهای یک خط متن محدود کنید.
- از استفاده از کاراکترهای فانتزی برای اهداف فونت خودداری کنید.
شما 𝘵𝘩𝘪𝘯𝘬 این است 𝒸𝓊𝓉ℯ به 𝘄𝗿𝗶𝘁𝗲 توییت ها و نام های کاربری شما 𝖙𝖍 اما آیا شما با فناوری‌های کمکی مانند 𝓥
18:49 بعد از ظهر – 09 ژانویه 2019
برای جزئیات بیشتر در مورد اینکه چرا اینها بهترین شیوه ها برای a11y هستند، لطفاً Accessible Social را بررسی کنید.
اصول Markdown
مهم نیست که از کدام ویرایشگر پست استفاده می کنید، به مطالعه اصول Markdown و بررسی مجدد قالب بندی قبل از فشار دادن “انتشار” کمک می کند. فقط یک بک تیک [`] می توانید تمام نمونه های کد را در کل پست خود پرتاب کنید!
یک راهنمای Markdown مفید درست در ویرایشگر پست موجود است و می‌توانید از راهنمای ویرایشگر درباره قالب‌بندی در ویرایشگر DEV اطلاعات بیشتری کسب کنید.
یکی از ویژگی های قالب بندی بسیار جالب در DEV استفاده از برچسب های مایع می توانید برچسب های مایع پشتیبانی شده ما را از راهنمای برچسب های مایع ما بخوانید. برای چند نمونه، مقاله برچسب مایع زیر را بررسی کنید:
خودشه! قالب بندی مبارک. قسمت بعدی این مجموعه در مورد لحن صدا.
