نظرة عامة على واجهة Elementor: دليل المبتدئين – 2024

هل ترغب في اكتشاف وفهم شكل واجهة Elementor؟ هذا الدليل مناسب لك.

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

في الوقت الحاضر، نشهد ظهور أدوات جديدة لنظام ووردبريس البيئي، وذلك لتوفير حل أبسط لتصميم موقع ويب، حتى للمبتدئين تمامًا.

فيما يتعلق بتصميم تخطيطات WordPress ، كان علينا بالفعل تقديم المكوّن الإضافي الملحن البصري، والتي تعد بالتأكيد واحدة من أفضل الأدوات عندما يتعلق الأمر بتصميم التخطيط.

مع ذلك، تجدر الإشارة إلى أن هذا الحل ليس مناسبًا للجميع. لذا، سنقدم لكم في هذا الشرح إضافة Elementor لـ WordPress، وهي إضافة مجانية (مع إمكانية إضافة مزايا إضافية باشتراك).

---

محتويات

---

أين يمكن الحصول على عنصر لبرنامج WordPress

نحن نفكر بجدية في جعلك ترى إمكانات المكون الإضافي ، وسوف يساعدك الحل المجاني في البدء دون دفع فلس. هذا الحل المجاني متاح في WordPress.org. باعتبارها إضافة ووردبريس، يتم تثبيتها مثل أي إضافة أخرى. البرنامج المساعد من لوحة القيادة. 

إذا تمكن المكوّن الإضافي من إرضائك تمامًا ، فستتمكن من الحصول على الترخيص الكامل بجميع الوظائف على الموقع إليمينتور الرسمي.

الميزات الرئيسية للعنصر

يُعدّ Elementor أحد أشهر أدوات إنشاء الصفحات لمنصة WordPress، وذلك لأسباب وجيهة. فبفضل ميزاته القوية وواجهته سهلة الاستخدام، يُقدّم حلاً فعالاً لإنشاء مواقع ويب احترافية دون الحاجة إلى أي مهارات برمجية. إليك نظرة عامة على أهم ميزات Elementor التي تجعله أداة لا غنى عنها لأي مستخدم WordPress:

قم بسحب وإسقاط المحرر المرئي : يقدم Elementor محررًا مرئيًا بديهيًا يسمح لك بتصميم الصفحات عن طريق سحب العناصر وإسقاطها. يمكنك رؤية التغييرات في الوقت الفعلي، مما يجعل تخصيص موقع الويب الخاص بك أسهل بكثير.

الحاجيات الغنية بفضل مجموعة واسعة من الأدوات المتاحة، يتيح لك Elementor إضافة عناصر متنوعة إلى صفحاتك، مثل الأزرار، ومعارض الصور، والشرائح الدوارة، والنماذج، وغيرها. ويُضيف الإصدار الاحترافي مزيدًا من الميزات المتقدمة، مثل نماذج الاتصال، والشرائح المنزلقة، ومعارض الأعمال.

قوالب محددة مسبقا : يقدم Elementor مكتبة من القوالب المعدة مسبقًا والتي يمكن استخدامها كنقطة بداية لصفحاتك. تغطي هذه القوالب أنماطًا واحتياجاتًا مختلفة، مما يجعل من السهل إنشاء صفحات وظيفية وجذابة.

محرر الموضوع باستخدام Elementor Pro، يمكنك تخصيص محتوى صفحتك، بالإضافة إلى الرؤوس والتذييلات وأجزاء أخرى من موقعك الإلكتروني باستخدام محرر القوالب المدمج. يتيح لك هذا إنشاء تناسق بصري في جميع أنحاء موقعك.

إنشاء قوالب المشاركات : تتيح لك ميزة إنشاء قوالب المنشورات تصميم تخطيطات لأنواع منشورات معينة، مثل منشورات المدونة أو منتجات WooCommerce. يعد هذا الخيار مفيدًا بشكل خاص لإنشاء تصميمات متسقة لأنواع مختلفة من المحتوى.

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

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

الدعم والتوثيق يُقدّم Elementor دعمًا شاملاً، بما في ذلك وثائق مُفصّلة، ودروس تعليمية عبر الإنترنت، ومجتمع نشط. ويستفيد مُستخدمو النسخة الاحترافية من دعم مُميّز مُباشر، مما يضمن مُساعدة سريعة وفعّالة في حلّ أيّة مشاكل.

