InterServer Web Hosting and VPS

طريقة عمل موقع ويب – طريقة انشاء موقع الكتروني احترافي 2019

طريقة عمل موقع ويب هي عملية سهلة و بسيطة, فهي مجرد خطوات يمكن لأي شخص القيام بها, بدون أي خبرة سابقة. في هذا المقال سوف تعرف طريقة انشاء موقع الكتروني و ذلك خطوة بخطوة و بالصور.

أثناء مشاهدتك لمقال “طريقة عمل موقع ويب”, قد تطرح في نفسك بعض الأسئلة و من بينها:

 

بعد معرفة طريقة عمل موقع ويب, هل يمكنني إدارة و التحكم في الموقع بدون معرفة التصميم ؟

 

نعم, بعد معرفتك طريقة عمل موقع الكتروني يمكنك التحكم و إدارة الموقع بشكل إحتراف من دون معرفة التصميم.

 

كيف أقوم بالتحكم و إدارة الموقع بشكل كامل بدون معرفة التصميم ؟

 

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

و أيضا القالب (التصميم الجاهز يمكنك التحكم الكامل في التصميم عن طريق لوحة التحكم الخاصة بالقالب. و بدون معرفة لغات البرمجة و التصميم.

 

 

طريقة عمل موقع ويب

 

1. حجز الدومين و الإستضافة

2. ربط الدومين بالإستضافة

3. تفعيل شهادة SSL المجانية على الإستضافة

4. تثبيت ووربدريس على الإستضافة

5. تفعيل شهادة SSL على ووردبريس بشكل كامل

6. تثبيت القالب (التصميم الجاهز)

7. تثبيت الإضافات اللازمة

8. الحصول على شعار للموقع

9. ضبط اعدادات ووردبريس

10. كتابة و نشر مقالة

 

طريقة انشاء موقع (الخطوات)

 

1. حجز الدومين و الإستضافة

 

أولا: الدومين

الدومين هو عنوان الموقع و يكون على الشكل التالي example.com, و يمكنك حجزه من شركات متخصصة في حجز الدومينات أو من خلال الإستضافة.

أنا أنصح دائما بحجز الدومين من شركة حجز الدومينات Namecheap.

ثم بعد ذلك ربط الدومين بالإستضافة. (تابع الشرح لمعرفة كيف يتم ذلك).

شاهد أيضا: كيفية شراء الدومين من مختلف شركات حجز الإستضافة

 

ثانيا: الإستضافة

الإستضافة هي ضرورية و لا يمكنك انشاء موقع من دون استضافة, و دورها هو تخزين ملفات الموقع (المقالات, الصور…). و توفيرهذه الملفات للزائر أثناء زيارته للموقع.

يوجد العديد من الإستضافات, و أنا أنصح دائما بإستخدام إستضافة FastComet, فهي من بين أفضل الإستضافات و أنا شخصيا أستخدمها.

شاهد أيضا: قائمة افضل استضافة ووردبريس (الدليل الشامل)

 

حجز الإستضافة:

 

للقيام بحجز الإستضافة قم بالدخول إلى www.FastComet.com , تظهر لك الصفحة الرئيسية للموقع أنقر على “START NOW” كما موضح في الصورة.

 

احصل على الخصم الآن

الصفحة الرئيسية لموقع fastcomet-طريقة انشاء موقع الكتروني

 

الآن يتم نقلك إلى خطط الإستضافة المشتركة, قم بإختيار الخطة الأولى “FastCloud” فهي مناسبة للمواقع الجديدة.  و ذلك بالنقر على “GET STARTED”. كما موضح في الصورة

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

خطط الإستضافة المشركة لفاست كوميت - طريقة عمل موقع الكتروني

 

الآن يتم نقلك للصفحة الخاصة بالدومين, تجد خيارين هما:

 

الخيار الأول: حجز الدومين بواسطة استضاف Fastcomet.

 

الخيار الثاني: إستخدام دومين محجوز مسبقا. (هذه هي الطريقة التي سوف نستخدمها في الشرح)

 

الآن سوف أستخدم الدومين الخاص بي, الذي قمت بحجزه بواسطة شركة Namecheap. و لإستخدامه لحجز استضافة FastComet إتبع الخطوات التالية:

قم بالنقر على “I already have a domain”, ثم قم بكتابة الدومين الخاص بك, ثم أنقر على “USE THIS DOMAIN”. كما موضح في الصورة.

طريقة انشاء موقع  - تحديد الدومين

 

الآن يتم نقلك إلى هذه الصفحة قم بكتابة البيانات الشخصية الخاصة بك كما موضح في الصورة.

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

 

الآن في الأسفل سوف تجد خيارات خاصة بالإستضافة:

Plan: أتركها كما هي, “الإستضافة المشتركة” خطة “FastCloud”

Datacenter Location: و هي مكان السيرفر, إختر الأقرب لزوار الموقع الخاص بك ” فرانكفورت للمواقع العربية”

Period: و هي مدة حجز الإستضافة, إختر 12 شهر أو أكثر. حسب قدرتك المادية.

أما الخدمات الإضافية (EXTRAS) لا تشتري أي واحدة منهم, فهي مجرد مصاريف زائدة.

طريقة انشاء موقع ويب - خيارات استضافة فاست كوميت

 

الآن في الأسفل قم بإختيار وسيلة الدفع, و قم بكتابة بيانات البطاقة, ثم قم بتحديد مربعات “الموافقة على شروط الخدمة” و كذلك ” الموافقة على استقبال إيمايلات العروض الترويجية من فاست كوميت”. ثم أنقر على “COMPLETE ORDER”, كما موضح في الصورة.

طريقة عمل موقع - إنهاء طلبية شراء استضافة فاست كوميت

 

بعد الدفع يتم نقلك إلى صفحة نجاح عملية شراء الإستضافة, قم بالنقر على “Click here to go to your Client Area”. كما في الصورة

طريقة انشاء موقع الكتروني - نجاح شراء استضافة فاست كوميت

 

الآن تظهر لك هذه النافذة قم بإغلاقها كما موضح في الصورة.

طريقة عمل موقع الكتروني  - إغلاق نافذة فاست كوميت

 

و الآن تظهر لك واجهة حسابك في FastComet كالآتي.

طريقة انشاء موقع - واجهة حساب FastComet

 

2. ربط الدومين بالإستضافة

 

ملاحظة: هذه الخطوة تقوم بها إذا قمت بحجز الدومين من شركة أخرى فقط, أما إذا إشتريت الدومين من FastComet فلا تقم بهذه الخطوة, حيث أن الربط بين الدومين و الإستضافة يكون تلقائيا.

 

لربط الدومين مع الإستضافة, يجب نسخ عناوين DNS الخاصة بإستضافة FastComet ثم لصق هذه العناوين في إعدادات DNS الخاصة بالدومين في شركة حجز الدومينات Namecheap.

و للقيام بذلك قم بالدخول إلى حسابك في FastComet, ثم أنقر على “أيقونة المعلومات” كما في الصورة, و ذلك لإظهار عناوين DNS استضافة FastComet الخاص بك.

طريقة عمل موقع ويب - إظهار معلومات DNS الخاصة بإستضافة

 

الآن تظهر لك هذه النافذة تحتوي على مجموعة من البيانات الخاصة بالإستضافة الخاصة بك, سوف تجد مجموعة من “Nameserver” قم بنسخها كما في الصورة.

طريقة انشاء موقع ويب - Nameserver الخاصة بإستضافة Fastcomet

 

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

ثم أدخل إلى إعدادات DNS الخاص بالدومين و قم  “لصق” عناوين DNS التي قمت بنسخها ثم أنقر على “ok”. كما في الصورة.

طريقة عمل موقع - ربط دومين نيم شيب بإستضافة فاست كوميت

 

3. تفعيل شهادة SSL المجانية على الإستضافة (طريقة عمل موقع ويب)

 

شهادة SSL أصبحت ضرورية, حيث أنها تظهر موقعك على شكل آمن https, و أيضا تساعدك في السيو (تصدر نتائج البحث).

 

و لتفعيلها مجانا, قم بالدخول إلى حسابك في FastComet, قم بالنقر على “أيقونة cPanel” كما في الصورة.

طريقة انشاء موقع الكتروني - واجهة حساب FastComet

 

تظهر لك هذه النافذة قم بكتابة كلمة المرور و ذلك لتأكيد الدخول إلى لوحة تحكم cPanel. كما في الصورة.

طريقة عمل موقع الكتروني - كلمة مرور الدخول إلى لوحة تحكم cPanel

 

بعد الدخول إلى لوحة تحكم cPanel, قم بالنقر عن أيقونة “Lets Encrypt SSL”, كما موضح في الصورة. و ذلك لتثبيت شهادة SSL مجانية على الإستضافة.

طريقة انشاء موقع - تثبيت شهادة Lets Encrypt SSL على الإستضافة

 

الآن يتم نقلك إلى هذه الصفحة, قم بالنقر على “Issue” كما موضح في الصورة.

طريقة عمل موقع ويب - تثبيت شهادة SSL مجانية على استضاف FastComet

 

الآن تظهر لك هذه الصفحة قم بالنقر على “Issue”, كما موضح في الصورة.

طريقة انشاء موقع ويب - تثبيت شهادة SSL على استضافة fastcomet

 

4. تثبيت ووربدريس على الإستضافة (طريقة انشاء موقع الكتروني)

 

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

 

و لتثبيت ووردبريس على إستضافة FastComet, قم بالدخول إلى لوحة تحكم cPanel (نفس لوحة التحكم التي قمنا بتفعيل شهادة SSL من خلالها).

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

طريقة عمل موقع - تثبيت ووردبريس على استضافة fastcomet

 

يتم نقلك إلى هذه الصفحة قم بالنقر على “Install Now”, كما في الصورة

تثبيت ووردبريس على استضافة fastcomet

 

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

Choose Protocol: قم بإختيار https://www.

Choose Domain: قم بإختيار الدومين الذي تريد تثبيت ووردبريس عليه

In Directory: اتركها فارغة

تثبيت ووردبريس على استضافة fastcomet

 

الآن في الأسفل سوف تجد إعدادات خاصة بالموقع, قم بكتابة المعلومات كما موضح في الصورة. ثم قم بإختيار لغة ووردبريس.

ملاحظة: إذا كان موقعك بالعربي يجب عليك تثبيت ووردبريس باللغة العربية لكي يتم تفعيل خاصية الكتابة من اليمين RTL.

إعدادات تثبيت وووردبريس

 

الآن في الأسفل قم بكتابة البريد الإلكتروني الخاص بك, ثم أنقر على “Install”.

تثبيت ووردبريس على استضافة فاست كوميت

 

بعد إنتهاء تثبيت ووردبريس تظهر لك هذه الصفحة.

 

الآن سوف تجد بريد إلكتروني منFastcomet  به كافة البيانات الخاصة بموقعك.

بريد الكتروني لبيانات تثبيت ووردبريس

 

للدخول إلى لوحة تحكم ووردبريس (مكان التحكم في الموقع و نشر المقالات), قم بالدخول إلى yourdomain.com/wp-admin, ثم قم بكتابة البريد الإلكتروني و كلمة المرور الخاص بووردبريس, ثم أنقر على “دخول”.

تسجيل الدخول لووردبريس

 

الآن تظهر لك لوحة تحكم ووردبريس بالشكل التالي, و يمكنك التحكم بالموقع الخاص بك من خلالها بكل سهولة.

واجهة لوحة تحكم ووردبريس بالغة العربية

شاهد أيضا: شرح ووردبريس بالتفصيل و كيفية استخدامه بالصور

 

5. تفعيل شهادة SSL على ووردبريس بشكل كامل (طريقة انشاء موقع)

 

لتفعيل شهادة SSL بشكل كامل, و لكي تتفادى المشاكل الخاصة بها, يجب عليك تثبيت و تفعيل إضافة ” Really Simple SSL”.

 

و لفعل ذلك. قم بالدخول إلى لوحة تحكم ووردبريس, ثم قم بالنقر على “إضافات”, ثم أنقر على “أضف جديد”, و بعدها قم بكتابة ” Really Simple SSL” في خانة البحث.

و بعد ظهور الإضافة قم بالنقر على “التنصيب الآن” كما موضح في الصورة.

تنصيب إضافة Really Simple SSL

 

بعد إتمام التنصيب, قم بالنقر على “تفعيل” كما موضح في الصورة.

تفعيل إضافة Really Simple SSL

 

الآن قم بالنقر على “الإعدادات” ثم أنقر على “SSL”, ثم قم بالنقر على “Go ahead, activate SSL”. كما في الصورة

تفعيل إضافة Really Simple SSL - طريقة عمل موقع ويب

 

الآن قم بالنقر على “الإعدادات” ثم أنقر على “SSL”, ثم قم بالنقر على “Enable” كما موضح في الصورة.

تفعيل إضافة Really Simple SSL - طريقة انشاء موقع

 

يتم نقلك إلى هذه الصفحة قم بتفعيل خاصية “Enable 301 .htaccess redirect”, ثم أنقر على “Save”, كما موضح في الصورة.

تفعيل خاصية 301 .htaccess redirect - طريقة عمل موقع الكتروني

 

و بعد هذا تظهر لك هذه الصفحة الخاصة بنجاح التفعيل الكلي لشهادة SSL على الموقع.

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

 

6. تثبيت القالب (التصميم الجاهز) (طريقة عمل موقع الكتروني)

 

الآن بخصوص التصميم كما قلنا سابقا, أنت لا تحتاج أن تكون مصمم, فيوجد الكثير من القوالب الجاهزة (مصممة مسبقا).

فكل ما عليك فعله أن تختار قالب يناسب نوع الموقع الذي سوف تنشأه.

و أنا أنصح دائما بشراء قالب Publisher, و هو يدعم اللغة العربية, كما أنه يأتي بالعديد من التصاميم يمكنك الإختيار بينها.

كذلك يأتي معه العديد من الإضافات المدفوعة مجانا, و هو أيضا مزود بمبني الصفحات.

 

و إذا أردت شراء و إستخدام قالب Publisher قم بزيارة الموضوع التالي لمعرفة كيفية فعل ذلك:

شاهد أيضا: كيفية شراء و تفعيل و إستخدام قالب Publisher (الدليل الشامل)

 

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

تثبيت قالب بوبليشر على ووردبريس

 

ثم يتم نقلك إلى هذه الصفحة قم بالنقر على “رفع قالب”, كما في الصورة

رفع قالب بوبليشر على ووردبريس

 

الآن يتم نقلك إلى هذه الصفحة, قم بالنقر على “Browse”, ثم قم بحديد ملف zip الخاص بالقالب, ثم انقر على “التنصيب الآن”.

ملاحظة: لا تقم برفع ملفzip  كاملا, و إنما قم بإستخراج منه ملف zip خاص بالقالب فقط. ثم قم برفعه.

 

الآن قم بتفعل القالب, و ذلك بالدخول إلى “مظهر” ثم انقر على “قوالب”, فيظهر لك قالب Publisher, قم بوضع مؤشر الفأرة عليه, ثم أنقر على “تفعيل” كما في الصورة.

تفعيل قالب Publisher

 

الآن إختيار التصميم المناسب, قم بالدخول إلى “Publisher” ثم أنقر على “Install Demos”, ثم قم بإختيار التصميم الذي يناسبك و أنقر على “Install”. كما في الصورة.

إختيار تصميم من Publisher

 

7. تثبيت الإضافات اللازمة (طريقة انشاء موقع ويب)

 

يحتوي ووردبريس على آلاف الإضافات المجانية, و هي عبارة عن أداة أو برنامج صغير, و كل أداة (إضافة) لها دورها, مثل إضافة الأمان و الحماية, و إضافة السيو و غيرها.

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

و قمت بكتابة مقال توجد فيه مجموعة من الإضافات الضرورية لكل موقع. و لمعرفة هاته الإضافات قم بمشاهدة المقال التالي.

شاهد أيضا: قائمة الإضافات الضرورية لكل موقع (القائمة الشاملة)

 

8. الحصول على شعار للموقع (طريقة عمل موقع)

 

يعتبر الشعار (اللوجو) أمر ضروري لكل موقع, حيث أنه يمثل البراند الخاص بك. و هو الشيء الذي يتميز به موقعك عن باقي المواقع الإلكترونية الأخرى.

الآن أنت تتساءل عن كيفية تصميم شعار ؟ لا تقلق يوجد من يقوم لك بتصميم شعار احترافي إبتداءا من 5 دولار.

و يتم ذلك عن طريق موقع الخدمات المصغرة Fiverr, و الذي يوجد في آلاف المصممين, يمكنك الإختيار بينهم للقيام بتصميم شعار للموقع الخاص بك. و لمعرفة كيفية القيام بطلب خدمة تصميم شعار شاهد المقال التالي

شاهد أيضا: شرح كيفية طلب خدمة تصميم شعار لموقعك من Fiverr

 

9. ضبط اعدادات ووردبريس (طريقة انشاء موقع)

 

هناك بعض إعدادات ووردبريس يجب عليك ضبطها, فقم بإتباع الخطوات التالية للقيام بذلك.

أولا: نقوم بضبط الإعدادات العامة للموقع, و ذلك بالدخول إلى “الإعدادات”, ثم قم بالنقر على “عام”.

ثم قم بكتابة “إسم الموقع”, و أكتب أيضا “وصف الموقع” في بضع كلمات. و أيضا كتابة “البريد الإلكتروني” ثم قم بالنقر على “حفظ التغييرات”.

ضبط الإعدادات العامة للموقع

 

ثانيا: الآن نقوم بضبط إعدادت الروابط الدائمة, و ذلك بالدخول إلى “الإعدادات”, ثم قم بإختيار “عنوان المقالة”, ثم قم بالنقر على “حفظ التغييرات”. كما موضح في الصورة

ضبط إعدادت الروابط الدائمة لووردبريس

 

10. كتابة و نشر مقالة (طريقة عمل موقع ويب)

 

يتم كتابة المقال و نشره عن طريق المحرر الخاص بووردبريس, حيث أن ووردبريس لديه محررين, محرر كلاسيكي, و مؤخرا تم إصدار المحرر الجديد.

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

أثناء الدخول لمحرر ووردبريس سوف تجد المحرر الجديد مثبت تلقائيا. و إذا أردت إستخدام المحرر الكلاسيكي (أنصحك بذلك), يجب عليك تثبيت و تفعيل إضافة ” Classic Editor”.

الآن سوف أضع لك صور لكل من المحرر الجديد و المحرر الكلاسيكي, و كيفية إستخدامهما. و أنت إختر الذي تراه مناسب لك.

 

المحرر الجديد

المحرر الجديد

 

المحرر الكلاسيكي

المحرر الكلاسيكي

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

 

اترك رد

لن يتم نشر عنوان بريدك الإلكتروني.