تابع كل جديد منصّة رُوّاد

أكثر من 11,214 متابع

كيفية تصميم موقع على الانترنت – إنشاء موقع الكتروني مجاني خطوة بخطوة

ديسمبر 9, 2019

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

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

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

نصيحة سريعة

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

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

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

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

 كيف يبني الناس المواقع الان

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

المصدر: https://trends.builtwith.com/cms/traffic/Entire-Internet/

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

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

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

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

خطوات عمل موقع على WordPress:


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

           

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

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

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

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

 إن امتلاك اسمك الخاص بك فى نطاق خاص بك سيبدو أكثر احترافية بكثير من امتلاك موقعك على  نطاق شخص آخر (مثل yourbusiness.my-free-website.com) ، وتكلفته مناسبة جدًا أيضًا. تقدم معظم مقدمي خدمات الاستضافة نطاقات مجانية لمدة عام واحد (عادة ما تكون 15 دولارًا في السنة).

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

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

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

يمكنهم التعامل مع الكثير من زحام المواقع من جميع أنحاء العالم.

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


إليك كيفية الاشتراك في مزود استضافة الويب (وتسجيل اسم نطاق إذا لم يكن لديك حتى الآن).

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

تذكر: نظرًا لأننا نستخدم تطبيق Bluehost بأنفسنا ، فقد تفاوضت على خصم صغير لزوار ArabianBot أريبيان بوت. استخدم هذا الرابط لتنشيطه. Use this link to activate it.

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

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

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

  • Basic (أساسي)
  • Plus(إضافي)
  • Choice Plus (اختيار إضافي)

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

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

3. اختر اسم المجال

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

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

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

نصيحتي أنا أفضل وأتجنب الإضافات الغريبة وانتقل مع .com أو .net أو .org ما لم تصف تمامًا ما تقدمه -إذا كنت قد حصلت بالفعل على اسم نطاق ، فما عليك سوى إدخاله والنقر على "التالي" في نموذج "لدي اسم نطاق".

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

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

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

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

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

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

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

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

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

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

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

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

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

 تقريبا كل شركة استضافة موثوق بها وراسخة لديها تثبيت بنقرة واحدة لبرنامج 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 بنجاح على نطاقك ، سترى موقعًا أساسيًا للغاية ولكنه فارغ تماما.انت لا تريد أن تبدو مثل أي شخص آخر ، أليس كذلك؟ولهذا السبب تحتاج إلى مواضيع - قالب تصميم يخبر WordPress كيف يجب أن يبدو موقع الويب الخاص بك. شاهد مثالاً على موضوع WordPress المجاني الذي يمكنك تثبيته:

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

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

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

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

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

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

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

كل شيء مكتوب علية اسمة بسهولة. إذا كنت تشعر بشيء من الارتباك ، فلا داعي للقلق - سنوضح لك ماذا ستفعل بعد ذلك.

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

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

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

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

مثل ما امكنك أن ترى أعلاه ، تثبيت موضوع جديد لموقع الويب الخاص بك هو أمر سهل للغاية.

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

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

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

شئ هام: لن يؤدي تغيير المظاهر إلى حذف المشاركات والصفحات والمحتوى السابق. يمكنك تغيير المظاهر قدر ما تشاء دون أن تقلق بشأن فقد ما أنشأته.

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

دعونا نمر بسرعة من خلال بعض الأساسيات:إضافة وتحرير الصفحات

هل تريد صفحة "خدمات" ، أو صفحة "معلومات عني" (مثل ما عندى على القائمة الخاصة بي في أعلى الموقع)؟

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

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

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

إضافة صفحات إلى القائمةإذا كنت تريد ربط صفحتك الجديدة بشريط التنقل ،

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

2. انقر على "Appearance" -> "Menus”" في الشريط الجانبي Dashboard WordPress

3. ابحث عن الصفحة التي أنشأتها و أضفها إلى القائمة بالنقر فوق مربع الاختيار المجاور لها ثم "Add to Menu".

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

تهانينا - أنت جاهز للانطلاق!إذا اتبعت الخطوات الواردة في هذا الدليل ، فيجب أن يكون لديك الآن موقع يعمل بكفاءة بالكامل!

إذا أعجبك هذا المقال فلا تدع الفائدة تتوقف عندك، ساعد في نشر هذا المقال لتعم الفائدة

شاركنا رأيك في التعليقات في الادنى


التعليقات

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

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