انتقل إلى المحتوى الرئيسي

لوحة الطبقات

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

لوحة الطبقات تعرض شجرة متداخلة وصفًا واحدًا محددًا

عند فتح الطبقات، تنتقل مساحة التصميم إلى وضع تعديل، لأن الشجرة تُبنى من الصفحة التي تعدّلها. لا تتوفر اللوحة في محرر الكود.

العثور على العناصر وتحديدها​

يعرض كل صف نوع العنصر أو اسم المكوّن. انقر على السهم بجانب الصف لتوسيعه أو طيّه.

  • انقر على صف لتحديد العنصر. تنتقل مساحة التصميم إليه وتعرض لوحة التعديل إعداداته.
  • حدّد عنصرًا في مساحة التصميم، فتتوسع الشجرة لإظهار صفه.
  • مرّر المؤشر فوق صف لتمييز العنصر في مساحة التصميم. وعند تمرير المؤشر فوق عنصر في مساحة التصميم، يظهر إطار حول صفه.
  • انقر على مساحة فارغة في اللوحة لإلغاء التحديد.

يمكنك أيضًا التنقل في الشجرة باستخدام لوحة المفاتيح. استخدم Up وDown للتنقل بين الصفوف، وRight لتوسيع صف وLeft لطيّه، وEnter أو Space للتحديد. تعمل اختصارات مثل Delete و⌘C و⌘V و⌘X و⌘D و⌘Z (باستخدام Ctrl على Windows) على العنصر المحدد، ويفتح ⌘K / Ctrl+K شريط تعديل بالذكاء الاصطناعي أسفل الصف.

إعادة ترتيب العناصر​

اسحب صفًا إلى أعلى أو أسفل لتغيير ترتيب العنصر. تتحرك الصفوف بين العناصر التي تشترك معها في العنصر الأب نفسه. تتحدث مساحة التصميم فور إفلات الصف.

سحب صف طبقة بين صفوف تشترك معه في العنصر الأب

لا يمكن سحب بعض الصفوف لأن WebTwizz لا يستطيع العثور عليها في الكود. تظهر رسالة توضح ذلك عند تمرير المؤشر فوق أحدها.

قائمة النقر بزر الفأرة الأيمن​

انقر بزر الفأرة الأيمن على صف لفتح القائمة نفسها التي تظهر في مساحة التصميم.

قائمة النقر بزر الفأرة الأيمن في لوحة الطبقات
الخيارالاختصاروظيفته
تعديل⌘Eيحدد العنصر ويفتح لوحة التعديل
نسخ، لصق، قص⌘C, ⌘V, ⌘Xنسخ العناصر ولصقها وقصها
تكرار⌘Dينشئ نسخة منه
حذف⌫يزيله
نسخ النمط، لصق النمط⌘⌥C, ⌘⌥Vنسخ نمط عنصر ولصقه على عنصر آخر
تحويل إلى مكوّن⌘⇧Kيحوّله إلى مكوّن قابل لإعادة الاستخدام
تعديل بالذكاء الاصطناعي⌘Kيفتح شريط تعديل بالذكاء الاصطناعي لهذا العنصر

على Windows، استخدم Ctrl بدلًا من ⌘ وAlt بدلًا من ⌥.

أثناء عمل الذكاء الاصطناعي​

أثناء تعديل الذكاء الاصطناعي لموقعك، لا يمكنك سحب الصفوف، وتظهر جميع خيارات قائمة النقر بزر الفأرة الأيمن باللون الرمادي وتكون غير متاحة. تصبح جميعها متاحة مجددًا عندما ينتهي الذكاء الاصطناعي.