كيفية استخدام إضافة Elementor لبناء صفحات على ووردبريس

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

كيفية تثبيت إضافة elementor على ووردبريس

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

•  أولاً، ستحتاج إلى تسجيل الدخول إلى لوحة تحكم WordPress الخاصة بك. بمجرد تسجيل الدخول، انتقل إلى قائمة "المكونات الإضافية" الموجودة على الجانب الأيسر من الشاشة. من هناك، انقر فوق "إضافة جديد" للوصول إلى مستودع WordPress الإضافي. في شريط البحث، اكتب "elementor" ثم اضغط على "إدخال". يجب أن يظهر المكون الإضافي في نتائج البحث. قبل متابعة التثبيت، تأكد من التحقق من المراجعات والتقييمات وتوافق الإضاف  مع إصدار WordPress الخاص بك. 
• من الجيد دائماً اختيار المكونات الإضافية التي يتم تحديثها بشكل متكرر ولها تعليقات إيجابية من المستخدمين الآخرين. بمجرد العثور على الإضافة، انقر فوق الزر "التثبيت الآن". سيقوم WordPress بعد ذلك بتنزيل المكون الإضافي وتثبيته على موقع الويب الخاص بك.
•  بعد اكتمال التثبيت، لا تنس النقر فوق الزر "تنشيط" لتمكين الإضاف  على موقعك. الآن بعد أن قمت بتثبيت وتنشيط المكون الإضافي بنجاح، ستلاحظ وجود عنصر قائمة جديد يسمى "elementor" في لوحة تحكم WordPress الخاصة بك. انقر فوق هذه القائمة للوصول إلى محرر الإضاف ، حيث يمكنك البدء في إنشاء وتخصيص صفحات موقع الويب الخاص بك بسهولة. بالإضافة إلى الإصدار المجاني من الإضافة، هناك أيضاً إصدار Pro متوفر بميزات ووظائف أكثر تقدماً.
•  إذا كنت مهتماً بالترقية إلى Pro، فيمكنك القيام بذلك عن طريق شراء ترخيص من الموقع الإلكتروني واتباع تعليمات الترقية. تجدر الإشارة إلى أنه على الرغم من أن elementor هو منشئ صفحات سهل الاستخدام، إلا أنه من الجيد دائمًا أن تتعرف على الميزات والإعدادات المتنوعة المتوفرة داخل البرنامج الإضافي. 

نبذة عن واجهة وأدوات إضاف  elementor 

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

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

كيفية إنشاء صفحة جديدة أو منشور باستخدام elementor

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

1. للبدء، تأكد من تثبيت الإضافة وتنشيطه على موقع WordPress الإلكتروني الخاص بك. بمجرد الانتهاء من ذلك، انتقل إلى قسم "الصفحات" أو "المشاركات" في لوحة تحكم WordPress الخاصة بك وانقر على الزر "إضافة جديد" لإنشاء صفحة أو منشور جديد.
2.  بعد إنشاء صفحة أو منشور جديد، سترى خياراً للتعديل باستخدام الإضافة. انقر فوق الزر "تحرير باستخدام elementor" لتشغيل أداة إنشاء صفحات الإضافة. بمجرد دخولك إلى محرر الإضافة، سترى لوحة فارغة حيث يمكنك البدء في إنشاء صفحتك أو منشورك. 
3. على الجانب الأيسر من الشاشة، ستجد لوحة تحتوي على عناصر وعناصر واجهة مستخدم مختلفة يمكنك استخدامها لتخصيص صفحتك. لإضافة عنصر إلى صفحتك، ما عليك سوى سحبه وإفلاته في اللوحة القماشية. 
4. كما يمكنك إضافة نص وصور ومقاطع فيديو وأزرار والمزيد لإنشاء تصميم فريد وجذاب. يمكنك أيضاً تخصيص تخطيط صفحتك عن طريق إضافة أقسام وأعمدة. تتيح لك الأقسام تقسيم صفحتك إلى أجزاء مختلفة، بينما تساعدك الأعمدة على تنظيم المحتوى الخاص بك داخل كل قسم. 
5. لإضافة قسم جديد، انقر فوق الزر "+" الموجود أسفل اللوحة وحدد نوع القسم الذي تريد إضافته. يمكنك الاختيار من بين هياكل الأعمدة المختلفة وألوان الخلفية وخيارات الحشو لتخصيص القسم الخاص بك. بمجرد إضافة قسم، يمكنك سحب العناصر وإسقاطها في الأعمدة لإنشاء التخطيط المطلوب. يمكنك أيضاً تغيير حجم الأعمدة عن طريق سحب الحواف لضبط عرضها. 
6. كما يتيح لك elementor أيضاً تخصيص نمط ومظهر صفحتك باستخدام مجموعة من خيارات التصميم. يمكنك تغيير الخطوط والألوان والخلفيات والمسافات لإنشاء مظهر متماسك واحترافي لصفحتك. 

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

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

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

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

تابع أيضاً: أفضل قوالب ووردبريس مجانية