كود CSS وJavaScript مخصص.

CSS ورأس وتذييل وJavaScript مخصصة

إذا كنت تتقن HTML وCSS، ففعّل «‏وضع المطوّر» تحت «متقدم» أسفل العمود الأيمن. ينطبق هذا المفتاح على هذا المتصفح، وبعدها تظهر على اليسار مساحة «المطوّر». وفيها أربع خانات: «CSS» و«HTML الرأس» و«HTML التذييل» و«JavaScript»، وتتسع كل منها حتى 200 كيلوبايت.

يأتي CSS الخاص بك بعد ورقة الأنماط المُنشأة، ولذلك تكون له الأولوية عند تساوي الخصوصية. ولكي تستهدف العناصر بدقة، يحمل كل قسم مرساة ثابتة: منطقة الرأس #kt-hero، والأقسام #kt-s0 و#kt-s1 … بحسب ترتيبها، فإذا نقلت قسمًا، انتقل رقمه معه. والنقر على مرساة يُدرجها عند موضع المؤشر. ولا يمكن تضمين السكربتات الخارجية إلا عبر https://.

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

1. 1افتح «متقدم» أسفل اليمين وفعّل «‏وضع المطوّر».
2. 2انقر على «المطوّر» في الجهة اليسرى واختر خانة، مثل «CSS».
3. 3اكتب الكود وانقر على «حفظ المسودة»، أو اضغط Ctrl+S.

المسودة والمعاينة والنشر والعودة إلى إصدار سابق لا تستهلك رصيد الذكاء الاصطناعي.

المعاينة في بيئة معزولة

تعرض «‏معاينة» صفحتك كاملة مع الكود الموجود حاليًا في المحرر، حتى غير المحفوظ منه، معزولةً في إطار خاص بها: دون وصول إلى ملفات تعريف الارتباط أو البيانات المخزنة أو الصفحة التي تحتويها. وهي محمية بطبقتين، لأن كل حاجز من الحاجزين إعداد قائم بذاته قد يخففه أحد عن طريق الخطأ.

لا يعرض عرض التحرير العادي سوى CSS الخاص بك. أما HTML وJavaScript فتراهما في هذه المعاينة وعلى الصفحة المباشرة.

1. 1في مساحة «المطوّر»، انقر على «‏معاينة».
2. 2افحص الصفحة تحت «معاينة بكود المسودة» وأغلقها بالنقر على «إغلاق».

نشر مستقل وإصدارات للكود

للكود مسودته الخاصة ونشره الخاص. ويحوّل «نشر» في مساحة «المطوّر»، مع ملاحظة اختيارية، المسودةَ المحفوظة إلى إصدار، ويسري هذا الإصدار فورًا على الصفحة المباشرة، بشكل مستقل عن زر «نشر» في شريط الرأس. وإذا كان الموقع غير متاح على الإنترنت، ينتظر الكود حتى يعود متاحًا.

تحت «الإصدارات» يظهر كل إصدار برقمه ووقته ومصدره (يدويًا، أو «اقتراح من Kenji»، أو عودة)، وملاحظتك، والفرق عن الإصدار السابق، ويحمل الإصدار الساري حاليًا «مباشر». وينشئ «العودة إلى هذا الإصدار» إصدارًا جديدًا بالمحتوى القديم، فتصبح المسودة والصفحة المباشرة على هذه الحالة فورًا.

1. 1انقر على «نشر»، وأدخل ملاحظة إن أردت، ثم انقر على «انشر الآن».
2. 2افتح «الإصدارات» وانقر على إصدار لترى الفرق.
3. 3انقر على «العودة إلى هذا الإصدار» ثم على «نعم، ارجع».

الحالة القديمة ليست بالضرورة حالة سليمة، لذا افحص الصفحة المباشرة بعد العودة.

اقتراح كود من Kenji

في الحقل أسفل الكود تصف في جملة واحدة ما يجب أن يفعله الكود، فيكتب Kenji اقتراحًا. ويظهر الاقتراح بجانب مسودتك، مع شرح والفرق عن كودك، ولا يظهر داخلها مباشرة أبدًا.

يُدخل زر «‏تطبيق» الاقتراح في المسودة، ويستبعده زر «‏رفض». ولا يُنشر إلا بالزر المخصص لذلك: ففي الكود، أنت آخر من يوافق. ويبقى الاقتراح المفتوح قائمًا حتى لو أعدت تحميل الصفحة.

1. 1اكتب في الحقل أسفل الكود ما يجب أن يفعله الكود، ثم أرسله.
2. 2اقرأ الشرح والفرق.
3. 3انقر على «‏تطبيق» أو «‏رفض».

يستهلك الاقتراح من رصيد الذكاء الاصطناعي، أما «تطبيق» و«‏رفض» فلا يستهلكان منه شيئًا. وإذا كان الاقتراح غير صالح للاستخدام، يُستبعد ولا يُحتسب أي شيء.