0.3اكتشاف المحرّر
الأساسي في 30 ثانية
- اللوحة المرئية (Canvas) = منطقة المعاينة حيث ترى الصفحة وتبنيها مباشرة.
- اللوحة (Panel) (على اليسار) = إمّا مكتبة الودجات (للسحب)، وإمّا إعدادات العنصر المُختار.
- التدفّق الأساسي: سحب ودجة ← اختيارها ← ضبطها (في اللوحة).
الخيط الناظم — نادية تفتح المحرّر
تنقر نادية «التحرير بـ Elementor» على الصفحة الرئيسية للنجّار. تنقسم الشاشة: لوحة على اليسار، والصفحة في الوسط. في البداية تبحث عن الأشياء وتنقر في كل مكان. يمنحها هذا القسم الخريطة: أين تُسقِط، أين تضبط، كيف تجد عنصرًا ضائعًا في تخطيط مزدحم.
تكملة الحالة 0.2 — نادية تنتقل من التثبيت إلى البناء.
1. خريطة المحرّر
للمحرّر منطقتان. اللوحة المرئية (المعاينة) تحتلّ الوسط: هي الصفحة كما ستظهر، مبنيّة مباشرة. واللوحة (على اليسار) لها وجهان: إمّا مكتبة الودجات التي تسحبها إلى اللوحة المرئية، وإمّا إعدادات العنصر المُختار في تلك اللحظة. تنتقل بينهما بحسب ما إذا كنت تضيف عنصرًا أو تضبطه.
أسفل اللوحة، الأدوات: مكتبة القوالب، المُتصفّح (التنقّل في البنية)، معاينة الاستجابة، السجلّ، الحفظ/النشر. المُتصفّح ثمين حين تتعقّد الصفحة: يسرد كل الحاويات والودجات في شجرة.
2. التدفّق الأساسي
الحركة الجوهرية تتكرّر لكل شيء: اسحب ودجة من اللوحة إلى اللوحة المرئية ← اخترها (نقرة) ← اضبطها في اللوحة. تسحب نادية ودجة عنوان، تنقر عليها، فتُظهر اللوحة إعداداتها فورًا (المحتوى، النمط، المتقدّم).
حين يكون عنصرٌ «ضائعًا» في تخطيط مزدحم، يتيح المُتصفّح إيجاده واختياره باسمه في الشجرة، دون بحث بالنقر. وهو من أوائل العادات المريحة التي يُستحسن اكتسابها.
🔎 مثال ملموس — وضع أول عنوان (حالة نادية)
1. اللوحة → بحث «عنوان» → سحب إلى اللوحة المرئية.
2. نقرة على العنوان → تُظهر اللوحة إعداداته.
3. تبويب المحتوى: اكتب «نجارة بن علي».
→ تحتاجين إيجاد زر ضائع في الأسفل؟ افتحي المُتصفّح.النتيجة: تعرفين إضافة أي عنصر وضبطه.
الدرس: المُتصفّح يوفّر وقتًا هائلًا في الصفحات المزدحمة.
مفردات القسم
- التحرير بـ Elementor
- الزر (من صفحة/مقال) الذي يفتح المحرّر المرئي.
مثال بسيط: تنقر نادية «التحرير بـ Elementor» على الصفحة الرئيسية.
ما ليس كذلك: البقاء في محرّر WordPress الكلاسيكي (Gutenberg).
رد فعل: للتصميم بصريًا، افتح محرّر Elementor.
- اللوحة المرئية (المعاينة)
- المنطقة الوسطى حيث ترى الصفحة وتبنيها مباشرة، كما ستظهر.
مثال بسيط: ترى نادية العنوان يظهر فور ضبطه.
ما ليس كذلك: تخيّل النتيجة دون رؤيتها، كما في البرمجة.
رد فعل: ما في الوسط ويشبه الصفحة = اللوحة المرئية.
- اللوحة
- اللوح الأيسر: مكتبة ودجات للسحب، أو إعدادات العنصر المُختار.
مثال بسيط: تنتقل اللوحة من الودجات إلى الإعدادات حين تختار نادية عنوانًا.
ما ليس كذلك: ظنّ أن اللوحة قائمة ثابتة.
رد فعل: أُضيف → مكتبة؛ أختار → إعدادات.
- المُتصفّح (البنية)
- شجرة حاويات الصفحة وودجاتها، للتنقّل والاختيار حسب البنية.
مثال بسيط: تجد نادية زرًا مدفونًا بالنقر عليه في المُتصفّح.
ما ليس كذلك: البحث بالنقر عن عنصر في صفحة مزدحمة جدًا.
رد فعل: عنصر لا يُوجَد بالنقر → افتح المُتصفّح.
- التدفّق الأساسي
- سحب ودجة ← اختيارها ← ضبطها: الحركة المتكرّرة لكل عنصر.
مثال بسيط: تطبّق نادية التدفّق نفسه على عنوان، صورة، زر.
ما ليس كذلك: البحث عن طريقة مختلفة لكل نوع ودجة.
رد فعل: دائمًا: اسحب، اختر، اضبط.
في التطبيق — التموضع في المحرّر
- افتح صفحة بـ «التحرير بـ Elementor».
- اسحب ودجة عنوان إلى اللوحة المرئية ثم اخترها.
- حدّد تبويبات الإعدادات الثلاثة (المحتوى، النمط، المتقدّم).
- افتح المُتصفّح وحدّد بنية الصفحة (حاويات، ودجات).
نصّ جاهز للقول — عرض المحرّر على الزبون (30 ث)
«هذا هو المحرّر: في الوسط صفحتك فعلًا؛ وعلى اليسار إمّا قائمة العناصر للإضافة، وإمّا إعدادات العنصر الذي نقرتُ عليه. أبني مباشرة، وترى النتيجة فورًا. لا يُنشَر شيء حتى أنقر على «نشر».»
اطمئن: المسودّة ليست على الإنترنت حتى النشر.
قالب للنسخ واللصق — معالم المحرّر
فتح: زر «التحرير بـ Elementor»
اللوحة المرئية: المنطقة الوسطى (معاينة مباشرة)
اللوحة اليسرى: مكتبة (إضافة) أو إعدادات (ضبط)
التدفّق: سحب ← اختيار ← ضبط
إيجاد عنصر: المُتصفّح (شجرة البنية)
نشر: الزر الأخضر أسفل اللوحةصفحة بسيطة
عناصر قليلة: تكفي النقرة المباشرة، والمُتصفّح اختياري.
صفحة مزدحمة
حاويات مُتداخلة كثيرة: يصبح المُتصفّح ضروريًا للاختيار بدقّة.
شاشة ضيّقة
اطوِ اللوحة لرؤية اللوحة المرئية كبيرة، ثم أعِد فتحها للضبط.
عمل جماعي
تسمية الحاويات في المُتصفّح يساعد الفريق على التموضع.
✓ ممارسات جيدة
- احفظ تدفّق سحب ← اختيار ← ضبط.
- استخدم المُتصفّح في الصفحات المزدحمة.
- انشر فقط حين ترضى (المسودّة ليست على الإنترنت).
✗ أخطاء شائعة
- البحث بالنقر عن عنصر بدل فتح المُتصفّح.
- نسيان أن اللوحة تتبدّل وظيفتها حسب السياق.
- ظنّ أن التغييرات على الإنترنت قبل النشر.
النقاط الأساسية
- اللوحة المرئية = معاينة مباشرة؛ اللوحة = مكتبة أو إعدادات.
- التدفّق الأساسي: سحب ← اختيار ← ضبط.
- المُتصفّح = شجرة بنية لإيجاد عنصر.
- لا يُنشَر شيء حتى تنقر «نشر».
تحدّي 48 ساعة — طبّق غدًا
افتح صفحة في Elementor، أضف عنوانًا وصورة وزرًا عبر تدفّق سحب ← اختيار ← ضبط، ثم جِد كلًّا منها في المُتصفّح. 15 دقيقة، دون نشر.
- أعرف فتح المحرّر وتحديد اللوحة المرئية واللوحة.
- أطبّق تدفّق سحب ← اختيار ← ضبط.
- أجد عنصرًا عبر المُتصفّح.
أسئلة شائعة
هل تغييراتي على الإنترنت فورًا؟
لا: تعمل على مسودّة. لا يُنشَر شيء حتى تنقر «نشر» (أو «تحديث»).
لم أعد أجد عنصرًا، ماذا أفعل؟
افتح المُتصفّح (أيقونة البنية أسفل اللوحة): يسرد كل الحاويات والودجات في شجرة؛ انقر على العنصر لاختياره.
هل يمكنني التراجع عن إجراء؟
نعم: السجلّ (أسفل اللوحة) يتيح التراجع/الإعادة والعودة إلى حالات سابقة للصفحة.
على صفحة رئيسية مزدحمة جدًا، لم تعد نادية تجد زر «طلب عرض سعر». ما ردّة الفعل الصحيحة؟