خطوات انشاء موقع ويب الكتروني خطوة بخطوة

كيفية تصميم موقع على الانترنت - إنشاء موقع الكتروني

 يمكنك انشاء موقع الالكتروني بدون أن تتعلم رموز HTML/CSS أو أن تقرأ مقالات تعليمية مملة وطويلة.  

وفى هذا الدليل سنوضح لكم خطوات انشاء موقع ويب

نصيحة سريعة

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

قبل أن البدء بالتفاصيل، هناك المئات من منصات بناء مواقع الويب المختلفة وبناة المواقع في السوق.WordPress, Wix, Joomla, Drupal...وهذا فقط على سبيل المثال لا الحصر. ويمكنك أيضًا أن تبدأ بترميز او برمجة موقعك على الويب من خطوة البداية أو من الصفر، ولكنني لا أوصي بذلك. لسببين وهما:

  • هذا سيستغرق الكثير من الوقت
  • تكون النتيجة النهائية متواضعة حتى في أفضل حالاتها .

دعونا نلقي نظرة على هذه الإحصاءات الأخيرة التي قامت بها BuiltWith.

 كيف تُبنى المواقع الان

 تصميم موقع على الانترنت

اضغط على الصورة للتكبير

كما ترى من الرسم البياني أعلاه فإن أشهر شركات إنشاء مواقع الويب (أو أنظمة إدارة المحتوى) هي:

فيما يلي نذكر لكم الأسباب التي جعلت الغالبية من الناس تفضل منصة الووردبرس WordPress على المنصات الاخرى:

  • مجانية تمامًا
  • أسهل منصة من حيث التعامل معها.

حيث أنها مرنة بما يكفي لتلائم الجميع كمواقع الأعمال التجارية الصغيرة ، والمحلات التجارية على الإنترنت ، والمنظمات الأكبر وما إلى ذاك. 

لكن الأهم من ذلك، هو أنه أكثر سهولة للمستخدمين من منصات بناء المواقع الأخرى، مثل شركات استضافة مواقع الويب ، Joomla/Drupal، وغيرها الكثير.

خطوات عمل موقع على الووردبرس WordPress


الخطوة 1: الحصول على إستضافة المواقع وسجل اسم النطاق (Domain)

           

من أجل أن تنشأ موقعك على WordPress (أو أى موقع آخر) ستحتاج شيئين:

  1. اسم المجال أو نطاق Domain Name (عنوان موقع مثل اسم موقعك .com)
  2. استضافة المواقع Web Hosting (خدمة تربط موقعك بالإنترنت)

من أجل تخزين الصور والمحتوى وملفات موقع الويب الخاصة بك، ستحتاج إلى استضافة ويب. فبدون استضافة الويب ، لن يكون موقعك الإلكتروني مرئيًا على الإنترنت.

 إن امتلاك اسمك الخاص فى نطاق خاص بك سيبدو أكثر احترافية بكثير من امتلاك موقعك على  نطاق منصة اخرى (مثل yourbusiness.my-free-website.com) 

باختصار - من دون استضافة الويب واسم النطاق ، لن يكون موقع الويب الخاص بك موجودًا.

وهنا يمكنك أن تسأل أين يمكنني تسجيل اسم النطاق والحصول على استضافة الويب؟نستخدم Bluehost كمستضيف ويب ومسجل للنطاقات.يبدأ السعر التمهيدي من 2.75 دولارًا أمريكيًا / شهرًا ويقومون احيانا بإطلاق عروض سنوية حيث يتم اضافة اسم نطاق جديد مجانًا (في السنة الأولى)

كما أنها واحدة من أكثر شركات الاستضافة شهرة في السوق ، 

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


1. انتقل إلى www.Bluehost.com (أو أي مضيف ويب آخر).


اختر خطة استضافة مواقع الويب الخاصة بك

اضغط على الصورة للتكبير

2. اختر خطة استضافة مواقع الويب الخاصة بك.

بمجرد النقر فوق "البدء الآن" ، سيتم نقلك إلى صفحة لتحديد خطة الاستضافة التي تختارها.

  • Basic 
  • Plus
  • Choice Plus 

إذا كنت تستخدم ميزانية محدودة ، فيمكنك استخدام الباقة "Basic" والتي تكون في العادة مناسبة للمواقع الجديدة. يمكنك الترقية الى باقة اخرى لاحق بناءً على احتياجاتك.

اختر خطة استضافة مواقع الويب الخاصة بك

اضغط على الصورة للتكبير

3. اختر اسم النطاق

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

تصميم موقع على الانترنت

اضغط على الصورة للتكبير

عادةً ما تنتهي أسماء النطاقات بـ .com أو .org أو .net ، ولكن في الأشهر الأخيرة ، ظهرت كمية كبيرة من امتدادات النطاقات (الجزء الأخير من عنوان الويب ، مثل .com) ، ظهرت بأسماء مثل .agency إلى .pizza .

يُنصح ان تتجنب الإضافات الغريبة و اختر هذه الإمتدادات الأكثر شهرة مثل .com أو .net أو .org

اذا كان لديك اسم نطاق  مسبقاً ما عليك سوى إدخال اسم النطاق المختار والنقر على "التالي" في نموذج "لدي اسم نطاق" "I have a domain name"

إذا لم تكن مستعدًا لاختيار نطاق من البداية، فيمكنك القيام بذلك في مرحلة لاحقة من إعداد الموقع الويب الخاص بك.

4. ملء تفاصيل حسابك 

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

