كتلة برمجية

تتيح لك كتلة الرمز البرمجي (Code) إضافة وعرض مقاطع الكتل البرمجية ليتسنى للآخرين الاطلاع عليها.

مثال على كتلة الرمز البرمجي:

if ( condition ) {
    action1();
    action2();
} elseif ( condition2 && condition3 ) {
    action3();
    action4();
} else {
    defaultaction();
}

إضافة كتلة رمز برمجي

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

بدلاً من ذلك، يمكنك كتابة /code في المحرر لإدراج كتلة الرمز البرمجي يدويًا.

تعليمات تفصيلية حول إضافة الكتل

شريط أدوات الكتلة

تحتوي معظم الكتل على عناصر التحكم الخاصة بها والتي تتيح لك تعديل الكتلة مباشرة داخل المحرر.

يعرض شريط أدوات كتلة الرمز البرمجي الأزرار التالية:

• التحويل إلى (Transform to)
• مقابض النقل (Moving handles)
• غامق (Bold)
• مائل (Italic)
• رابط (Link)
• المزيد من خيارات النص الغني (More Rich Text controls)
• المزيد من الخيارات (More options)

التحويل إلى

يتيح لك زر التحويل إلى تغيير كتلة الرمز البرمجي إلى كتلة فقرة (Paragraph)، أو أعمدة (Columns)، أو مجموعة (Group)، أو HTML مخصص (Custom HTML)، أو نص منسق مسبقًا (Preformatted blocks).

سيمنحك تحويل كتلة الرمز البرمجي إلى مجموعة (Group) القدرة على تغيير لون الخلفية المحيطة بالرمز البرمجي.

مقابض النقل

يمكن استخدام الأيقونات المنقطة لسحب والإفلات لوضع الكتلة في المكان الذي تريده. ويمكن استخدام أيقونتي السهم لأعلى ولأسفل لتحريك الكتلة صعودًا وهبوطًا في مستندك.

احصل على مزيد من المعلومات حول نقل الكتلة داخل المحرر.

تغيير المحاذاة

تتيح لك أداة تغيير المحاذاة محاذاة كتلة الرمز البرمجي داخل المحتوى. يمكنك اختيار أحد خيارات المحذاة التالية:

بلا (None): يترك محاذاة الكتلة كما هي.

عرض واسع (Wide width): يزيد من عرض الكتلة متجاوزًا حجم المحتوى.

غامق

يمكنك تحديد النص في كتلة الرمز البرمجي واستخدام خيار غامق أو اختصار لوحة المفاتيح Ctrl+B / Cmd+B لجعله غامقًا، والذي عادة ما يكون أسمك من النصوص المحيطة.

مائل

يمكنك تحديد النص في كتلة الرمز البرمجي واستخدام خيار مائل أو اختصار لوحة المفاتيح Ctrl+I / Cmd+I لجعل النص مائلاً، والذي يظهر عادةً مائلاً ناحية اليمين.

رابط

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

اقرأ حول المزيد من خيارات تحرير الروابط.

المزيد من خيارات النصوص الغنية

تحتوي القائمة المنسدلة الموجودة على يسار قائمة المزيد من الخيارات على مجموعة من خيارات تحرير النصوص الغنية الإضافية مثل التمييز، والرموز البرمجية المضمنة (inline code)، ويتوسطه خط (strikethrough)، والمزيد.

اقرأ حول المزيد من خيارات تحرير النصوص الغنية.

المزيد من الخيارات

تمنحك قائمة الخيارات، الممثلة بثلاث نقاط عمودية في أقصى يسار شريط الأدوات، ميزات إضافية مثل إمكانية مضاعفة الكتلة أو إزالتها.

اقرأ حول هذه الإعدادات وغيرها.

إعدادات الكتلة

تحتوي لوحة إعدادات الكتلة على خيارات تخصيص خاصة بالكتلة. لفتحها، حدد الكتلة وانقر على زر الإعدادات (Settings) بجوار زر نشر (Publish).

اللون

توفر كتلة الرمز البرمجي خيارات إعدادات الألوان لتغيير ألوان النص والخلفية.

للتفاصيل، راجع مقالة الدعم التالية: نظرة عامة على إعدادات الألوان

الخطوط (Typography)

توفر كتلة الرمز البرمجي إعدادات الخطوط لتغيير عائلة الخط، والمظهر، وارتفاع السطر، وتباعد الأحرف، والتزيين، وحالة الأحرف، وحجم الخط.

للتفاصيل، راجع مقالة الدعم التالية: نظرة عامة على إعدادات الخطوط

الأبعاد (Dimensions)

توفر كتلة الرمز البرمجي خيارات إعدادات الأبعاد لإضافة الحشو (padding) والهامش (margin).

للتفاصيل، راجع مقالة الدعم التالية: نظرة عامة على إعدادات الأبعاد

الحدود (Border)

توفر كتلة الرمز البرمجي خيارات إعدادات الحدود لإضافة لون الحدود، وعرضها، ونصف قطر الانحناء (radius).

للتفاصيل، راجع مقالة الدعم التالية: نظرة عامة على إعدادات الحدود

متقدم (Advanced)

توفر كتلة الرمز البرمجي خيارات الإعدادات المتقدمة التالية: مرساة HTML، فئات CSS إضافية، وتنسيقات CSS إضافية، والأنماط.

تعرف على المزيد حول الإعدادات المتقدمة