شارك هذا المقال:
لم يعد أمر تصميم مواقع الويب يحتاج الوقت والمجهود الذي كان يتطلبه من قبل، فالآن يمكنك تصميم موقع احترافي بدون أن يكون لديك أي علم بلغات البرمجة وبدون اللجوء إلى متخصص.
إضافة Elementor التي سنتحدث عنها في هذا المقال، تعد من الأدوات التي ساهمت في جعل الأمر أكثر سهولة واحترافية.
هي أحد إضافات ووردبريس، انطلقت عام 2016 وفي غضون شهور من الإعلان عنها أصبحت الأداة الأفضل في مجال تصميم المواقع، كما ازدادت شعبيتها بسرعة كبيرة ولفتت أنظار الكثير من المهتمين بمجال صناعة صفحات الويب وتصميم المواقع.
أفضل ما يميّز إضافة Elementor هي خاصية (السحب والإدراج - Drag and drop) والتي تساعدك في تصميم واجهة الموقع بسلاسة؛ كل ماعليك فقط هو سحب العناصر ثم إفلاتها في المكان الذي تراه مناسبَا.
كما ذكرنا من قبل فإضافة Elementor تدعم خاصية السحب والإفلات، وهي أيضا تحقق مبدأ تقني يسمّى WYSIWYG
وهو اختصار لجملة What you see is what you get!
أي ما تراه هو ما تحصل عليه وبذلك فأنت ترى جميع العناصر والأزرار أمامك على الشاشة من خلال واجهة متطوّرة دون اللجوء لكتابة أي أكواد أو تعليمات برمجية.
يتوافق Elementor مع جميع ثيمات wordpress لذلك لا تقلق بشأن وجود موقع خاص بك بالفعل، فإذا أردت التعديل عليه وإضافة مميزات جديدة لن تحتاج إلى تغيير القالب الحالي.
تمكّنك هذه الإضافة من الحصول على موقع إلكتروني قابل للتعديل والمعاينة المباشرة أثناء العمل، بالإضافة إلى أنها صديقة لمحركات البحث حيث تدعم جميع قواعد الـ SEO
وكل ما يتم تصميمه من خلال Elementor يدعم العرض على جميع أنواع الأجهزة ومقاسات الشاشات المختلفة مثل الهواتف الذكية، اللابتوب وأجهزة الكمبيوتر.
يمكنك من خلال هذه الأداة الاختيار بين إنشاء موقعك من الألف إلى الياء، أو الاعتماد على القوالب والعناصر الجاهزة؛ حيث يوفّر لك قرابة المائة عنصر للمحتوى يمكنك استخدامهم بكل سهولة، بالإضافة إلى مكتبة عملاقة من القوالب المجانية والمدفوعة.
كما يدعم إنشاء المحتوى الديناميكي والذي يمكنك استخدامه في المدونات والصفحات والمواقع الأخبارية.
اذا كنت تمتلك موقع ضخم وطاقم عمل كبير، يمكنك التحكم في أدوار المستخدمين وصلاحيات التعديل في الموقع بسهولة عن طريق لوحة الإعدادات الخاصة بك.
هناك طريقتين لتثبيت وتنصيب إضافة Elementor على ووردبريس
الطريقة الأولى من الصفحة الرئيسية لـ ووردبريس نفسه
الخطوة الأولى: افتح صفحة وورد بريس الرئيسية ثم اختر من القائمة الجانبية خيار إضافات - Plugins
الخطوة الثانية: اضغط على زر إضافة جديد ثم اكتب اسم الإضافة " Elementor" في مربع البحث كما هو موضّح بالمربع الأحمر.
الخطوة الثالثة: اضغط على زر التنصيب الآن - install now وبعد انتهاء التحميل اضغط تفعيل - Activate
الآن أنت تملك إضافة Elementor الاحترافية.
الطريقة الثانية لتثبيت الإضافة
الخطوة الأولى: هي زيارة الموقع الالكتروني:
الخطوة الثانية: ادخال بريدك الالكتروني وكلمة مرور جديدة لإنشاء حساب خاص بك
الخطوة الثالثة: أجب عن بعض الأسئلة التي تساهم في تحسين تجربتك مع الإضافة.
الخطوة الرابعة: اختر خطة العمل بناءً على احتياجاتك والسعر المناسب لك، إذا كنت مبتدئ أو مازلت في مرحلة تجربة الإضافة ننصحك باختيار الخطة المجانية.
الخطوة الخامسة: أدخل الدومين أو رابط الموقع الخاص بك للتأكد من أن موقعك على نظام ووردبريس
الخطوة السادسة: انقر فوق زر تثبيت الإضافة أو install Elementor
ومن هنا، تهانينا تم تثبيت الإضافة بنجاح.
الآن أنت تعرف أن هذه الإضافة هي الأفضل و الأسهل بين منافسيها، جاء الوقت لتجرّب بنفسك انشاء صفحة ويب لأول مرّة وبدون أي خبرة في البرمجة!
الخطوة الأولى: إذهب إلى لوحة التحكم الخاصة بك على ووردبريس ثم أختر الصفحات ثم انقر على إضافة جديد.
الخطوة الثانية: انتظر تحميل الصفحة لتظهر لك صفحة رئيسية للعمل وعلى اليمين تظهر لك عناصر التحكم بالمحتوى.
ستبدو لك قائمة العناصر بالشيئ المألوف بعد ذلك؛ لأنك ستقضي ساعات من العمل مع هذا الجزء الرائع، وخاصةً أنه سيمكنك من التحكم في شكل صفحتك عن طريق عدة أزرار
1- الوصول للإعدادات أو إنهاء المحرر
2- جميع إعدادات صفحة العمل
3- سجل لجميع الأحداث التي قمت بها على الصفحة
4- معاينة التغييرات
5- تغيير مقاس عرض الشاشة وتجربة الصفحة بمقاسات الهواتف الذكية
6- ادراج الصور، الفواصل، الأيقونات والنصوص وتحرير المحتوى
الخطوة الثالثة: ابدأ باختيار شكل توزيع الكتل وأضف العنوان والصور للصفحة الرئيسية.
الخطوة الرابعة: عدّل المحتوى واسحب الأيقونات للأماكن المناسبة حسب وجهة نظرك ثم اضغط على الزر الأخضر لنشر صفحتك الأولى.
وها قد انتهى الأمر!
لقد اتممت بناء صفحتك الأولى من خلال إضافة Elementor بكل سهولة.
إذا كنت تبحث عن طريقة أسهل فلحسن الحظ الأداة توفّر لك أكثر من 300 قالب جاهز للتعديل، كل ماعليك هو تصفّح مكتبة القوالب واختيار ما يناسب مجالك واحتياجاتك.
تتوفّر إضافة Elementor في نسختين إحداهما مجانية والأخرى مدفوعة
يمكنك من خلال النسخة المجانية عمل الآتي:
أما إذا اخترت النسخة المدفوعة فبالطبع هناك امتيازات أكثر ومن أهمها:
أما بالنسبة لسعر النسخة المدفوعة، فعند زيارة الموقع الرسمي ستجد 4 باقات مختلفة للإشتراك كما هو موضح في الصورة التالية، يمكنك الاختيار من بينهم.
يمكن تصميم وإنشاء مواقع الويب الاحترافية جميعًا من خلال هذه الإضافة المميزة ولكن لتتضح لك الصورة بشكل أفضل إليك مجموعة من هذه المواقع:
1- المواقع الشخصية
2- مواقع العقارات
3- مواقع التسوّق والتجارة الإلكترونية
4- مواقع المحتوى التعليمي
5- المدونات
6- مواقع التدريب و الكورسات
7- جميع أنواع المتاجر الإلكترونية
8- مواقع الكتب والتطبيقات
والآن جاء الوقت لتلقي نظرة على مواقع عالمية تم تصميمها باستخدام هذه الأداة لتظهر بشكل احترافي، وقد لا تستطع تفرقتها عن المواقع التي تم بناؤها بالطرق التقليدية وبأبادي متخصصين في برمجة وتصميم الويب.
هو موقع إلكتروني خاص بوكالة تسويق إلكتروني تم بناؤه بالكامل عن طريق إضافة Elementor اعتمادًا على أحد القوالب يدعى (twenty seventeen)
هو موقع متخصص في شراء الطائرات أو قطع غيار الطائرات مثل المحركات، تم تصميمه بطريقة احترافية من خلال أداة Elementor
و تم تزويد الصفحة الرئيسية بمربع للبحث بالإضافة إلى البحث المتقدم الذي يوفره الموقع.
هو موقع إلكتروني لمطعم في الولايات المتحدة، منذ أن تدخل الموقع ستنبهر بالواجهة الاحترافية التي اعتمدت على الفيديو، وكيف تم استغلال الأداة بأفضل طريقة للحصول على موقع ساحر وجذاب للمستهلكين.
موقع لبيع الملابس الشتوية بتصميمات عصرية وجذابة، اعتمد في تصميم موقعه على إضافة Elementor
وتم عرض المنتجات باستخدام ميزة الـ Woocommerce التي توفرها اضافتنا المميزة.
هو أحد المواقع المتخصصة في تصميم أغطية حمامات السباحة، تمَكّن الموقع من عرض خدماته باحترافية وشكل مميز من خلال استخدام قالب Hello
الآن أنت تملك المعلومات الكافية التي تؤهلك لبناء موقعك الإلكتروني الأول بطريقة احترافية من خلال أداة Elementor ونشره بدون اللجوء إلى قضاء شهور في تعلم لغات البرمجة و كورسات تصميم المواقع.