دليل تنسيق منشورات Discourse: أضف تنسيقات لجعل المنشورات ملونة ومتنوعة

أحيانًا، يمكن لإجراء تعديلات بسيطة على منشور أن يحسن بشكل كبير من قابليته للقراءة والتفاعل! هذا المقال مخصص لـ “التعديلات الصغيرة” المتعلقة بتنسيق المنشورات.

من الأفضل فتح محرر المنشورات الآن والتعلم منه، حيث يحتوي محرر المنشورات على صفحة معاينة مدمجة:

خذ رشفة ماء، ومدد جسمك. هل أنت مستعد لفتح محرر المنشورات الخاص بك؟ حسنًا، لنبدأ!



العناوين

يمكنك تحويل محتوى سطر إلى عنوان بإضافة علامة # قبل السطر، وعدد علامات # يحدد مستوى العنوان.

الإدخال:

# عنوان المستوى الأول
## عنوان المستوى الثاني
### عنوان المستوى الثالث
#### عنوان المستوى الرابع

التأثير:

:bulb: عندما يكون محتوى المنشور طويلاً وله هيكل معين، فإن إضافة العناوين تسهل على القراء فهم بنية تنظيم محتوى المنشور، مما يجعل المنشور أوضح.

:bulb: تتم إضافة روابط تلقائيًا إلى العناوين في المنشور (مرر مؤشر الفأرة فوق العنوان لرؤية الرمز الذي يمثل الرابط المقابل :link: )، مما يسهل الانتقال السريع إلى عنوان معين باستخدام الرابط.

:bulb: انتبه إلى ترك مسافة بين علامة # ومحتوى العنوان.

:bulb: قد يستخدم بعض الأصدقاء النص العريض كعناوين، وهذا غير مستحسن في معظم الأحيان، لأن النص العريض يفتقر إلى دلالات وتدرجات وتنسيق العناوين المدمج، ولا يمكنه التحضير لـ تنسيق جدول المحتويات الذي سيتم تقديمه لاحقًا.

:bulb: يُنصح باستخدام عنوان المستوى الثاني كأكبر عنوان عند نشر المنشورات، بدلاً من عنوان المستوى الأول، لأن عنوان المستوى الأول قد تم استخدامه بالفعل كعنوان كبير للموضوع.



جدول المحتويات

ربما لاحظت أن هذا المنشور يحتوي على جدول محتويات. إذا كنت تستخدم الهاتف، فإن جدول المحتويات موجود في الزاوية اليمنى السفلية، انقر على زر جدول المحتويات لفتحه. إذا كنت تستخدم جهاز كمبيوتر، يظهر جدول المحتويات على الجانب الأيمن من الشاشة.

عندما يكون لديك عناوين في منشور الموضوع الخاص بك، يمكنك إضافة جدول محتويات إلى المنشور.

طريقة الإضافة: تأكد من وجود بعض العناوين في المنشور (تُستخدم هذه العناوين لبناء جدول المحتويات)، وفي المحرر، ضع المؤشر على سطر فارغ. ثم انقر على الزر الموضح في الصورة أدناه.

بعد النقر على هذا الزر، ستظهر سلسلة من الرموز الإنجليزية في المحرر:

 <div data-theme-toc="true"> </div>

تُستخدم هذه السلسلة من الرموز لإنشاء جدول محتويات تلقائيًا، ولن تظهر في المنشور الذي تنشره، لذا لا تحذفها، اتركها، ثم تابع كتابة محتوى المنشور. سترى جدول المحتويات بعد نشر المنشور.

:bulb: يمكن لجدول المحتويات عرض العناوين بشكل مركزي، مما يسهل الانتقال السريع إلى محتوى العنوان المقابل. إذا كان هناك عناوين في منشور الموضوع، فإن إضافة جدول المحتويات يعد خيارًا جيدًا!



النص العريض، المائل، المميز

الإدخال:

ما بين زوج من النجوم المزدوجة هو **نص عريض**
ما بين زوج من النجوم المفردة هو *نص مائل*
أضف رمزين خاصين حول النص الذي تريد <mark>تمييزه</mark>.

التأثير:
ما بين زوج من النجوم المزدوجة هو نص عريض
ما بين زوج من النجوم المفردة هو نص مائل
أضف رمزين خاصين حول النص الذي تريد تمييزه.

:bulb: النص العريض لافت للنظر، وهو مناسب للتأكيد على المعلومات المهمة.

:bulb: يمكن استخدام النص المائل أيضًا للتأكيد، وأحيانًا يُستخدم للإشارة إلى اللغات الأجنبية أو الأسماء الخاصة أو المصطلحات الرسمية، لتمييزها عن النص العادي المحيط بها.

:bulb: النص المميز لافت للنظر أيضًا، ويعتمد وقت إضافته على احتياجاتك.



الاقتباس

أضف رمز > قبل الفقرة لتطبيق تنسيق الاقتباس على الفقرة.
الإدخال:

> ماء أبيض يطفو على الماء الأخضر، وأقدام حمراء تضرب الأمواج الصافية.

التأثير:

