كيفية بناء موقع مذهل مع Divi

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

ما هو ديفي؟

أول شيء أولاً ، دعونا نؤسس خلفية لهذه الأداة. Divi هي واحدة من أشهر شركات إنشاء مواقع الويب في السوق. يتيح للمستخدمين ببساطة استخدام آلية السحب والإفلات لإنشاء موقع ويب. من المثير للاهتمام ملاحظة أنه تم إنشاء أكثر من 2.5 مليون موقع باستخدام Divi.

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

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

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

كيفية إنشاء موقع WordPress باستخدام سمة Divi

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

• إطلاق موقع WordPress الخاص بك.

• قم بتثبيت وإعداد Divi Theme على موقع WordPress الخاص بك.

• قم ببناء موقعك باستخدام سمة Divi.

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

قم بتشغيل موقع WordPress الخاص بك

قبل إنشاء موقع WordPress مخصص مع سمة Divi ، فإن أول شيء هو تشغيل موقع WordPress. للقيام بذلك، اتبع الخطوات التالية:

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

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

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

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

قم بتكوين سمة Divi على موقع WordPress الخاص بك

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

الخطوة 1: شراء سمة Divi. يمنحك شراء Divi Theme إمكانية الوصول إلى منتجات أخرى مختلفة ، بما في ذلك Monarch والمكونات الإضافية والسمات الشائعة الأخرى. للقيام بذلك، اتبع الخطوات التالية:

• قم بزيارة موقع The Elegant Themes وانقر على "التسعير". سيؤدي هذا إلى فتح حزمتين من السمات الأنيقة المتاحة. يمكنك تحديد أي من الخيارين بناءً على متطلباتك وميزانيتك. انقر فوق الزر "اشترك اليوم" من الخيار المفضل لديك.

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

• ستتم إعادة توجيهك إلى قسم الدفع حيث يتعين عليك إدخال تفاصيل بطاقتك لإكمال معاملتك. انقر فوق الزر "دفع 89 دولارًا أمريكيًا" لإتمام عملية الدفع. إذا اخترت الباقة الأخرى ، فسوف ينعكس المبلغ بدلاً من 89 دولارًا.

• بعد الدفع الناجح ، فإن الخطوة التالية هي تنزيل Divi Theme. انقر فوق "تسجيل الدخول لتنزيل جميع منتجاتنا المتاحة".

• أدخل تفاصيل تسجيل الدخول الخاصة بك وانقر على زر "تسجيل الدخول".

• انقر على زر "تنزيل موضوع Divi". سيؤدي هذا إلى تنزيل مجلد مضغوط لموضوع Divi على نظام الكمبيوتر الخاص بك.

الخطوة 2: قم بتثبيت Divi Theme على موقع WordPress الخاص بك. للقيام بذلك ، انتقل إلى لوحة معلومات WordPress الخاصة بك واتبع الخطوات أدناه:

• انقر على "المظهر" ثم "المظاهر"

• انقر فوق "إضافة جديد" ثم "تحميل موضوع"

• انقر فوق "اختيار ملف" وحدد الملف المضغوط الذي تم تنزيله من نظامك. بعد ذلك ، انقر فوق "التثبيت الآن".

الخطوة 3: تنشيط Divi Theme

• انتقل إلى القائمة الموجودة على الجانب الأيسر من لوحة معلومات WordPress الخاصة بك وحدد Divi. بعد ذلك ، حدد "التحديثات" في خيارات سمة Divi.

• أدخل اسم المستخدم الخاص بك ومفتاح API. للعثور على مفتاح API ، انتقل إلى "حسابي" وحدد القسم المسمى "مفاتيح واجهة برمجة التطبيقات". انسخ مفتاح API وتابع لصقه في مربع مفتاح API ثم انقر فوق "حفظ التغييرات". سيؤدي هذا إلى تنشيط Divi Theme على موقع WordPress الخاص بك.

