توضيح: بعض اللينكات في الدليل ده لينكات أفلييت (تسويق بالعمولة). لو اشتريت من خلالها، Floux ممكن تاخد عمولة من غير أي تكلفة زيادة عليك. إحنا بنرشح بس الأدوات اللي شايفينها مناسبة للمبتدئين.
نفسك يكون عندك موقع محترف بس مش عارف تبدأ منين؟ في الدليل ده هنوريك أسهل طريقة لـ تصميم موقع بديفي: تصمم موقعك على الكمبيوتر بتاعك براحتك، وبعدين تنقله على استضافة حقيقية مرة واحدة بإضافة باك أب مجانية. من غير كود، من غير توتر، ومحدش هيشوف الموقع غير لما يبقى جاهز.
أهم النقاط
- أسهل طريق: ابني على اللابتوب بـ Local، صمم بـ Divi Quick Sites، وبعدين انقل الموقع جاهز على النت بـ WPvivid.
- اختياراتنا للمبتدئين: Divi by Elegant Themes للتصميم، وWPvivid لنقل الموقع، وHostinger للاستضافة.
- مش هتدفع استضافة غير لما الموقع يبقى جاهز للإطلاق، وقبلها تقدر تجرّب براحتك.
محتوى المقال
ليه دي أسهل طريقة لـ تصميم موقع بديفي؟
معظم المبتدئين بيشتروا الاستضافة الأول، وبعدين يبنوا موقع نص كُم قدام الناس. فيه طريقة أهدى من كده. في طريقة تصميم موقع بديفي على جهازك، الشغل بيبقى سريع وخاص ومن غير أي تكلفة وإنت بتجرّب. ولما كل حاجة تبقى مظبوطة، إضافة واحدة بتنسخ الموقع كله (الصفحات والصور والقوايم والإعدادات) على الاستضافة في دقايق.
هتحتاج 4 حاجات:
- **Local:** برنامج مجاني للويندوز والماك بيشغّل WordPress على جهازك.
- **Divi:** الثيم والـ builder المرئي من Elegant Themes، والاشتراك الواحد بيغطي عدد مواقع غير محدود.
- **WPvivid Backup:** إضافة مجانية بتعمل باك أب وبتنقل مواقع WordPress.
- **استضافة ودومين:** المكان اللي موقعك هيعيش فيه على النت، زي yourbusiness.com.
الجزء الأول: تصميم موقع بديفي على جهازك
الخطوة 1: نزّل Local واعمل موقع WordPress
نزّل Local من موقعه الرسمي وسطّبه زي أي برنامج. دوس على علامة الزائد عشان تعمل موقع جديد، اكتب اسمه، سيب البيئة على "Preferred"، واختار اسم مستخدم وباسورد قوي لـ WordPress. اكتبهم عندك، لأنهم هيبقوا نفس بيانات الدخول على الموقع الحقيقي بعدين. Local بينزّل WordPress لوحده، وWordPress نفسه برنامج مجاني من WordPress.org. دوس "WP Admin" وهتلاقي نفسك جوه لوحة التحكم.
الخطوة 2: سطّب Divi وفعّل الترخيص
اشترك في Divi من Elegant Themes، ونزّل ثيم Divi من الـ Members Area كملف ZIP. في WordPress روح على Appearance ثم Themes ثم Add New Theme ثم Upload Theme، اختار الملف ودوس Activate. وفي الآخر افتح Divi ثم Theme Options ثم Updates، وحط اسم المستخدم والـ API Key بتوعك من Elegant Themes (هتلاقي الـ Key في الـ Members Area تحت Account). كده Divi هيتحدّث لوحده.
الخطوة 3: اعمل موقعك كله بـ Divi Quick Sites
دي الخطوة اللي بتخلّي Divi سهل جداً للمبتدئين. روح على Divi ثم Dashboard وافتح **Divi Quick Sites**، ودوس **Generate A New Site**. تقدر تكتب وصف للبيزنس بتاعك وتخلّي Divi AI يعمل مسودة الموقع، أو تختار **Use Pre-Made Starter Site** وتنقّي تصميم جاهز يناسب مجالك. اختار ألوان البراند والخطوط، ودوس **Generate & Publish My Website**. في دقيقتين هتلاقي الصفحات الأساسية والقايمة والهيدر والفوتر من الـ Theme Builder، والألوان والـ presets الموحدة جاهزين للتعديل.
الخطوة 4: خلّيه موقعك إنت
افتح كل صفحة بالـ builder المرئي ودوس على أي نص واكتب كلامك. غيّر صور الديمو بصورك الحقيقية، خلّي الزراير قصيرة وواضحة («احجز مكالمة»، «كلّمنا واتساب»)، واكتب بيانات التواصل. غيّر الألوان من الباليتة الموحدة مش من كل عنصر لوحده، عشان الموقع كله يفضل متناسق. وقبل ما تكمّل، بص على شكل الموقع على الموبايل وظبّط أي حاجة كبيرة أو صغيرة زيادة. ولو عايز تفاصيل أكتر عن الـ sections والـ rows والـ modules، اقرأ دليل ديفي للمبتدئين.
الجزء التاني: جهّز الاستضافة
الخطوة 5: احجز استضافة وسطّب WordPress فاضي
دلوقتي وقت إنك تأجّر مساحتك على النت. Hostinger اختيار سهل للمبتدئين: خطط كتير فيها دومين مجاني أول سنة، وSSL مجاني، وتسطيب WordPress بضغطة. اختار خطة، اربط الدومين، وسطّب موقع WordPress فاضي. متصممش أي حاجة عليه، ده مجرد مكان موقعك اللي على Local هينقل فيه. ولو حابب تقارن بين الاستضافات الأول، اقرأ دليل إزاي تختار استضافة ووردبريس.
الجزء التالت: انقل الموقع على النت بـ WPvivid
الخطوة 6: سطّب WPvivid على الموقعين
على موقع Local وعلى الموقع الحقيقي، روح على Plugins ثم Add New، ودوّر على "WPvivid Backup"، وسطّبها وفعّلها (وتقدر تعرف مميزاتها من موقع WPvivid). هيظهر "WPvivid Backup" في القايمة الشمال في اللوحتين. وقبل ما تنقل أي حاجة، اعمل باك أب يدوي على موقع Local من تبويب Backup & Restore، عشان يفضل معاك نسخة من شغلك دايماً.
الخطوة 7: اعمل Key وانقل وبعدين Restore
- **على الموقع الحقيقي:** افتح WPvivid Backup ثم تبويب **Key**، اختار مدة صلاحية الـ Key، دوس **Generate** وانسخه.
- **على موقع Local:** افتح تبويب **Auto-Migration**، الصق الـ Key واحفظه.
- اختار **Database + Files (Entire website)** ودوس **Clone then Transfer**، وسيب الصفحة مفتوحة لحد ما شريط التحميل يخلص.
- **ارجع للموقع الحقيقي:** افتح **Backup & Restore**، هتلاقي النسخة اللي اتنقلت في القايمة. دوس **Restore** وأكّد.
لما يخلص، WordPress هيعملك تسجيل خروج. ادخل تاني بنفس اسم المستخدم والباسورد بتوع موقع Local، لأن الموقع الحقيقي بقى نسخة طبق الأصل منه. وWPvivid بيغيّر عنوان الموقع المحلي للدومين الحقيقي بتاعك أثناء الـ Restore.
خطة بديلة لو النقل وقف
لو النت فصل أو الاستضافة منعت النقل، استخدم الطريقة اليدوية: على Local اعمل باك أب من Backup & Restore ونزّله على جهازك، وعلى الموقع الحقيقي استخدم زرار Upload في نفس التبويب، وبعدين دوس Restore. نفس النتيجة بخطوة زيادة.
الخطوة 8: قايمة المراجعة قبل الإطلاق
- **HTTPS:** فعّل الـ SSL المجاني من لوحة الاستضافة واتأكد إن القفل ظاهر في كل الصفحات.
- **الروابط:** روح على Settings ثم Permalinks ودوس Save مرة عشان الروابط تتحدّث.
- **كاش Divi:** من Divi ثم Theme Options دوس **Clear CSS Cache** عشان كل صفحة تحمّل آخر تصميم.
- **الترخيص:** اتأكد إن Divi ثم Theme Options ثم Updates لسه فيها اسم المستخدم والـ API Key.
- **محركات البحث:** في Settings ثم Reading اتأكد إن "Discourage search engines" مش متعلّم عليها.
- **الفورمز:** ابعت رسالة تجربة من كل فورم واتأكد إنها وصلت.
- **الباك أب:** جدول باك أب تلقائي من WPvivid على Google Drive أو Dropbox، ودليل نسخة احتياطية لموقع ووردبريس بيشرحلك إزاي.
وكده تكون خلّصت تصميم موقع بديفي ونزّلته على النت من غير ما تلمس كود.
الأسئلة الشائعة
محتاج أعرف كود عشان أعمل تصميم موقع بديفي؟
لأ. كل اللي في الدليل ده بيحصل في Local والـ builder المرئي بتاع Divi ولوحة تحكم WordPress. شوية CSS بيساعدوا في التفاصيل الدقيقة بعدين، بس مش ضروريين.
WPvivid مجاني لنقل المواقع؟
أيوه. النسخة المجانية فيها الباك أب والـ Restore والـ Auto-Migration بالـ Key. وفيه نسخة Pro مدفوعة بمميزات زيادة، فاتأكد من التفاصيل الحالية على موقعهم.
ينفع أستخدم ترخيص Divi واحد للموقع اللي على جهازي والموقع الحقيقي؟
أيوه. اشتراك Divi بيغطي عدد مواقع غير محدود، فنفس الترخيص بيشتغل على جهازك وعلى الاستضافة.
لو مش عايز أعمل ده بنفسي؟
عادي جداً. أصحاب بيزنس كتير بيفضّلوا يركزوا في شغلهم ويسيبوا التصميم والاستضافة والإطلاق لفريق متخصص.
سيب Floux تعمل كل ده بدالك
إنك تبني بنفسك طريقة حلوة تتعلم بيها، بس مش لازم. Floux تقدر تخطط وتصمم وتبني موقعك على Divi بشكل احترافي، وتنقله على الاستضافة، وتربط الدومين والإيميل، وتظبط الباك أب والـ SEO، وكل ده بسعر في متناول إيدك، من غير مصاريف مخفية، والموقع ملكك بالكامل. شوف خدمة تصميم مواقع WordPress، أو اطلب عرض سعر مجاناً وهنرد عليك خلال يوم عمل واحد.