ماء أبيض يطفو على الماء الأخضر، وأقدام حمراء تضرب الأمواج الصافية.

يمكن أن تحتوي كتلة الاقتباس على فقرات متعددة. يجب إضافة رمز > في الأسطر الفارغة بين الفقرات.
الإدخال:

> محتوى الفقرة الأولى.
>
> محتوى الفقرة الثانية.

التأثير:

محتوى الفقرة الأولى.

محتوى الفقرة الثانية.

:bulb: غالبًا ما يُستخدم تنسيق الاقتباس لاقتباس نصوص أو أعمال أو محتويات من مصادر أخرى.

:bulb: يمكن للمظهر المرئي لكتلة الاقتباس أن يعرض المحتوى المقتبس بشكل أكثر بروزًا، مما يسهل على القراء التمييز بين ما هو نص مقتبس وما هو نص منشئ المنشور، ويكون واضحًا للعيان.



اقتباس محتوى المنتدى

عندما تريد اقتباس جزء من منشور في المنتدى، يمكنك استخدام طريقة الاقتباس التالية.
التأثير:

طريقة الاستخدام:
حدد النص الذي تريد اقتباسه، وسيظهر زر “اقتباس”، انقر عليه، وسيفتح المحرر تلقائيًا، وسيتم إنشاء تنسيق الاقتباس لهذا النص تلقائيًا.

:bulb: عند اقتباس/الرد على جزء من منشور في المنتدى، يمكن لهذا الاقتباس أن يوضح بوضوح لمتصفحي المنتدى الآخرين أي جزء من كلام أي منشئ منشور تقوم باقتباسه/الرد عليه، ويسهل عليهم عرض سياق المحتوى المقتبس. هذا يجعل المناقشة واضحة.



خط فاصل

أدخل ثلاث علامات - في سطر فارغ لإنشاء خط فاصل.
الإدخال:

---

التأثير: يوجد خط فاصل فوق كل عنوان في هذا المنشور!

:bulb: يتطلب السطر السابق للخط الفاصل أن يكون فارغًا، وإلا فقد تحدث بعض التأثيرات الغريبة (جربها بنفسك).



أسطر فارغة متعددة

هل تريد أحيانًا ترك مسافات فارغة متعددة بين فقرتين؟ هنا الأمر غير بديهي، إذا كانت الأسطر الفارغة المدخلة تحتوي على أسطر فارغة متعددة، فإن التأثير المعروض سيكون سطرًا فارغًا واحدًا على الأكثر. في هذه الحالة، لإضافة أسطر فارغة متعددة بالقوة، يجب عليك إدخال الرمز الخاص <br> في السطر الفارغ، على سبيل المثال:
الإدخال:

المحتوى أعلاه، مع سطرين فارغين إضافيين بينه وبين المحتوى أدناه
 <br>
 <br>
المحتوى أدناه، مع سطرين فارغين إضافيين بينه وبين المحتوى أعلاه

التأثير:
المحتوى أعلاه، مع سطرين فارغين إضافيين بينه وبين المحتوى أدناه




المحتوى أدناه، مع سطرين فارغين إضافيين بينه وبين المحتوى أعلاه



التعليقات

هناك نوعان من أشكال التعليقات:
تعليقات داخل السطر
الإدخال:

جملة تحتاج إلى تعليق ^[محتوى التعليق]
جملة أخرى تحتاج إلى تعليق ^[تعليق آخر]

التأثير:

جملة تحتاج إلى تعليق [1]
جملة أخرى تحتاج إلى تعليق [2]

تعليقات غير داخل السطر
الإدخال:

جملة تحتاج إلى تعليق [^1]
جملة أخرى تحتاج إلى تعليق [^2]

[^1]: محتوى التعليق
[^2]: تعليق آخر

التأثير:



إخفاء التفاصيل

مثال:
إخفاء التفاصيل

مدخل الاستخدام:

:bulb: عندما يكون لديك فقرة طويلة نسبيًا وغير مهمة في منشورك، يمكنك استخدام هذه الوظيفة لإخفاء هذا المحتوى.



أزرار لإضافة التنسيق بسرعة

يمكن إضافة بعض التنسيقات من خلال الأزرار الموجودة في المحرر.



المزيد من التنسيقات

ما سبق هو مقدمة لبعض التنسيقات الأكثر أهمية، هل تعلمتها؟ اترك التنسيقات الأخرى لاستكشافها بنفسك.
إذا كانت لديك أي أسئلة، يرجى ترك رسالة في قسم ملاحظات المنتدى، أتمنى أن تستمتعوا بنشر المنشورات!

المراجع:


  1. محتوى التعليق ↩︎

  2. تعليق آخر ↩︎

6 إعجابات

حسناً حسناً حسناً :star_struck: أتطلع إلى المزيد من الدروس

إعجابَين (2)

@Dotila_Li
هل يمكنك إرشادي حول كيفية إعداد فصول دليل markdown لشريط التمرير الأيمن لعرضها، هل هناك أي ملحقات لذلك؟


إعجاب واحد (1)

هذا هو DiscoTOC - automatic table of contents Theme component

إعجاب واحد (1)

شكرًا!
هذا رائع!