دليل خطوة بخطوة لتحويل موقع Divi الخاص بك إلى Elementor

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

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

يستخدم الناس في الغالب Divi builder عندما يستخدمون سمات أنيقة بينما Elementor متوافق مع جميع السمات تقريبًا. هذا هو أحد أكبر الأسباب التي تجعل العديد من المستخدمين ينتقلون الآن من Divi إلى Elementor. يلعب التسعير أيضًا دورًا حيويًا في عملية الاختيار هذه أيضًا.

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

المتطلبات الأساسية لتحويل موقع ويب من Divi إلى Elementor

قبل الغوص في البرنامج التعليمي ، دعنا نتحقق من المتطلبات الأساسية.

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

ثانيًا : إذا كنت تستخدم أي مكون إضافي للتخزين المؤقت في WordPress ، فأنت بحاجة إلى إيقاف تشغيله.

ثالثًا : يوصى بعمل موقع مرحلي قبل التحويل. يمكنك ببساطة إنشاء موقع ويب مرحلي باستخدام مكون إضافي لنسخ موقع الويب.

هيا بنا نبدأ:

كيفية تحويل Divi إلى Elementor: 5 خطوات للمتابعة

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

لذلك إذا كنت تخطط لتحويل تصميم موقع الويب الخاص بك من Divi إلى Elementor ، فعليك إعادة بنائه. هنا ، سوف نوضح لك كيفية إعادة بناء موقع Divi الخاص بك باستخدام منشئ صفحة Elementor.

الخطوة 1: تثبيت Elementor
الخطوة 2. إزالة Divi والإضافات ذات الصلة
الخطوة 3: إنشاء صفحة جديدة
الخطوة 4: إضافة محتوى إلى الصفحة باستخدام Elementor Widgets
الخطوة 5: استخدم قوالب Elementor لتصميم موقع الويب الخاص بك

اتبع هذه الخطوات المذكورة أعلاه لإعادة تصميم موقع الويب الخاص بك باستخدام Elementor.

الخطوة 1: تثبيت Elementor

أولاً ، عليك الذهاب إلى الإضافات-> إضافة جديد .

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

ملاحظة: إذا كنت بحاجة إلى ميزات Elementor pro لتصميم موقع الويب الخاص بك ، فيمكنك تثبيت Elementor Pro.

بعد الانتهاء من تنشيط المكون الإضافي ، يجب أن تذهب إلى Elementor-> Settings area لإدارة الإعدادات الأساسية لـ Elementor.

الخطوة 2. إزالة Divi والإضافات ذات الصلة

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

يجب عليك إزالة هذه الرموز القصيرة . للقيام بذلك ، يمكنك استخدام ShortCode Cleaner لإزالة هذه الرموز القصيرة المقطوعة. إذا لزم الأمر ، يمكنك استخدام Garbage Collector لتنظيف قاعدة البيانات الخاصة بك.

الخطوة 3: إنشاء صفحة جديدة

الآن نحن جاهزون لتحويل موقعنا. أولاً ، نحتاج إلى إنشاء صفحة جديدة. للقيام بذلك ، قم بزيارة الصفحات-> إضافة جديد .

لقد قمنا بإنشاء صفحة جديدة (صفحة تجريبية). أيضًا ، قمنا بتعيين إعداد الصفحة.

1. اضبط تخطيط الصفحة-> لوحة عنصر.
2. انقر فوق الزر نشر لنشر الصفحة.
3. انقر فوق الزر Edit with Elementor لفتح الصفحة في لوحة محرر Elementor.

كيفية استخدام Elementor: الدليل النهائي للمبتدئين

الخطوة 4: إضافة محتوى إلى الصفحة باستخدام Elementor Widgets

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

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

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

يمكنك استخدام خيار النمط لتخصيص العنوان.

لمزيد من التخصيص ، يمكنك استخدام الميزات المتقدمة لـ Elementor.

الخطوة 5: استخدم قوالب Elementor لتصميم موقع الويب الخاص بك

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

دعونا نرى كيفية استخدام قالب موقع Elementor.

أولاً ، انقر فوق رمز القالب .

في النافذة المنبثقة المشروطة التالية ، ستحصل على جميع قوالب وقوالب Elementor .

يمكنك اختيار القالب أو الكتل المناسبة من هنا. لاستخدام هذا النموذج ، تحتاج إلى النقر فوق الزر " تثبيت " والانتظار لفترة من الوقت حتى يتم التثبيت.

هذا هو.

أسئلة وأجوبة على Divi و Elementor

هنا ، أجبنا على بعض الأسئلة الأساسية المتعلقة بـ Elementor و Divi.

هل أنت مستعد لتحويل موقع Divi الخاص بك

يقوم منشئ الصفحات مثل Elementor أو Divi بتغيير عصر تصميم موقع الويب. يمكنك الآن بسهولة تصميم موقع ويب في الوقت الفعلي.

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

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