إضافة اسم نشاطك التجاري داخل هذا النموذج اختياري وليس الزامي.

ملء تفاصيل حسابك

اضغط على الصورة للتكبير

أدخل معلومات الدفع الخاصة بك للمتابعة.

5. تحقق من تسجيل "الباقة" و إنهاء التسجيل.

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

تحقق من تسجيل "الباقة" و إنهاء التسجيل

اضغط على الصورة للتكبير

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


 6. إنشاء كلمة المرور الخاصة بك وتسجيل الدخول إلى Bluehost بمجرد الدفع والتسجيل ، ستتمكن من إنشاء كلمة المرور الخاصة بك:

إنشاء كلمة المرور الخاصة بك وتسجيل الدخول إلى Bluehost بمجرد الدفع والتسجيل

اضغط على الصورة للتكبير

الخطوة 2: إعداد موقع الويب الخاص بك 

بمجرد شراء اسم النطاق وإعداد الاستضافة ، فأنت في طريقك لبناء موقعك الإلكتروني!

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

 تقريبا معضم شركات الاستضافة لديها تثبيت للووردبرس بنقرة واحدة

إذا قمت بالتسجيل مع Bluehost أو أي شركة استضافة أخرى مماثلة ، فيجب عليك العثور على "1-click-installation" في لوحة تحكم حسابك control panel..في ما يلي الخطوات التي يجب عليك اتباعها ( متشابهة / متطابقة في جميع شركات استضافة الويب الرئيسية)

Log in to your hosting account. (تسجيل الدخول إلى حساب الاستضافة.)

Go to your control panel.(اذهب إلى لوحة التحكم الخاصة بك.)

Look for the “WordPress” or “Website” icon. (ابحث عن رمز "WordPress" أو "Website")

Choose the domain where you want to install your website.(اختر النطاق الذي تريد تثبيت موقعك على الويب فيه.)

انقر على زر "التثبيت الآن" وسوف تستطيع الوصول إلى موقع WordPress الجديد الخاص بك.

إعداد موقع الويب الخاص بك

اضغط على الصورة للتكبير

 الخطوة 3: تصميم موقع الويب الخاص بك

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

اضغط على الصورة للتكبير

بعد تثبيت WordPress بنجاح على نطاقك ، سترى موقعًا مع قالب إفتراضي 

تصميم موقع على الانترنت

هناك 1500+ من القوالب الرائعة والمصممة بطريقة احترافية والتي يمكنك الاختيار من بينها وتخصيصها لموقعك.

معظم قوالب WordPress مجانية الاستخدام وقابلة للتخصيص  او التعديل بدرجة كبيرة.

إليك كيفية البحث عن موضوع تعجبك:

1.قم بتسجيل الدخول إلى لوحة معلومات WordPress الخاصة بك.

إذا لم تكن متأكدًا من كيفية عمل ذلك ، تصفح الرابط https://yoursite.com/wp-admin (استبدل "yoursite" بإسم النطاق الخاص بك) هنا في الصورة في الادني ما يسمى الـ dashboard لوحة تحكم WordPress

قم بتسجيل الدخول إلى لوحة معلومات WordPress الخاصة بك

اضغط على الصورة للتكبير


 2-الوصول إلى قوالب مجانية عندما تكون أمام لوحة المعلومات ، يمكنك الوصول إلى أكثر من 1500 قالب مجاني

ما عليك سوى البحث في الشريط الجانبي عن "Appearance" ، ثم النقر على "Themes".

قوالب مجانية

اضغط على الصورة للتكبير

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

يمكنك البحث عن كلمات رئيسية محددة و / أو استخدام الفلاتر للعثور على قوالب تناسب ذوقك.

يمكن أن يستغرق العثور على المظهر المثالي بعض الوقت ، ولكنه يستحق ذلك.يجب أيضًا البحث عن قوالب"سريعة الاستجابة" ، لأن هذا يعني أنها ستبدو جيدة على أي جهاز جوّال.


3. تثبيت القالب الجديد الخاص بك بمجرد العثور على قالب يعجبك وتثبيتة بالنقر فوق "Install" ثم "Activate"


ثبيت القالب الجديد الخاص بك

اضغط على الصورة للتكبير

تستطيع و بسهولة تعريب لوحة تحكم الادمن ووردبرس 

تابع الخطوات الثلاث الموضحه على الصورة في الأدنى

  1. 1
    اذهب الى الإعدادات Settings
  2. 2
    اضغط على عام General
  3. 3
    قم بتغيير اللغة من الانجليزية الى العربية Site Language 
تعريب لوحة تحكم الادمن ووردبرس

اضغط على الصورة للتكبير


الخطوة 4: إضافة محتوى إلى موقع الويب الخاص بك 

مع اتمام تثبيت القالب تكون مستعدًا لبدء إنشاء المحتوى.

1. انظر إلى الشريط الجانبي في لوحة تحكم WordPress لـ "Pages" -> "Add New"

.2. ستجد شاشة تشبه إلى حد كبير ما شاهدته في Microsoft Word. أضف النصوص والصور والمزيد لإنشاء الصفحة التي تريدها ، ثم احفظها عند الانتهاء.

إضافة محتوى إلى موقع الويب الخاص بك

اضغط على الصورة للتكبير

3. احفظ أي تغييرات أجريتها على الصفحة من خلال النقر على Update

اذا كان لديك اي سؤال فلا تتردد في اضافة تعليق في الأسفل

أضف تعليقاً:

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}