طريقة عمل موقع ويب – طريقة انشاء موقع الكتروني احترافي 2019
طريقة عمل موقع ويب هي عملية سهلة و بسيطة, فهي مجرد خطوات يمكن لأي شخص القيام بها, بدون أي خبرة سابقة. في هذا المقال سوف تعرف طريقة انشاء موقع الكتروني و ذلك خطوة بخطوة و بالصور.
أثناء مشاهدتك لمقال “طريقة عمل موقع ويب”, قد تطرح في نفسك بعض الأسئلة و من بينها:
بعد معرفة طريقة عمل موقع ويب, هل يمكنني إدارة و التحكم في الموقع بدون معرفة التصميم ؟
نعم, بعد معرفتك طريقة عمل موقع الكتروني يمكنك التحكم و إدارة الموقع بشكل إحتراف من دون معرفة التصميم.
كيف أقوم بالتحكم و إدارة الموقع بشكل كامل بدون معرفة التصميم ؟
بعد معرفة لطريقة انشاء موقع الموجودة في هذا المقال سوف تعرف أن منصة ووردبريس لديها لوحة تحكم سهلة الإستخدام تساعدك في التحكم في الموقع.
و أيضا القالب (التصميم الجاهز يمكنك التحكم الكامل في التصميم عن طريق لوحة التحكم الخاصة بالقالب. و بدون معرفة لغات البرمجة و التصميم.
طريقة عمل موقع ويب
1. حجز الدومين و الإستضافة
2. ربط الدومين بالإستضافة
3. تفعيل شهادة SSL المجانية على الإستضافة
4. تثبيت ووربدريس على الإستضافة
5. تفعيل شهادة SSL على ووردبريس بشكل كامل
6. تثبيت القالب (التصميم الجاهز)
7. تثبيت الإضافات اللازمة
8. الحصول على شعار للموقع
9. ضبط اعدادات ووردبريس
10. كتابة و نشر مقالة
طريقة انشاء موقع (الخطوات)
1. حجز الدومين و الإستضافة
أولا: الدومين
الدومين هو عنوان الموقع و يكون على الشكل التالي example.com, و يمكنك حجزه من شركات متخصصة في حجز الدومينات أو من خلال الإستضافة.
أنا أنصح دائما بحجز الدومين من شركة حجز الدومينات Namecheap.
ثم بعد ذلك ربط الدومين بالإستضافة. (تابع الشرح لمعرفة كيف يتم ذلك).
شاهد أيضا: كيفية شراء الدومين من مختلف شركات حجز الإستضافة
ثانيا: الإستضافة
الإستضافة هي ضرورية و لا يمكنك انشاء موقع من دون استضافة, و دورها هو تخزين ملفات الموقع (المقالات, الصور…). و توفيرهذه الملفات للزائر أثناء زيارته للموقع.
يوجد العديد من الإستضافات, و أنا أنصح دائما بإستخدام إستضافة FastComet, فهي من بين أفضل الإستضافات و أنا شخصيا أستخدمها.
شاهد أيضا: قائمة افضل استضافة ووردبريس (الدليل الشامل)
حجز الإستضافة:
للقيام بحجز الإستضافة قم بالدخول إلى www.FastComet.com , تظهر لك الصفحة الرئيسية للموقع أنقر على “START NOW” كما موضح في الصورة.
الآن يتم نقلك إلى خطط الإستضافة المشتركة, قم بإختيار الخطة الأولى “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 كالآتي.
2. ربط الدومين بالإستضافة
ملاحظة: هذه الخطوة تقوم بها إذا قمت بحجز الدومين من شركة أخرى فقط, أما إذا إشتريت الدومين من FastComet فلا تقم بهذه الخطوة, حيث أن الربط بين الدومين و الإستضافة يكون تلقائيا.
لربط الدومين مع الإستضافة, يجب نسخ عناوين DNS الخاصة بإستضافة FastComet ثم لصق هذه العناوين في إعدادات DNS الخاصة بالدومين في شركة حجز الدومينات Namecheap.
و للقيام بذلك قم بالدخول إلى حسابك في FastComet, ثم أنقر على “أيقونة المعلومات” كما في الصورة, و ذلك لإظهار عناوين DNS استضافة FastComet الخاص بك.
الآن تظهر لك هذه النافذة تحتوي على مجموعة من البيانات الخاصة بالإستضافة الخاصة بك, سوف تجد مجموعة من “Nameserver” قم بنسخها كما في الصورة.
الآن قم بالدخول إلى حسابك في Namecheap, أو أي شركة حجز دومينات أخرى حجزت الدومين الخاص بك من خلالها.
ثم أدخل إلى إعدادات DNS الخاص بالدومين و قم “لصق” عناوين DNS التي قمت بنسخها ثم أنقر على “ok”. كما في الصورة.
3. تفعيل شهادة SSL المجانية على الإستضافة (طريقة عمل موقع ويب)
شهادة SSL أصبحت ضرورية, حيث أنها تظهر موقعك على شكل آمن https, و أيضا تساعدك في السيو (تصدر نتائج البحث).
و لتفعيلها مجانا, قم بالدخول إلى حسابك في FastComet, قم بالنقر على “أيقونة cPanel” كما في الصورة.
تظهر لك هذه النافذة قم بكتابة كلمة المرور و ذلك لتأكيد الدخول إلى لوحة تحكم cPanel. كما في الصورة.
بعد الدخول إلى لوحة تحكم cPanel, قم بالنقر عن أيقونة “Lets Encrypt SSL”, كما موضح في الصورة. و ذلك لتثبيت شهادة SSL مجانية على الإستضافة.
الآن يتم نقلك إلى هذه الصفحة, قم بالنقر على “Issue” كما موضح في الصورة.
الآن تظهر لك هذه الصفحة قم بالنقر على “Issue”, كما موضح في الصورة.
4. تثبيت ووربدريس على الإستضافة (طريقة انشاء موقع الكتروني)
نتكلم قليلا على ووردبريس لمن لا يعرفه, ووردبريس هو نظام إدارة المحتوى, يساعدك في إدارة موقعك بدون معرفة للغة البرمجة و التصميم. و معظم المواقع و المدونات تستخدم هذه المنصة لسهولة استعمالها.
و لتثبيت ووردبريس على إستضافة FastComet, قم بالدخول إلى لوحة تحكم cPanel (نفس لوحة التحكم التي قمنا بتفعيل شهادة SSL من خلالها).
سوف تجد أيقونة خاصة بووردبريس, قم بالنقر عليها كما موضح في الصورة.
يتم نقلك إلى هذه الصفحة قم بالنقر على “Install Now”, كما في الصورة
ثم يتم نقلك إلى هذه الصفحة توجد عدة خيارات لتثبيت ووردبريس:
Choose Protocol: قم بإختيار https://www.
Choose Domain: قم بإختيار الدومين الذي تريد تثبيت ووردبريس عليه
In Directory: اتركها فارغة
الآن في الأسفل سوف تجد إعدادات خاصة بالموقع, قم بكتابة المعلومات كما موضح في الصورة. ثم قم بإختيار لغة ووردبريس.
ملاحظة: إذا كان موقعك بالعربي يجب عليك تثبيت ووردبريس باللغة العربية لكي يتم تفعيل خاصية الكتابة من اليمين RTL.
الآن في الأسفل قم بكتابة البريد الإلكتروني الخاص بك, ثم أنقر على “Install”.
بعد إنتهاء تثبيت ووردبريس تظهر لك هذه الصفحة.
الآن سوف تجد بريد إلكتروني منFastcomet به كافة البيانات الخاصة بموقعك.
للدخول إلى لوحة تحكم ووردبريس (مكان التحكم في الموقع و نشر المقالات), قم بالدخول إلى yourdomain.com/wp-admin, ثم قم بكتابة البريد الإلكتروني و كلمة المرور الخاص بووردبريس, ثم أنقر على “دخول”.
الآن تظهر لك لوحة تحكم ووردبريس بالشكل التالي, و يمكنك التحكم بالموقع الخاص بك من خلالها بكل سهولة.
شاهد أيضا: شرح ووردبريس بالتفصيل و كيفية استخدامه بالصور
5. تفعيل شهادة SSL على ووردبريس بشكل كامل (طريقة انشاء موقع)
لتفعيل شهادة SSL بشكل كامل, و لكي تتفادى المشاكل الخاصة بها, يجب عليك تثبيت و تفعيل إضافة ” Really Simple SSL”.
و لفعل ذلك. قم بالدخول إلى لوحة تحكم ووردبريس, ثم قم بالنقر على “إضافات”, ثم أنقر على “أضف جديد”, و بعدها قم بكتابة ” Really Simple SSL” في خانة البحث.
و بعد ظهور الإضافة قم بالنقر على “التنصيب الآن” كما موضح في الصورة.
بعد إتمام التنصيب, قم بالنقر على “تفعيل” كما موضح في الصورة.
الآن قم بالنقر على “الإعدادات” ثم أنقر على “SSL”, ثم قم بالنقر على “Go ahead, activate SSL”. كما في الصورة
الآن قم بالنقر على “الإعدادات” ثم أنقر على “SSL”, ثم قم بالنقر على “Enable” كما موضح في الصورة.
يتم نقلك إلى هذه الصفحة قم بتفعيل خاصية “Enable 301 .htaccess redirect”, ثم أنقر على “Save”, كما موضح في الصورة.
و بعد هذا تظهر لك هذه الصفحة الخاصة بنجاح التفعيل الكلي لشهادة SSL على الموقع.
6. تثبيت القالب (التصميم الجاهز) (طريقة عمل موقع الكتروني)
الآن بخصوص التصميم كما قلنا سابقا, أنت لا تحتاج أن تكون مصمم, فيوجد الكثير من القوالب الجاهزة (مصممة مسبقا).
فكل ما عليك فعله أن تختار قالب يناسب نوع الموقع الذي سوف تنشأه.
و أنا أنصح دائما بشراء قالب Publisher, و هو يدعم اللغة العربية, كما أنه يأتي بالعديد من التصاميم يمكنك الإختيار بينها.
كذلك يأتي معه العديد من الإضافات المدفوعة مجانا, و هو أيضا مزود بمبني الصفحات.
و إذا أردت شراء و إستخدام قالب Publisher قم بزيارة الموضوع التالي لمعرفة كيفية فعل ذلك:
شاهد أيضا: كيفية شراء و تفعيل و إستخدام قالب Publisher (الدليل الشامل)
و لتثبيت القالب على ووردبريس, قم بالدخول إلى لوحة تحكم ووردبريس, ثم قم بالنقر على “مظهر” ثم قم بالنقر على “قوالب”, ثم أنقر على “أضف جديد” كما موضح في الصورة.
ثم يتم نقلك إلى هذه الصفحة قم بالنقر على “رفع قالب”, كما في الصورة
الآن يتم نقلك إلى هذه الصفحة, قم بالنقر على “Browse”, ثم قم بحديد ملف zip الخاص بالقالب, ثم انقر على “التنصيب الآن”.
ملاحظة: لا تقم برفع ملفzip كاملا, و إنما قم بإستخراج منه ملف zip خاص بالقالب فقط. ثم قم برفعه.
الآن قم بتفعل القالب, و ذلك بالدخول إلى “مظهر” ثم انقر على “قوالب”, فيظهر لك قالب Publisher, قم بوضع مؤشر الفأرة عليه, ثم أنقر على “تفعيل” كما في الصورة.
الآن إختيار التصميم المناسب, قم بالدخول إلى “Publisher” ثم أنقر على “Install Demos”, ثم قم بإختيار التصميم الذي يناسبك و أنقر على “Install”. كما في الصورة.
7. تثبيت الإضافات اللازمة (طريقة انشاء موقع ويب)
يحتوي ووردبريس على آلاف الإضافات المجانية, و هي عبارة عن أداة أو برنامج صغير, و كل أداة (إضافة) لها دورها, مثل إضافة الأمان و الحماية, و إضافة السيو و غيرها.
يجب عليك تثبيت مجموعة من الإضافات الضرورية على ووردبريس, و ذلك لزيادة أداء الموقع الخاص بك. و تسهيل التحكم في الموقع.
و قمت بكتابة مقال توجد فيه مجموعة من الإضافات الضرورية لكل موقع. و لمعرفة هاته الإضافات قم بمشاهدة المقال التالي.
شاهد أيضا: قائمة الإضافات الضرورية لكل موقع (القائمة الشاملة)
8. الحصول على شعار للموقع (طريقة عمل موقع)
يعتبر الشعار (اللوجو) أمر ضروري لكل موقع, حيث أنه يمثل البراند الخاص بك. و هو الشيء الذي يتميز به موقعك عن باقي المواقع الإلكترونية الأخرى.
الآن أنت تتساءل عن كيفية تصميم شعار ؟ لا تقلق يوجد من يقوم لك بتصميم شعار احترافي إبتداءا من 5 دولار.
و يتم ذلك عن طريق موقع الخدمات المصغرة Fiverr, و الذي يوجد في آلاف المصممين, يمكنك الإختيار بينهم للقيام بتصميم شعار للموقع الخاص بك. و لمعرفة كيفية القيام بطلب خدمة تصميم شعار شاهد المقال التالي
شاهد أيضا: شرح كيفية طلب خدمة تصميم شعار لموقعك من Fiverr
9. ضبط اعدادات ووردبريس (طريقة انشاء موقع)
هناك بعض إعدادات ووردبريس يجب عليك ضبطها, فقم بإتباع الخطوات التالية للقيام بذلك.
أولا: نقوم بضبط الإعدادات العامة للموقع, و ذلك بالدخول إلى “الإعدادات”, ثم قم بالنقر على “عام”.
ثم قم بكتابة “إسم الموقع”, و أكتب أيضا “وصف الموقع” في بضع كلمات. و أيضا كتابة “البريد الإلكتروني” ثم قم بالنقر على “حفظ التغييرات”.
ثانيا: الآن نقوم بضبط إعدادت الروابط الدائمة, و ذلك بالدخول إلى “الإعدادات”, ثم قم بإختيار “عنوان المقالة”, ثم قم بالنقر على “حفظ التغييرات”. كما موضح في الصورة
10. كتابة و نشر مقالة (طريقة عمل موقع ويب)
يتم كتابة المقال و نشره عن طريق المحرر الخاص بووردبريس, حيث أن ووردبريس لديه محررين, محرر كلاسيكي, و مؤخرا تم إصدار المحرر الجديد.
و الأفضل بينهم حقيقة هو المحرر الكلاسكي, و ذلك لسهولة إستخدامه. كما أنه المفضل لدى العديد من اصحاب المواقع.
أثناء الدخول لمحرر ووردبريس سوف تجد المحرر الجديد مثبت تلقائيا. و إذا أردت إستخدام المحرر الكلاسيكي (أنصحك بذلك), يجب عليك تثبيت و تفعيل إضافة ” Classic Editor”.
الآن سوف أضع لك صور لكل من المحرر الجديد و المحرر الكلاسيكي, و كيفية إستخدامهما. و أنت إختر الذي تراه مناسب لك.
المحرر الجديد
المحرر الكلاسيكي
وصلنا إلى نهاية مقال طريقة انشاء موقع الكتروني, إذا كان لديك استفسار أو إضافة فلا تتردد في كتابتها في التعليقات.