قم ببناء موقعك باستخدام سمة Divi

باستخدام سمة Divi ، يمكنك استكشاف ميزات مختلفة لإنشاء موقع الويب المثالي الخاص بك. اتبع الخطوات السهلة أدناه لإنشاء موقع الويب الخاص بك باستخدام Divi Theme:

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

• انقر على قائمة "+ جديد" في الجزء العلوي من الموقع واختر "صفحة"

• أضف عنوان الصفحة (الصفحة الرئيسية) وانقر على "استخدام Diva Builder".

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

كيفية استخدام تخطيط Premade لإنشاء صفحة رئيسية

• انتقل إلى قسم "اختيار تخطيط Premade" وانقر على "تصفح التخطيطات"

• حدد التخطيط المفضل لديك وانقر فوق "استخدام هذا التخطيط". يمكنك النقر فوق تخطيطات مختلفة ومعاينتها لترى كيف ستبدو على موقعك.

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

• لتغيير الصور في الموقع اضغط مرتين على الصورة التي تريد استبدالها واضغط على الصورة. بعد ذلك ، قم بسحب وإفلات صورتك المفضلة من نظامك لاستبدال الصورة.

• عند الانتهاء من التغييرات ، انقر فوق الزر "نشر" ثم "الخروج من Visual Builder" في الجزء العلوي من الموقع.

• يمكنك إنشاء صفحات أخرى على الموقع باتباع هذه العملية

كيفية بناء الصفحة الرئيسية من سكراتش

• اضغط على "+ جديد" ثم "صفحة".

• أدخل عنوان الصفحة وانقر على "استخدام Divi Builder".

• حدد "بناء من الصفر" ثم "بدء البناء".

• للبدء ، انقر فوق رمز "+" في منتصف الصفحة وسيعرض هذا ثلاثة خيارات - التخصص ، وعرض كامل ، وعادي.

• اختيارك سيحدد هيكل كل قسم تقوم ببنائه. للحصول على قسم كامل العرض ، انقر فوق "عرض كامل". سيؤدي هذا إلى إظهار قائمة بالعناصر التي يمكنك إضافتها إلى الصفحة من Fullwidth.

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

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

الخطوة 2: بناء القائمة الرئيسية

• انقر فوق اسم الموقع ثم اختر "Theme Customizer"

• انقر على "القوائم من المنطقة المفتوحة" ثم انقر على "إنشاء قائمة جديدة".

• أدخل اسم القائمة المراد إنشاؤها واختر الموقع الذي تريد عرض القائمة فيه. يمكن أن تكون إما قائمة "أساسية" أو "ثانوية" أو "تذييل".

• عندما تختار الموقع المفضل ، انقر فوق "التالي".

• انقر فوق "+ إضافة عناصر" وسيتم عرض قائمة بالصفحات التي يمكنك إضافتها إلى عناصر القائمة.

• انقر فوق رمز "+" لإضافة أي صفحة كعنصر قائمة. يمكنك إضافة العديد من العناصر كما تريد باستخدام نفس الأزرار.

• عند الانتهاء ، انقر فوق صفحة "نشر" لحفظ جميع التغييرات التي أجريتها.

الخطوة 3: قم بتغيير الشعار على الموقع. لإزالة شعار Divi الافتراضي وتغييره إلى شعار عملك ، اتبع الخطوات التالية:

• انتقل إلى لوحة تحكم WordPress وانقر على "Divi" من القائمة الجانبية

• انتقل إلى خيار الشعار ضمن علامة التبويب "عام" في سمة Divi.

• انقر فوق "تحميل" ثم قم بسحب وإسقاط شعار عملك في المساحة حيث كان الشعار الافتراضي.

• انقر فوق "حفظ التغييرات" ثم قم بتحديث موقع الويب الخاص بك لمعرفة التغييرات التي قمت بإجرائها.

استنتاج

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