هل ترغب في استخدام Elementor لبناء مواقع الويب؟
في هذه الأوقات من عدم اليقين الاقتصادي والتباعد الاجتماعي ، تتطلع الشركات إلى توسيع وجودها على الإنترنت أكثر من أي وقت مضى.
إذا كنت تتطلع إلى بدء نشاطك التجاري عبر الإنترنت ، أو إذا كنت كاتبًا مستقلاً تنشئ مواقع ويب للأعمال ، فيمكن لـ Elementor مساعدتك في إنشاء موقع ويب بشكل فعال وبأسعار معقولة وسهلة الصيانة.
Elementor هو ملف منشئ صفحات WordPress المرئيهذا يعني أنه بإمكانك إنشاء تصاميم رائعة دون الحاجة لكتابة سطر واحد من التعليمات البرمجية. إذا كنت ترغب في معرفة المزيد عن إضافة ووردبريس هذه، يمكنك الاطلاع على مقالنا. عرض واجهة Elementor
في هذه المقالة، سنشرح بمزيد من التفصيل لماذا يُعد Elementor الأداة الأمثل لبناء مواقع الويب. ثم سنوضح لك كيفية استخدام Elementor لإنشاء موقع ويب.
لكن قبل ذلك، إذا لم تقم بتثبيت ووردبريس من قبل، فلنستكشف... كيفية تثبيت وورد بلوق الخطوات 7 et كيفية العثور عليها، وتثبيت وتفعيل موضوع ورد على بلوق
ثم عد إلى سبب وجودنا هنا.
إذا كنت تريد المزيد من التفاصيل حول كيفية استخدام Elementor لإنشاء مواقع ويب ، أكاديمية HubSpot و Elementor تعاونت لتقديم دورة تدريبية مجانية عبر الإنترنت تغطي كل شيء بدءًا من إعداد استضافة الويب الخاصة بك إلى إنشاء موقع WordPress الخاص بك وإطلاقه.
لماذا استخدم Elementor لبناء مواقع الويب
يمكن أن يؤدي استخدام Elementor لإنشاء مواقع ويب إلى:
- يوفر لك الوقت ويساعدك على بناء مواقع الويب الخاصة بك بشكل أسرع.
- قلل من تعقيد مواقع الويب الخاصة بك ، وتخلص من الأخطاء ، وقم بإنشاء عملية صيانة أسهل عندما يتعلق الأمر بالتحديثات والاختبار.
- يوفر لك المال ويبسط التكاليف حتى تتمكن من تسعير المشروع بشكل أفضل.
دعنا نراجع الفوائد.
وفر الوقت وتجنب الكود
سواء كنت مصممًا أو مطورًا أو مجرد مستخدم عادي لـ WordPress ، يمكن لـ Elementor تسريع سير عملك من خلال واجهته المرئية ، والتي تدعم وظيفة السحب والإفلات.
خلال التجربة، لن تحتاج أبدًا إلى التفاعل مباشرةً مع الكود إلا إذا رغبت في ذلك. إذا كنت ترغب في مزيد من التحكم، يمكنك بسهولة استخدام CSS المخصص الخاص بك اذا لزم.
اكتشف كيفية إضافة جدول محتويات في WordPress باستخدام Elementor
أخيرًا ، إذا كنت تريد حقًا توفير الوقت ، فإن Elementor يأتي بمئات القوالب التي يمكنك استيرادها. كل ما عليك فعله هو استيراد النموذج الذي تريده ، وتعديل المحتوى ليتناسب مع علامتك التجارية ، وبذلك تكون قد انتهيت.
تقليل التعقيد والقضاء على الأخطاء
باستخدام موقع ويب WordPress نموذجي ، يكون المنتج النهائي عادةً عبارة عن خليط من المكونات الإضافية من مطورين مختلفين.
لا يوجد شيء يربط هذه الأدوات المنفصلة معًا سوى الوقت والجهد الذي تبذله في استخدامها لإنشاء موقع ويب متماسك.
لا بأس بذلك لفترة من الوقت ، ولكنه قد يؤدي أيضًا إلى مشاكل محتملة ، لأن كل مطور سوف يغير ويحدّث المكوّن الإضافي بشكل مستقل.
على سبيل المثال ، مطور ملف البرنامج المساعد منزلق WordPress قد تقوم بإجراء تغيير يسبب مشاكل في الصفحة الرئيسية(الذي قمت بإنشائه باستخدام مكون إضافي آخر).
باستخدام Elementor ، يمكنك الوصول إلى جميع الأدوات المهمة تحت سقف واحد.
اكتشف قائمة بأفضل إضافات Elementor لـ WordPress لإنشاء تقاويم الأحداث
على سبيل المثال ، مع Elementor et إليمنتور برو، تحصل على أدوات لمساعدتك في إنشاء:
- المتزلجون
- نماذج
- أشكال جيل الرصاص
- صالات العرض
- تظهر ظهور مفاجئ
- الحقائب
- جداول التسعير
- وأكثر من ذلك بكثير...
تتوفر كل هذه الأدوات في نفس المكون الإضافي من نفس المطور ، لذا يمكنك أن تطمئن إلى أن التغيير في نماذج إنشاء العملاء المحتملين لن يتسبب أبدًا في حدوث مشكلة في النافذة المنبثقة التي تعرض النموذج فيها.
علاوة على ذلك ، فهو يجعل حياتك أسهل بكثير عندما يحين وقت تحديث مواقع الويب الخاصة بك. بدلاً من استخدام موقع ويب اختباري لاختبار مجموعة من المكونات الإضافية المختلفة في أوقات مختلفة ، كل ما عليك فعله هو اختبار أداة واحدة وتحديثها.
في الأساس ، يمكنك استخدام Elementor كأساس لموقع الويب الخاص بك لتبسيط كل شيء ثم الكفاح لتحقيق أهداف تجارية محددة مثل استخدام HubSpot مجاني WordPress البرنامج المساعد لتوليد عملاء متوقعين عبر النموذج والدردشة الحية والنوافذ المنبثقة التي تتغذى جميعها على HubSpot CRM المجاني.
وفر المال وتبسيط التكاليف
أخيرًا ، يمكن أن يساعدك Elementor في توفير المال في المشروعات الكبيرة.
مثلما يقلل الوصول إلى الأدوات المهمة في المكون الإضافي من تعقيد موقع الويب الخاص بك ، فإنه يقلل أيضًا من السعر الذي يتعين عليك دفعه.
اكتشف دليلنا على كيفية تخصيص WordPress لزيادة التحويلات
يحتوي Elementor على نسخة مجانية لـ Basic Builder. ثم ، للوصول إلى ميزات إضافية مثل أشكال، وشرائح التمرير ، والنوافذ المنبثقة ، والمزيد ، عليك فقط دفع رسوم ثابتة.
لا توجد زيادة في رصيد الميزات المختلفة أو تحتاج إلى شراء مكونات إضافية مختلفة ، مما يبقي تكاليفك منخفضة.
اقرأ أيضًا برنامجنا التعليمي على كيفية تضمين ملفات PDF في WordPress
كما أنه يساعد على تقليل التكاليف وتسهيل تسعير مشاريع العملاء. بدلاً من الحاجة إلى إصلاح مجموعة من الأدوات المختلفة في اقتراحك ، يمكنك أن تبقيها أبسط كثيرًا وتركز على ما تطلبه مقابل وقتك وخبراتك ، وليس أدواتك.
كيفية استخدام Elementor لبناء مواقع الويب
الآن بعد أن تعرفت على بعض الأسباب التي تجعل Elementor أداة رائعة لبناء مواقع الويب، دعنا نتعرف على كيفية استخدام Elementor لإنشاء موقع ويب رائع.
1. اختر قالب WordPress الخاص بك
يعد Elementor مكونًا إضافيًا ، لذا ستحتاج دائمًا إلى اختيار سمة لإقرانها مع Elementor.
تحميل | عرض | استضافة المواقع
بما أنك ستستخدم Elementor للتحكم في تصميم كل/معظم موقعك الإلكتروني، فأنت بحاجة إلى التركيز على إيجاد قالب ووردبريس يوفر الميزات التي تحتاجها بالإضافة إلى دعم كامل لوظائف Elementor. على سبيل المثال، إذا كنت ترغب في إضافة فريق العمل، وشهادات العملاء، ومعرض أعمال، فيجب عليك اختيار قالب يدعم هذه الأنواع من المنشورات، مثل... وورد موضوع لؤلؤة.
القاعدة الأخرى الأخف وزناً هي مرحبا العنصر الموضوع. Hello عبارة عن قماش فارغ بنسبة 100٪ لتصميماتك.
نظرًا لأن سمة WordPress Hello لا تضيف أيًا من الأنماط أو الميزات الخاصة بها ، فإنها ستحافظ على موقع الويب الخاص بك خفيف الوزن ، مع تحميل سلس للصفحة.
إذا كنت ترغب في الحصول على سمة WordPress تأتي مع أنماطها الخاصة ، ربما للتحكم في رأس موقع الويب الخاص بك أو تجربة تسجيل الخروج لمتجر WooCommerce عبر الإنترنت ، فأنت بحاجة إلى التحقق من هذه المجموعة من أفضل ثيمات Elementor WordPress.
2. اختر إصدارك من Elementor
Elementor متاح في كلاهما نسخة مجانية على WordPress.org، بالإضافة إلى الإصدار المتميز الذي يضيف الكثير من الميزات ، يسمى إليمنتور برو.
باستخدام الإصدار المجاني من Elementor ، يمكنك إنشاء مواقع الويب صفحة تلو الأخرى. على سبيل المثال ، يمكنك إنشاء تخطيط لصفحتك الرئيسية وتخطيط آخر لـ " صفحة حول »، ثم قم بإنشاء صفحات منفصلة لكل عنصر في المحفظة.
ومع ذلك ، لتجاوز ذلك قد تحتاج إلى التفكير في Elementor Pro.
لا يمنحك Elementor Pro المزيد من أدوات التصميم مثل أشرطة التمرير والنماذج فحسب ، بل يمنحك أيضًا طريقة جديدة تمامًا لإنشاء مواقع الويب باستخدام أداة إنشاء السمات.
باستخدام Elementor Theme Builder ، يمكنك إنشاء قوالب وتطبيقها على موقع الويب الخاص بك بالكامل أو جزء منه. على سبيل المثال ، يمكنك تصميم أقسام من موقع الويب الخاص بك مثل:
- العنوان
- أرشيفات الصفحة (الصفحة التي تسرد جميع منشورات مدونتك)
- صفحات مفردة (منشور مدونة فردي)
- الهوامش
- منتجات WooCommerce
يمكنك أيضًا تضمين محتوى ديناميكي في تصميماتك ، مثل المحتوى الذي أضفته بحقول مخصصة.
نظرًا لأنه يمكنك إنشاء نموذج فريد ينطبق على كل المحتوى الخاص بك أو جزء منه ، فإن Elementor Pro يعد خيارًا رائعًا لمواقع الويب الديناميكية.
كما أنه مفيد لأنواع أخرى من مواقع الويب بفضل أدوات المحتوى الجديدة مثل:
- الاستمارات
- المتزلجون
- صالات العرض
- المحافظ
- قوائم الأسعار
- وأكثر من ذلك بكثير...
مرة أخرى ، هذا يبسط موقع الويب الخاص بك ويقلل من تكلفته. (لأن Elementor Pro يتضمن كل ميزة بنفس السعر).
3. ابدأ الإنشاء باستخدام Elementor
بمجرد اختيارك لقالب ووردبريس المناسب والإصدار المناسب من Elementor، ستكون جاهزًا لبدء بنائه.
لتصميم المحتوى الخاص بك، يمكنك إما البدء من صفحة فارغة أو استيراد أحد قوالب Elementor.
لإنشاء موقع ويب متماسك بسرعة ، يمكنك حتى استخدام واحد مجموعات قوالب Elementor، وهي مجموعة من القوالب لكل صفحة من صفحات الموقع ، حتى الصفحة 404.
سواء بدأت من صفحة فارغة أو من قالب ، ستجد نفسك في واجهة Elementor المرئية والقابلة للتمرير.
سترى معاينة فورية لتصميمك على اليمين - سترى بالضبط ما سيراه زوار موقعك الإلكتروني.
ثم يمكنك استخدام الشريط الجانبي على اليسار لإضافة عناصر المحتوى والتخطيط وتكوينها.
على سبيل المثال ، إذا كنت تريد إضافة زر إلى تصميمك ، فكل ما عليك فعله هو سحبه من الشريط الجانبي. ثم يمكنك تخصيص إعداداته باستخدام نفس الشريط الجانبي.
لمعرفة المزيد حول كيفية عمل واجهة Elementor ، يمكنك مشاهدة الفيديو أدناه:
أنشئ مواقع الويب باستخدام Elementor اليوم
بما أنك ستستخدم Elementor للتحكم في تصميم كل/معظم موقعك الإلكتروني، فأنت بحاجة إلى التركيز على إيجاد قالب ووردبريس يوفر الميزات التي تحتاجها بالإضافة إلى دعم كامل لوظائف Elementor. على سبيل المثال، إذا كنت ترغب في إضافة فريق العمل، وشهادات العملاء، ومعرض أعمال، فيجب عليك اختيار قالب يدعم هذه الأنواع من المنشورات، مثل... وورد موضوع لؤلؤة.
القاعدة الأخرى الأخف وزناً هي مرحبا العنصر الموضوع. Hello عبارة عن قماش فارغ بنسبة 100٪ لتصميماتك.
نظرًا لأن سمة WordPress Hello لا تضيف أيًا من الأنماط أو الميزات الخاصة بها ، فإنها ستحافظ على موقع الويب الخاص بك خفيف الوزن ، مع تحميل سلس للصفحة.
إذا كنت ترغب في الحصول على سمة WordPress تأتي مع أنماطها الخاصة ، ربما للتحكم في رأس موقع الويب الخاص بك أو تجربة تسجيل الخروج لمتجر WooCommerce عبر الإنترنت ، فأنت بحاجة إلى التحقق من هذه المجموعة من أفضل ثيمات Elementor WordPress.
2. اختر إصدارك من Elementor
Elementor متاح في كلاهما نسخة مجانية على WordPress.org، بالإضافة إلى الإصدار المتميز الذي يضيف الكثير من الميزات ، يسمى إليمنتور برو.
باستخدام الإصدار المجاني من Elementor ، يمكنك إنشاء مواقع الويب صفحة تلو الأخرى. على سبيل المثال ، يمكنك إنشاء تخطيط لصفحتك الرئيسية وتخطيط آخر لـ " صفحة حول »، ثم قم بإنشاء صفحات منفصلة لكل عنصر في المحفظة.
ومع ذلك ، لتجاوز ذلك قد تحتاج إلى التفكير في Elementor Pro.
لا يمنحك Elementor Pro المزيد من أدوات التصميم مثل أشرطة التمرير والنماذج فحسب ، بل يمنحك أيضًا طريقة جديدة تمامًا لإنشاء مواقع الويب باستخدام أداة إنشاء السمات.
باستخدام Elementor Theme Builder ، يمكنك إنشاء قوالب وتطبيقها على موقع الويب الخاص بك بالكامل أو جزء منه. على سبيل المثال ، يمكنك تصميم أقسام من موقع الويب الخاص بك مثل:
- العنوان
- أرشيفات الصفحة (الصفحة التي تسرد جميع منشورات مدونتك)
- صفحات مفردة (منشور مدونة فردي)
- الهوامش
- منتجات WooCommerce
يمكنك أيضًا تضمين محتوى ديناميكي في تصميماتك ، مثل المحتوى الذي أضفته بحقول مخصصة.
نظرًا لأنه يمكنك إنشاء نموذج فريد ينطبق على كل المحتوى الخاص بك أو جزء منه ، فإن Elementor Pro يعد خيارًا رائعًا لمواقع الويب الديناميكية.
كما أنه مفيد لأنواع أخرى من مواقع الويب بفضل أدوات المحتوى الجديدة مثل:
- الاستمارات
- المتزلجون
- صالات العرض
- المحافظ
- قوائم الأسعار
- وأكثر من ذلك بكثير...
مرة أخرى ، هذا يبسط موقع الويب الخاص بك ويقلل من تكلفته. (لأن Elementor Pro يتضمن كل ميزة بنفس السعر).
3. ابدأ الإنشاء باستخدام Elementor
بمجرد اختيارك لثيم ووردبريس المناسب والإصدار المناسب من Elementor، ستكون جاهزًا للبدء في الإنشاء.
لتصميم المحتوى الخاص بك، يمكنك إما البدء من صفحة فارغة أو استيراد أحد قوالب Elementor.
لإنشاء موقع ويب متماسك بسرعة ، يمكنك حتى استخدام واحد مجموعات قوالب Elementor، وهي مجموعة من القوالب لكل صفحة من صفحات الموقع ، حتى الصفحة 404.
سواء بدأت من صفحة فارغة أو من قالب ، ستجد نفسك في واجهة Elementor المرئية والقابلة للتمرير.
سترى معاينة فورية لتصميمك على اليمين - سترى بالضبط ما سيراه زوار موقعك الإلكتروني.
ثم يمكنك استخدام الشريط الجانبي على اليسار لإضافة عناصر المحتوى والتخطيط وتكوينها.
على سبيل المثال ، إذا كنت تريد إضافة زر إلى تصميمك ، فكل ما عليك فعله هو سحبه من الشريط الجانبي. ثم يمكنك تخصيص إعداداته باستخدام نفس الشريط الجانبي.
لمعرفة المزيد حول كيفية عمل واجهة Elementor ، يمكنك مشاهدة الفيديو أدناه:
أنشئ مواقع الويب باستخدام Elementor اليوم
اليوم ، أكثر من أي وقت مضى ، تتطلع الشركات إلى تطوير وجودها عبر الإنترنت.
سواء كنت تتطلع إلى بدء وجودك عبر الإنترنت أو مساعدة عملائك على الاتصال ، فإن تعلم كيفية استخدام Elementor لإنشاء مواقع ويب لن يسمح لك فقط بإنشاء مواقع ويب جميلة وفعالة ، ولكن أيضًا:
- وفر الوقت وتخلص من الحاجة إلى العمل مباشرة مع الكود.
- تخلص من مشكلات التوافق وتبسيط الصيانة من خلال منحك جميع الأدوات الأكثر أهمية في مكان واحد.
- وفر المال وقم بتبسيط تكاليفك عن طريق التخلص من الحاجة إلى شراء الكثير من المكونات الإضافية المنفصلة للميزات الرئيسية.
لمعرفة ما إذا كان Elementor مناسبًا لك ، يمكنك التثبيت النسخة المجانية من WordPress.org وابدأ في بناء موقع الويب الأول الخاص بك.
اكتشف أيضًا بعض الإضافات المتميزة لبرنامج WordPress
يمكنك استخدام مكونات WordPress الأخرى لإضفاء مظهر حديث وتحسين قبضة مدونتك أو موقعك الإلكتروني.
نحن نقدم لك هنا بعض الإضافات WordPress المتميزة التي سوف تساعدك على القيام بذلك.
1. الطيار الآلي كبار المسئولين الاقتصاديين ل WooCommerce
يُعدّ تحسين محتوى مدونتك لمحركات البحث (SEO) جزءًا أساسيًا من أي موقع للتجارة الإلكترونية. لا يدعم ووكومرس تحسين محركات البحث بشكلٍ افتراضي، ولكن هذه الإضافة الخاصة بـ WordPress تُضيف هذه الخاصية تلقائيًا إلى ووكومرس لتحسين تفاعله مع محركات البحث.
كميزات يقدمها من بين أمور أخرى: التشغيل الآلي و تحسين الكلمات الرئيسيةأو حذف الإعلانات أو البريد العشوائي أو أي إلهاء آخر مشابه أو تخصيص غير محدود للبيانات الوصفية في جميع الصفحات ؛ الحفظ، استعادة وإعادة تعيين المتاحة ، الامتثال لل الناتج القومي الإجمالي، دعم العملاء المتاحة وأكثر من ذلك.
تحميل | عرض | استضافة المواقع
2. معرض فريق
يُعدّ Team Showcase الإضافة المثالية، المصممة لعرض أعضاء فريقك في شبكة أنيقة أو شريط تمرير متجاوب. ستتمكن من إدارة أعضائك من خلال تجميعهم في فرق منفصلة. للقيام بذلك، ما عليك سوى تحديد الخيارات التي ترغب في عرضها، واختيار قالب ووردبريس، وتطبيق لون مُحدد مسبقًا.
لن يتطلب هذا الإجراء كتابة أي سطور برمجية. تشمل ميزاته: 10 سمات خاصة، و10 أنظمة ألوان، و10 خيارات عرض. تأثيرات الرسوم المتحركة CSS3إمكانية إدراجها في صفحة، تصميم استجابة بالكامل، الخ ...
تحميل | عرض | استضافة المواقع
3. Composium
هذا امتداد لبرنامج Visual Composer يضيف إلى هذا الأخير أكثر من عناصر 90 الجديدة إلى المحتوى الافتراضي لهذا البرنامج المساعد. أيضًا ، يأتي مزودًا ببرنامج lightbox ومدير خطوط وأنواع منشورات مخصصة وغير ذلك الكثير.
تشمل ميزاته الأخرى: 16 خطًا للأيقونات وأكثر من 4600 أيقونة، ودعم خطوط الأيقونات، ودعم لـ مدير الخطوط في Googleأكثر من 70 تأثيرًا للرسوم المتحركة بتقنية CSS3، ومولد أدوات، وإدارة ملفات ذكية، إلخ...
تحميل | عرض | استضافة المواقع
الموارد الموصى بها
اكتشف موارد أخرى موصى بها ستساعدك في إنشاء وإدارة موقعك الإلكتروني.
- كيفية إنشاء صورة مستديرة في Elementor
- كيفية إضافة شبكة أسعار في Elementor
- كيفية إنشاء زر عائم مع فهرس Z في Elementor
- كيفية إضافة رابط رقم الهاتف في Elementor في Elementor
- كيفية إنشاء عنوانين بلونين في Elementor في Elementor
الخاتمة
هذا كل شيء! هذا كل ما يتعلق بهذا الدرس التعليمي؛ نأمل أن يسمح لك باستخدام Elementor بسهولة لإنشاء مواقع الويب. هل مازال لديك أسئلة أو اقتراحات؟ يرجى إعلامنا في الداخل تعليقات.
ومع ذلك ، يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى المزيد من العناصر لتنفيذ مشاريعك لإنشاء مواقع الإنترنت ، من خلال استشارة دليلنا على إنشاء مدونة وورد.
لا تتردد في شارك مع أصدقائك على الشبكات الاجتماعية المفضلة لديك.
...