تَعرَّف على واجهة Elementor
في حقيقة الأمر، Elementor ليس صعباً أو مُعقداً كما يتهيأ للبعض ، فالاشتغال على هذا المُكون الاضافي لووردبريس يتم بشكل سلس وبدون تكلف للجهد والطاقة الفكرية ، حتى أنه يكاد يكون بديهياً ومعتاداً بالنسبة للذين لهم بعضٌ من الخبرة ببرامج تصميم مواقع الويب ، لكن ما يمكن أن يحدث هو أنه أحياناً لا تظهر بعض الخيارات التي تكون مخفيةً و يصعب الوصول إليها .
≡ تتكون واجهة Elementor من:
- الشريط الجانبي للخيارات على اليمين
- نافذة عرض لصفحة الويب على اليسار
- خيارات النقر بزر الماوس الأيمن السريع
- متصفح لتحديد عناصر الصفحة بسرعة
- أشياء أخرى سنكتشفها خلال تنقلنا في هذا المقال
تَعرَّف على واجهة Elementor
≡ الفــــهـــرس 
القائمة الجانبية الخاصة بإعدادات Elementor
هنا سنكتشف ما يمكن أن نستخدمه من داخل اللوحة الجانبية لواجهة Elementor :
قبل أن نبدأ بالاشتغال على إلمنتور ، علينا أن نعرف العناصر التي ستمنحنا أدوات العمل ، وهذا بالضبط ما سوف نُعرِّج عليه من خلال تعرفنا على واجهة Elementor ، تابع معــي …
الودجات
ودجات إلمنتور هي كتل العناصر المخصصة لبناء صفحتك Elementor .
مثل العناوين والنصوص والصور والأيقونات وأشياء أخرى تجدها بقائمة الودجات . وهذه الودجات تزيد عند الانتقال إلى Elementor Pro أو تثبيت ملحقات خاصة بإلمنتور.
تَعرَّف على واجهة Elementor
هناك أيضاً خيارات Elementor وزر الرجوع إلى محرر WordPress:
إعدادات القالب
يمكننا الوصول إلى خيارات القالب من خلال النقر على أيقونة الهامبرغر :
هناك إعدادات متعلقة بالنسق مثل اللون الافتراضي أو الخط الافتراضي أو قالب الصفحة التي يمكن تغييرها مباشرة هنا.
عادة ما تكون هذه هي خيارات القالب الخاص بموقعك .
عند إضافة ودجات أو عنوان ، على سبيل المثال ، يستخدم Elementor الخط الافتراضي وألوان وأحجام قالب موقعك.
هنا يمكنك تغيير العرض الافتراضي لهذه العناصر في نمط القالب.
الرجوع من Elementor إلى لوحة تحكم WordPress
للعودة صفحة Elementor إلى لوحة التحكم WordPress ، ما عليك سوى النقر فوق قائمة Hamburger ≡ :
ثم على زر الرجوع إلى محرر WordPress. ( الخروج إلى لوحة التحكم ) 
الشريط السفلي لإعدادات Elementor
يوجد أسفل الشريط الجانبي شريط إعدادات يمنحنا خيارات مثل: حفظ الصفحة ، أو حفظ كمسودة أو سجل أو متصفح أو وضع استجابة Elementor للجوال والكمبيوتر اللوحي:
أيقونة إعدادات Elementor
يتيح لك النقر على أيقونات الاعدادات الموجودة في أسفل الشريط، بالضبط أقصى اليمينكما في الصورة ما يلي:
- تعيين عنوان الصفحة
- الحالة (حالة الصفحة ) سواء تم النشر أم لا
- الصورة البارزة إذا كانت مقالة WordPress.
أيقونة متصفح Elementor
يعد متصفح Elementor مناسباً للغاية من أجل تحديد عنصر بذاته على الصفحة.
المتصفح = Le navigateur ⇐ الترجمة إلى العربية في إلمنتور هي « مسار التنقل »
يمكن الوصول إلى مسار التنقل من خلال النقر على أيقونة المتصفح في أسفل الشريط الجانبي .
أيقونات سجل المحفوظات Elementor
يتيح لك رمز محفوظات Elementor الرجوع والتراجع عن التغييرات التي تم إجراؤها على الصفحة:
أيقونة المحمول والكمبيوتر لتحقيق الاستجابة
تسمح لنا أيقونة الاستجابة هذه بتبديل محرر Elementor إلى وضع الاستجابة.
يمكنك مشاهدة عرض صفحتك على الجهاز اللوحي والجوال وإجراء التغييرات مباشرة على الإصدار سريع الاستجابة لصفحة Elementor الخاصة بموقعك:
أيقونة معاينة صفحة Elementor قبل نشرها
تتيح لك هذه الأيقونة، معاينة التغييرات التي أجريتها على صفحة إلمنتور قبل نشرها على الإنترنت.
Elementor هو WYSIWYG
WYSIWYG = What you see is what you get
Ce que vous voyez est ce que vous obtenez = ما تراه هو ما تحصل عليه
لذا فإن العرض من خلال النقر على ايقونة معاينة يشبه تقريباً العرض عبر الإنترنت.
قد تكون هناك اختلافات في بعض الأحيان ، وتعتبر رؤية الصفحة كما تظهر على الإنترنت طريقة جيدة لضمان العرض النهائي للصفحة.
زر تحديث صفحة Elementor أو حفظها كمسودة
الزر الموجود في الأسفل مخصص لحفظ صفحة Elementor ونشر التغييرات أو تحديثها .
بالنقر فوق السهم الموجود على يسار الزر “تحديث” ، تظهر الخيارات التالية :
حفظ الصفحة كمسودة:
من خلال النقر على « حفظ المسودة » يتم حفظ التغييرات التي اجريتها ولكن لا يتم نشرها لتعود لاحقاً لاستكمال تعديلاتك.
حفظ كقالب:
يمكنك حفظ صفحتك الكاملة في مكتبة قوالب Elementor الخاصة بموقعك واستيراد جميع الأقسام و الأعمدة و الودجات إلى أي صفحة Elementor أخرى من مكتبة النماذج والكتل الخاصة بموقعك.
إغلاق وفتح الشريط الجانبي لElementor
كما ترى في الصورة ⇓ يوجد سهم صغير على الحافة اليسرى للوحة الجانبية لصفحة Elementor :
بالنقر على هذا السهم، يتم فتح وإغلاق الشريط الجانبي لإعدادات Elementor.
وهذه الممارسة تسمح لك بالمعاينة المباشرة لصفحة إلمنتور المعروضة:
وهكذا 
يصبح شكل صفحتك حين تنقر على السهم ، مما يتيح لك رؤية الشكل التقريبي لصفحة Elementor حين تعرض على النت.
وبالتالي تصبح لديك نظرة حية عن نمط صفحتك إلمنتور التي سيتم عرضها على النت بعد النشر .
نافذة عرض صفحة Elementor
كما رأيتَ آنفاً أنه يمكنك المشاهدة من حين لآخر للصفحة التي أنت بصدد تصميمها وذلك بالنقر على سهم الفتح والإغلاق.
ونستخدم نافذة عرض صفحة Elementor لبناء صفحاتنا ونشرها على موقعنا WordPress.
∴ لبناء صفحة يمكنك إما:
- إضافة قسم جديد إلى صفحة Elementor
- إضافة عمودٍ جديدٍ إلى قسم Elementor
- استخدام الودجات لإضافة: العنوان والنص والصورة وما إلى ذلك في عمود Elementor .
إضافة قسم جديد إلى صفحة Elementor
توجد طريقتان لإضافة قسم جديد إلى صفحة إلمنتور :
أسفل القسم الأخير من الصفحة ، يوجد خيار بزر +
من خلال النقر على + ، نضيف قسماً جديداً، فيسألنا Elementor عن عدد الأعمدة التي نريدها في هذا القسم . ثم نختار العدد مما هو متاح هنا ⇓
الطريقة الثانية لإضافة قسم هي النقر على أيقونة + عند تمرير الماوس فوق القسم.
لدينا بعد ذلك خيار إضافة قسم جديد يظهر وسيظهر القسم تلقائياً أعلى القسم الذي نقرنا عليه.
كيفية نقل قسم Elementor
لتحريك قسم ، ما عليك سوى النقر على النقاط الست في القسم والسحب والإفلات في أي مكان بالصفحة ، أعلى أو أسفل قسم آخر:
إقرأ ايضاً: نسخ ولصق في Elementor
كيفية حذف قسم Elementor
يتيح لك Elementor أيضاً حذف قسم من الأقسام الموجودة سلفاً على صفحتك ، ما عليك سوى النقر فوق علامة x التي ستظهر عند تحريك الماوس فوق القسم:
كيفية إضافة عمودٍ جديدٍ إلى قسم Elementor
تحتوي الأقسام في إلمنتور على عمود واحدٍ على الأقل. و لإضافة عمود جديد إلى قسم ما ، ما عليك سوى النقر بزر الماوس الأيمن فوق أحد أعمدة القسم وتطبيق ما يلي :
عمود مكرر:
بالنقر على « تكـرار » ستكون قد أحسنت فعلاً لتجنب إعادة جميع الإعدادات للعمود الجديد . بمعنى أن العمود الذي سيضاف لن يكلفك سوى تغيير المحتوى دون المساس باإعدادات .
+ إضافة عمود جديد:
بالنقر على « + إضافة عمود جديد » سيكون لديك عمود فارغ بجانبه. ولك ان تضيف فيه ما تشاء من نص أو صورة ، زر أو أيقونة .. وما إلى ذلك ..
كيفية نقل عمود Elementor
لنقل عمود Elementor من موضع إلى آخر ، ما عليك سوى النقر فوق رمز العمود واسحبه إلى الموضع المطلوب:
كيفية حذف عمود Elementor
لحذف عمود في Elementor ، يكفي أن تنقر بزر الماوس الأيمن على أيقونة العمود ثم اختر حذف ↓
كيفية إنشاء قسم داخلي في Elementor
تسمح الأقسام الداخلية في Elementor بعرض أعمدة متعددة داخل عمود واحد.
يتم تمثيلهم بواسطة أداة القسم الداخلي المتوفرة في الشريط الجانبي الأيسر :
لإضافة قسم داخلي في عمود Elementor ، ما عليك سوى تحديد الودجت واسحبه إلى الموقع المطلوب. كما هو مبين في الصورة فوق ↑
لذلك لدينا قسم داخلي به عمودين جديدين للقسم الداخلي و يتم عرضهما داخل العمود الرئيسي:
- 1- القسم الرئيسي
- 2- القسم الداخلي
انقر بزر الماوس الأيمن على Elementor
عنصر آخر مهم في واجهة Elementor: النقر بزر الماوس الأيمن.
يقدم Elementor قائمة سريعة عند النقر بزر الماوس الأيمن على أي عنصر.
يتيح لك النقر بزر الماوس الأيمن في Elementor القدرة على القيام بما يلي:
- تحرير الصورة
- تكرار : تكرار العنصر المحدد
- النسخ
- اللصق
- نمط اللتنسيق
- إعادة تعيين النمط: إعادة تعيين النمط الافتراضي للقالب
- المتصفح: مسار التنقل
- حذف: لحذف العنصر المحدد
متصفح Elementor
يقدم Elementor متصفحاً في نافذة محرر ملف الصفحة. وهذا المتصفح يمكن عرضه في أي مكان على واجهة Elementor.
بشكل افتراضي ، يتم عرضه عادةً على اليسار ( بالعربية ) ولكن يمكنك نقله في أي مكان على الواجهة.
لنقل نافذة مسار التنقل أو المتصفح داخل الصفحة ، ضع مؤشر الماوس في الجزء العلوي للنافذة حتى يظهر على هذا الشكل
ثم قم بالسحب والإفلات إلى أي مكان في واجهة الصفحة.
عليك أن تعلم أن المتصفح مفيد جدّاً في تحديد العناصر على الصفحة أو لنقل أقسام بأكملها ، على سبيل المثال.
∴ لعرض المتصفح هناك احتمالان :
في الشريط الجانبي الأيمن من خلال النقر على أيقونة المتصفح « مسار التنقل » :
أو بالنقر بزر الماوس الأيمن فوق أي عنصر ثم اختر مسار التنقل من قائمة السياق
قائمة السّياق هي النافذة التي تفتح عند النقر بزر الماوس الأيمن على أي عنصر
بعد النقر على مسار التنقل، يظهر المتصفح ، ما عليك سوى النقر فوق أي عنصر لتحريره أو نقله:
العنوان مثلاً ↵
بهذا نكون قد تعرفنا على مجمل العناصر المكونة لواجهة Elementor . وذلك بغية إنشاء صفحات موقعك باحترافية و بأكبر قدر ممكن من الكفاءة.
إلى لقاء آخر في موضوع جديد لكيفية تعلم إنشاء صفحتك على Elementor .. في أمان الله
قناتي على اليوتوب
أرى أن هذه المواضيع قد تهمك:
إذا أعجبك هذا المحتوى، فلا تَقْرَأْ وتَرْحَل … تَـعْلِيقَـاتُكَ تَـشْجِيعٌ لَـنَـا لِنَسْتَمِرَّ فِــي الْبَحْثِ وَالْعَطَـاء. وإِذَا كنت تعتقد أنه قد يكون مفيداً لأشخاص آخرين، فشَارِكْهَ على الشبكات الاجتماعية.