الامتدادات والتكاملات يتوافق Elementor مع مجموعة متنوعة من الإضافات والتكاملات، مما يتيح لك إضافة وظائف إضافية إلى موقعك. سواء كنت ترغب في دمج أدوات التسويق، أو إضافات تحسين محركات البحث، أو حلول التجارة الإلكترونية، فإن Elementor يُسهّل عليك توسيع إمكانيات موقعك.

إليكم جدولًا يقدم ملخصًا لميزات Elementor.

المزايا	عنصر مجاني	إليمنتور برو
محرر الصفحة بالسحب والإفلات	نعم	نعم
قوالب محددة مسبقا	نعم	نعم
الحاجيات الأساسية	نعم	نعم
الحاجيات برو	ليس	نعم
محرر الرأس والتذييل	ليس	نعم
إنشاء قوالب المشاركات	ليس	نعم
إنشاء قوالب WooCommerce	ليس	نعم
منشئ النوافذ المنبثقة	ليس	نعم
دعم القطعة طرف ثالث	ليس	نعم
الدعم الفني	ليس	نعم
ميزات التسويق (النماذج	ليس	نعم
الوصول إلى مكتبة القوالب المتميزة	ليس	نعم
التأثيرات والرسوم المتحركة المتقدمة	ليس	نعم
أدوات المراجعة والنسخ الاحتياطي	ليس	نعم
خلق النماذج	ليس	نعم
التحكم المتقدم في الطباعة	ليس	نعم
التحكم في التخطيط المستجيب	ليس	نعم
إمكانية الوصول إلى التحديثات المنتظمة	نعم	نعم

 

لاحظ أن هذه ليست قائمة شاملة لجميع الميزات التي يقدمها الملحق. ستجد المزيد من التفاصيل في استكشاف موقعه على الانترنت.

---

ابدأ مع Elementor

يعد بدء استخدام Elementor أمرًا سريعًا وسهلاً، حتى لو كنت جديدًا في إنشاء مواقع WordPress. اتبع هذه الخطوات لإعداد Elementor والبدء في تصميم صفحاتك كالمحترفين.

لن نتناول عملية التثبيت بالكامل هنا. بما أن هذه إضافة ووردبريس، فقد تم شرح إجراء التثبيت مسبقًا في [القسم/الرابط السابق]. تعليمي السابق.

تثبيت Elementor

1. الوصول إلى لوحة تحكم WordPress الخاصة بك: قم بتسجيل الدخول إلى لوحة تحكم ووردبريس الخاصة بك.
2. انتقل إلى الملحقات: انتقل إلى "الإضافات" ثم انقر فوق "إضافة".
3. البحث عن العنصر: اكتب "Elementor" في شريط البحث. ستجد Elementor (النسخة المجانية). للبدء، قم بتثبيت النسخة المجانية وتفعيلها.
4. تثبيت العنصر: انقر على "التثبيت الآن" ثم "التفعيل" بمجرد اكتمال التثبيت.

ومع ذلك، بعد التثبيت، ستتمكن من الوصول إلى الصفحة الرئيسية للملحق.

إذا ظهرت لك هذه الصفحة على شاشتك، فهذا يعني أنك قمت بتثبيت إضافة Elementor بنجاح. نستخدم حاليًا النسخة الكاملة في هذا الشرح، ولكن واجهة المستخدم لن تختلف كثيرًا عن النسخة المجانية.

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

إذا كان لديك الإصدار المجاني، يمكنك الوصول إلى القسم التالي. لتسجيل ترخيصك، ستلاحظ إشعارًا على WordPress يطالبك بتسجيل ترخيصك.

لذا فقط اضغط على تحديث الآن للوصول إلى صفحة التسجيل، انقر على التنشيط.

ستشاهد عادةً صفحة التأكيد الخاصة بك إذا كان ترخيصك كذلك النشطه.

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

واجهة Elementor

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

منطقة العمل (منطقة المحتوى)

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

لوحة الحاجيات

Le لوحة الحاجيات يقع هذا القسم على الجانب الأيسر من واجهة المستخدم. ويحتوي على عناصر متنوعة يمكنك سحبها وإفلاتها في مساحة العمل. تم تنظيم الأدوات في فئات، مثل "عام" و"أساسي" و"تخطيط" وغيرها، لتسهيل العثور على العناصر وإضافتها إلى صفحتك.

مجموعات عناصر واجهة المستخدم في Elementor

مجموعات عناصر واجهة المستخدم في Elementor هي مجموعات من وحدات الوظائف التي يوفرها Elementor. يعتمد عدد الأقسام على ما إذا كنت تستخدم الإصدار الكامل أو الإصدار التجريبي. WooCommerceYoast SEO أو إضافات أخرى متوافقة.

اعتمادًا على هذه الشروط، سيكون لديك أقسام أكثر أو أقل على الواجهة الخاصة بك. نظرًا لأننا نستخدم الإصدار الكامل مع تمكين المكون الإضافي WooCommerce، فهذا هو الشكل الذي تبدو عليه واجهتنا.

شريط الأدوات العلوي

La شريط الأدوات العلوي يتضمن خيارات أساسية مثل:

• شعار : يعرض ميزات مثل: منشئ السمات، والسجل، وتفضيلات الحساب، واختصارات لوحة المفاتيح، وما إلى ذلك في قائمة.
• زر إضافة العناصر: يتيح لك عرض لوحة الأدوات المراد إدراجها في الصفحات
• زر إعدادات الموقع: يعرض العديد من إعدادات خيارات الموقع العالمية

• زر الهيكل: يتيح لك هذا رؤية الهيكل العام لصفحتك والتنقل فيها بسهولة. إذا كانت صفحتك تحتوي على عدة أقسام متداخلة، فستكون هذه الميزة مفيدة للغاية.

• عنوان الصفحة/ المقالة: يعرض عنوان الصفحة أو المقالة بالإضافة إلى حالتها (مسودة، منشورة، إلخ).
• قائمة التنقل عبر الهاتف المحمول يتيح لك هذا الخيار التبديل بين عرض سطح المكتب، والعرض على الأجهزة اللوحية، والعرض على الهواتف المحمولة. وهذا أمر ضروري لضمان استجابة تصميمك وملاءمته لجميع أنواع الأجهزة.
• إعدادات الصفحة : الوصول إلى إعدادات الصفحة، بما في ذلك خيارات التخطيط وإعدادات النمط.
• نشر/تحديث : يحفظ وينشر التغييرات التي تم إجراؤها على الصفحة.
• معاينة : يُرمز إليه بالعين ويسمح لك برؤية كيف تتصرف صفحتك في موقف حقيقي.

ستجد على اليسار الأدوات المختلفة التي يوفرها الملحق، وعلى اليمين ستشاهد معاينة فورية لتغييراتك. في هذا الشرح، نستخدم قالب Hello المجاني من Elementor.

---

كيفية استخدام Elementor

إنشاء صفحتك الأولى

يعمل Elementor على صفحات ومقالات ووردبريس. سواء كنت تستخدم الواجهة الكلاسيكية أو واجهة Gutenberg الجديدة، سترى زرًا يحثك على استخدام أداة إنشاء Elementor.

• إنشاء صفحة جديدة: انتقل إلى "الصفحات" وانقر على "إضافة".
• قم بتسمية صفحتك: أعط صفحتك عنوانًا وانشرها.
• تحرير باستخدام العنصر: انقر فوق زر "التحرير باستخدام Elementor" لتشغيل محرر Elementor المرئي.

كيفية إضافة الأدوات إلى محرر Elementor

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

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

استخدام القوالب: لتسريع العملية، استخدم القوالب المصممة مسبقًا. انقر على أيقونة المجلد للوصول إلى مكتبة القوالب، حيث يمكنك اختيار قالب واستيراده بنقرة واحدة.

---

حالات عملية

كيفية وضع كتلة Elementor

بمجرد توسيع القسم، ستجد أدوات Elementor. يتم وضع أدوات Elementor المختلفة عن طريق سحبها وإفلاتها في المنطقة المحددة بخطوط متقطعة.

---

كيفية اختيار تخطيط قسم في Elementor

قبل إضافة عنصر واجهة مستخدم Elementor، يجب عليك التفكير في اختيار تخطيط بالنقر فوق زر "+" في القسم المميز.

اعتمادا على احتياجاتك، سوف تختار التصميم الذي يناسبك.

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

الأعمدة المختلفة التي تحتوي على علامة "+" بداخلها هي المناطق التي يمكنها قبول عناصر واجهة المستخدم الخاصة بـ Elementor.

إذا قمت بإضافة كتلة Elementor دون اختيار تخطيط أولاً، فسيتم اختيار تخطيط العمود الفردي افتراضيًا.

يمكن إعادة ترتيب أقسام Elementor بالنسبة لبعضها البعض، باتباع نفس مبدأ "السحب والإفلات".

يمكنك أيضًا حذف قسم إذا لم تعد ترغب في استخدامه.

فيما يلي مثال على قسم يحتوي على كتلتين، وهما كتلة العنوان وكتلة النص.

---

كيفية استخدام أدوات التصميم الأخرى

بعد الانتهاء من تصميمك، من الأمور التي ستحتاج إلى القيام بها حفظ عملك. ستجد هذا الخيار في أسفل القسم الذي يعرض أقسام Elementor المختلفة.

لديك خيار الحفظ المباشر (نشر)، أو الحفظ كمسودة أو كقالب. سنتناول هذه الخيارات المختلفة بمزيد من التفصيل لاحقاً.

أثناء عملية التصميم، قد ترغب أيضًا في معاينة التغييرات دون الحاجة إلى واجهة Elementor الإضافية. كل ما عليك فعله هو النقر على أيقونة العين في الشريط العلوي لمحرر Elementor.

يحدث أحيانًا أثناء عملية التصميم حدوث خطأ (فعل غير مقصود).

في هذه الحالة، يقدم لك Elementor سجلًا يسمح لك بالتنقل عبر جميع أفعالك.

احذف الإجراءات التي تريد التراجع عنها من القائمة

هذا سيسمح لك بالعودة بسهولة.

زر "تعديلاة"يسمح لك بتعديل بعض الخيارات الخاصة بالصفحة مثل العنوان أو الصورة المميزة أو الحالة، من بين أمور أخرى.

---

الأسئلة الشائعة

---

موارد مشابهة لهذه المقالة

• كيفية إنشاء نموذج باستخدام Elementor حراحصل على Elementor Pro الآن !!!
• كيفية إنشاء النوافذ المنبثقة باستخدام Elementor
• Elementor مجاني مقابل Elementor Pro: مقارنة الميزات التفصيلية
• Elementor : كيفية تغيير الصورة بنقرة زر واحدة
• كيفية إنشاء تخطيط مع Elementor

خاتمة

يعد Elementor حلاً قويًا ومتعدد الاستخدامات لإنشاء صفحات WordPress استثنائية دون الحاجة إلى البرمجة. بفضل واجهته البديهية وميزاته القوية، فهو يسمح لكل من المبتدئين والمحترفين بتصميم مواقع ويب جذابة وعملية في أي وقت من الأوقات.

من خلال فهم الأقسام الرئيسية لواجهة Elementor، ستتمكن من التنقل في المحرر بكفاءة، واستخدام الأدوات على النحو الأمثل، وتخصيص كل جانب من جوانب صفحاتك لتلبية احتياجاتك الخاصة.

ال مجالات العمل, لوحات القطعةصُممت هذه الأدوات لتوفير أقصى قدر من المرونة مع الحفاظ على سهولة الاستخدام. من خلال دمج الأقسام والأعمدة بسلاسة، والاستفادة من خيارات الأنماط والتخطيط، يمكنك تحويل رؤيتك إلى واقع ملموس.

لا تنسَ الاستفادة من ميزات المعاينة الفورية لضمان ظهور تصميماتك بشكل مثالي على جميع الأجهزة. مع Elementor، يصبح كل مشروع فرصةً لإنشاء موقع ويب مذهل يتميّز عن غيره.

للحصول على المزيد من النصائح والدروس حول استخدام Elementor، اشترك في مدونتنا وابقَ على اطلاع دائم بآخر الأخبار والحيل. شارك هذه المقالة مع غيرك من عشاق ووردبريس وتصميم المواقع الإلكترونية لمساعدتهم على استغلال الإمكانيات الكاملة لـ Elementor.

ابدأ الآن باستكشاف الإمكانيات اللامحدودة التي يوفرها Elementor وحوّل أفكارك إلى تصميم مواقع ويب آسر!