كود المصدر
مشاركة مقتطفات التعليمات البرمجية على موقع Elementor الخاص بك بالطريقة الصحيحة ارسالا ساحقا وسهلة الاستخدام للزوار. يتيح لك عنصر التعليمات البرمجية المصدر هذا عرض HTML أو CSS أو JavaScript أو PHP أو أي من لغات البرمجة 80+ مع تمييز بناء الجملة النظيف. ما عليك سوى اختيار لغتك واختيار سمة اللون التي تناسب أسلوبك ولصق التعليمات البرمجية الخاصة بك. كما أنه يضيف زر “Copy” سهل الاستخدام حتى يتمكن المستخدمون من الحصول على التعليمات البرمجية الخاصة بك على الفور بنقرة واحدة. إنها الأداة المثالية للبرامج التعليمية أو الوثائق أو محافظ المطورين أو أي موقع تحتاج فيه إلى عرض التعليمات البرمجية بشكل نظيف ومهني.
دعم واسع النطاق للغة والموضوع
عرض التعليمات البرمجية بأكثر من 80 لغة برمجة وترميز مختلفة، كل منها مزود بتمييز دقيق لبناء الجملة. اختر من بين 8+ سمات مرئية لتتناسب مع الجمالية المظلمة أو الفاتحة لموقعك، مما يجعل التعليمات البرمجية الخاصة بك قابلة للقراءة وجذابة بصريًا.
- مثالي للمدونات التعليمية التي تغطي لغات متعددة مثل HTML وCSS وJS وPHP.
- استخدمي سمة داكنة للحصول على مظهر حديث وصديق للمطورين.
- تأكد من سهولة قراءة التعليمات البرمجية وفهمها في لمحة سريعة، مما يحسن تجربة التعلم.
وظيفة النسخ بنقرة واحدة
قم بتضمين زر سهل الاستخدام يتيح للزائرين نسخ التعليمات البرمجية الخاصة بك إلى الحافظة الخاصة بهم على الفور. قم بتخصيص نص الزر وموضعه ورسالة التأكيد التي تظهر بعد النسخ، مما يلغي الحاجة إلى التحديد والنسخ يدويًا.
- يعمل على تحسين تجربة المستخدم بشكل كبير للمطورين الذين يرغبون في إعادة استخدام مقتطفاتك.
- قم بزيادة المشاركة من خلال جعل التعليمات البرمجية القيمة الخاصة بك سهلة الاستخدام والاستخدام.
- إظهار “Copied! تأكيد” لمنح المستخدمين تعليقات واضحة.
التخصيص المرئي الكامل
صمم كل جزء من كتلة التعليمات البرمجية ليمتزج بسلاسة مع تصميمك. اضبط حشوة الحاوية وهوامشها وحدودها، وقم بتصميم ألوان زر النسخ والطباعة وتقريب الزاوية بشكل مستقل.
- قم بمطابقة خلفية كتلة التعليمات البرمجية وحدودها مع نظام الألوان الخاص بموقعك.
- صمم زر نسخ بارز يشجع النقرات.
- تحكم في التباعد حول الكود للحصول على مظهر نظيف ومتكامل على الصفحة.
الأسئلة المتداولة حول كود المصدر
كيف يمكنني تغيير لغة البرمجة لتسليط الضوء على بناء الجملة؟
في إعدادات المحتوى، استخدم القائمة المنسدلة “Code” لتحديد اللغة الصحيحة للمقتطف الخاص بك (على سبيل المثال، HTML وCSS وPHP). وهذا يضمن تلوين الكلمات الرئيسية وبناء الجملة بدقة.
هل يمكنني إخفاء أرقام الأسطر بجوار الرمز؟
نعم. يمكنك تعطيل أرقام الأسطر عن طريق تعيين خيار “Enable Line Number” على “No.” يمنحك هذا كتلة أكثر وضوحًا من التعليمات البرمجية إذا لم تكن أرقام الأسطر ضرورية لمثالك.
أين يمكنني وضع زر النسخ؟
يمكنك اختيار موضع الزر، مثل “Top Right Corner” لكتلة التعليمات البرمجية. يمكنك أيضًا التحكم في رؤيته، وإعداده ليظهر دائمًا أو ربما يظهر فقط عند التمرير.
هل الكود المعروض قابل للتحرير من قبل زوار الموقع؟
رقم يتم تقديم الكود ككتلة ثابتة للعرض والنسخ. لا يمكن للزوار تحرير الكود المصدري مباشرة على صفحتك؛ إنه لأغراض العرض فقط.
هل يمكنني استخدام نظام الألوان الخاص بي بدلاً من السمات المحددة مسبقًا؟
يقدم العنصر العديد من السمات المصممة مسبقًا (مثل “Tomorrow”). لاستخدام ألوان مخصصة تمامًا، من المحتمل أن تحتاج إلى إضافة CSS مخصص، حيث تتحكم خيارات التصميم بشكل أساسي في الحاوية والزر، وليس ألوان بناء الجملة الداخلية.
هل يعمل زر النسخ على الأجهزة المحمولة؟
نعم، تم تصميم وظيفة النسخ للعمل على جميع الأجهزة. الزر سهل اللمس، وسيتم تنفيذ أمر النسخ عند النقر عليه على الهاتف أو الجهاز اللوحي.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
ناسخ البريد/الصفحة
