إنشاء صفحة ويب – كيفية عمل صفحة ويب جديدة (2020)
يمكن أنك الآن تسأل عن كيفية إنشاء صفحة ويب, حيث انك قد رأيت صفحة ويب و تريد عمل واحدة مثلها.
يوجد العديد من أنواع صفحات الويب, حيث يمكنك إنشاء صفحة ويب عادية تحتوي على مقالة و بعض الصورة.
أو يمكنك أيضا انشاء صفحة ويب جديدة تحتوي على فيديو, و أيضا يمكنك عمل صفحة ويب لبيع منتج ما, و كذلك يمكنك انشاء صفحة ويب لبيع خدمة ما.
المهم أيا ما كانت رغبتك في انشاء هذه الصفحة, سوف تعرف في هذا الدليل كيفية انشاء صفحة ويب بمختلف أنواعها خطوة بخطوة و بالصور.
1. الأدوات الضرورية لإنشاء صفحة ويب
لتتمكن من إنشاء صفحة ويب يجب أن يكون لديك:
اسم الدومين: و تقوم بإختاره و شراءه و يكون على الشكل example.com, ويمكنك حجز من شركة الإستضافة أو شركات حجز الدومينات.
الاستضافة: و هي ضرورية و لا يمكن إنشاء صفحة ويب من دونها, و هي المكان الذي يتم تخزين الملفات و الصور فيها. و أنا انصح بإستخدام استضافة Hostinger.
القالب: و هو التصميم الجاهز, أي مظهر الموقع الخاص بك. و أنصح بقالب جنة, و الذي يعتبر من بين أفضل قوالب ووردبريس التي تدعم العربية, و أنا شخصيا أسخدمه, و يأتي بالعديد من الخصائص و المميزات.
– حجز الدومين و الإستضافة (إنشاء صفحة ويب)
لحجز الدومين يمكنك إستخدم شركة Namecheap لحجز الدومينات , أو يمكنك إستخدام شركة استضافة Hostinger لحجز الدومين مباشرة.
و إذا قمت بإستخدام شركة الإستضافة لحجز الدومين , أنت لا تحتاج إلى ربط الدومين بالإستضافة فيتم الربط تلقائيا.
شاهد أيضا: كيفية حجز دومين من مختلف شركات حجز الدومينات
–
لحجز الإستضافة قم بالدخول إلى موقع Hostinger.com تظهر لك هذه الصفحة.
قم بالنقر على “ابدأ” كما موضح في الصورة
الآن يتم نقلك إلى هذه الصفحة و سوف تجد ثلاث خطط استضافة, يمكنك إختيار “استضافة ويب أحادي”, و خطة الإستضافة هذه تمكنك من استضافة موقع واحد فقط و لا تحصل على دومين مجاني.
أما إذا إخترت “استضافة ويب ممتاز” يمكنك استضافة عدد غير محدود من المواقع, و الحصول على دومين مجاني.
قم بالنقر على على “أضف إلى السلة” لإتمام عملية الشراء.
الآن في هذه الصفحة قم بما يلي:
1. قم بإختيار مدة حجز الإستضافة, و كلما حجزت سنوات أكثر كلما كان الخصم أكبر, و أنا أنصح و بشدة بحجز سنتين أو أكثر إذا كان بإمكانك ذلك, لأن التجديد يكون بدون خصم عند انتهاء المدة التي إشتريتها.
2. و 3. و هي خدمات إضافة خاصة بكل من النسخ الإحتياطي و خدمة كلوود فلير, يمكنك شراءها أو عدم شراءها حسب الرغبة.
4. و في هذه الخانة يمكنك:
- استخدام دومين تملكه (حجزته من شركة اخرى)
- حجز الدومين بإستخدام شركة Hostinger
الحالة 1: استخدام دومين تملكه (حجزته من شركة اخرى)
في الخانة 4 قم بكتابة الدومين الخاص بك الذي تملكه ثم أنقر على “إنهاء الطلب الآن”
و إذا كنت تريد حجز دومين من شركة حجز دومينات, أنصحك بحجز دومين من شركة نيم شيب Namecheap.
شاهد أيضا: كيفية حجز دومين من شركة نيم شيب Namecheap و ربطه بالإستضافة.
الحالة2: حجز الدومين بإستخدام شركة Hostinger
في الخانة 4 قم بكتابة النطاق الذي تريد حجزه ثم قم بالنقر على “بحث”. و ذلك لحجز الدومين بواسطة شركة Hostinger
إذا كان النطاق متاح للحجز أي لم يحجز مسبقا من طرف شخص آخر سوف تظهر لك هذه الصفحة بأنه متاح.
قم بالنقر على “أضف إلى السلة” كما موضح في الصورة.
الآن تظهر لك هذه الصفحة قم بالنقر على “استعرض سلة التسوق و ادفع”.
الآن تظهر لك صفحة خاصة بحجز الدومين, إختر مدة حجز النطاق.
ثم قم بتحديد أو عدم تحديد المربع الخاص بخاصية إخفاء معلوماتك الشخصية الخاصة بالدومين عن العامة.
و هذه الخاصية تمكنك من إخفاء إسمك و لقبك و عنوانك و رقم هاتفك عن العامة, حيث يمكن لأي شخص إظهار معلومات مالك الدومين, و بشراءك هذه الخاصية لن تظهر معلوماتك لأي شخص.
الآن قم بالنقر على “إنهاء الطلب الآن”
الآن تظهر لك صفحة خاصة بإنشاء حساب خاص بك على الإستضافة, قم بكتابة “الإسم” و “البريد الإلكتروني” و “كلمة المرور”, ثم قم بالنقر على “إنشاء حساب & الدفع”
الآن قم بإختيار طريقة الدفع, سواء الدفع بواسطة البطاقة أو البايبال, نحن سوف نستخدم البطاقة.
قم بالنقر على شكل البطاقة كما في الصورة.
الآن قم بكتابة بيانات البطاقة, ثم قم بالنقر على “ادفع الآن”.
بعد اتمام الدفع بنجاح, سوف تظهر لك هذه الصفحة الخاصة بالفاتورة.
الآن قم بزيارة البريد الالكتروني الخاص بك, سوف تجد رسالة من استضافة هوستنجر ادخل إليها, ثم قم بالنقر على “Confirm my email” و ذلك لتأكيد البريد الخاص بك كما في الصورة.
الآن قم بالنقر على “الرئيسية” كما في الصورة لإتمام عملية إنشاء الموقع.
الآن قم بالنقر على “الإعداد” الخاصة بالإستضافة كما موضح في الصورة.
الآن قم بإختيار مركز البيانات, و هو مكان تواجد السيرفر, اين يتم تخزين ملفات موقعك, و يفضل أن إختيار مركز البيانات الأقرب لزوار موقعك ليتم تحميل موقعك بسرعة.
مثلا إذا كان زوار موقعك من الدول العربية فينصح اختيار مركز بيانات أوروبا (هولاندا) لتكون سرعة موقعك جيدة.
الآن قم بتحديد الدومين الذي سوف تستعمله ثم قم بالنقر على “نعم, تابع”
الآن قم بإختيار أحد الخيارين, إما إستعمال دومين قمت بحجزه من طرف شركة حجز دومينات أخرى.
أو حجز دومين من طرف شركة هوستنجر.
في الشرح سوف نستخدم دومين تم شراءه من طرف شركة اخرى.
الآن نحن قمنا بإختيار إستخدام نطاق نملكه مسبقا, لذا سوف تظهر لك أسماء الخوادم, قم بنسخها و لصقها في إعدادات الدومين الخاص بك. و ذلك لكي يتم ربط الدومين بالإستضافة.
ثم قم بالنقر على “الإعداد” كما في الصورة.
إذا قمت بإستعمال دومين قمت بشراءه من شركة أخرى, يجب عليك ربطه مع الإستضافة هوستنجر.
و لربط الدومين مع الإستضافة, قم بالدخول إلى اعدادات DNS الخاصة بالدومين, ثم قم بلصق عناوين DNS الخاصة بالإستضافة عليه ثم انقر على “Save”.
في المثال استخدمت دومين محجوز بواسطة شركة Namecheap.
– تثبيت ووردبريس (انشاء صفحة ويب)
الآن نقوم بتثبيت ووردبريس, الآن تظهر لك هذه الصفحة قم بالنقر على “تثبيت ووردبريس” و ذلك لتثبيت ووردبريس على الإستضافة.
الآن قم بتحديد النطاق الذي تريد تثبيت ووردبريس عليه, ثم قم بالنقر على “التالي”.
الآن قم بكتابة البيانات الخاصة بإنشاء حسابك ووردبريس, هذه البيانات تمكنك من الدخول إلى لوحة تحكم ووردبريس.
قم بكتابة المعلومات كما في الصورة, ثم قم بالنقر على “التالي”.
الآن قم بإختيار لغة ووردبريس, إذا كان موقعك مقالات بالعربية فيجب عليك إختيار اللغة العربية, و ذلك لكي يتم تفعيل الكتابة على اليمين RTL.
ثم قم بكتابة عنوان الموقع (يمكنك تغييره لاحقا) أكتب أي شيء
ثم قم بالنقر على “تثبيت” كما في الصورة
الآن تظهر لك هذه الصفحة قم بالإنتظار قليلا لكي يتم تثبيت ووردبريس.
بعد إتمام تثبيت ووردبريس, قم بالنقر على “Wp Admin” للدخول إلى لوحة تحكم ووردبريس.
كما يمكنك الدخول إلى لوحة تحكم ووردبريس عبر الرابط yourdomain.com/wp-admin, ثم قم بكتابة البريد الإلكتروني الخاص بك و كلمة المرور التي قمت بكتابتهما سابقا ثم قم بالنقرعلى “دخول”.
– تفعيل شهادة SSL (عمل صفحة ويب)
شهادة SSL تظهر موقعك على شكل https:// كما أنها أصبحت ضرورية لكل موقع, فهي من عوامل الترتيب في جوجل, أي تساعدك في السيو, و كذلك تظهر موقعك على شكل آمن.
و لتثبيت شهادة SSL قم بالدخول إلى “الرئيسية” في حسابك في استضافة هوستينجر, ثم قم بالنقر على “الإعداد” الخاصة بشهادة SSL كما موضح في الصورة.
الآن قم بالنقر على “إدارة”, و ذلك لإتمام تفعيلها.
الآن يتم نقلك إلى هذه الصفحة قم بالنقر على “تفعيل https”
الان قم بالدخول إلى لوحة تحكم ووردبريس, و ذلك عن طريق الرابط
Yourdomain.com/wp-admin
تظهر لك هذه الصفحة, قم بكتابة البريد الإلكتروني و كلمة المرور, ثم أنقر على “Log In” كما موضح في الصورة.
الان بعد الدخول إلى لوحة تحكم ووردبريس, قم بإتباع الخطوات التالية لحذف كل الإضافات المثبتة بإتباع الخطوات التالية, لا تقلق سوف تجد في الأسفل الإضافات الضرورية لأي موقع.
أنقر على “Plugins”, ثم قم بتحديد جميع الإضافات, ثم إختر “Deactivate”, ثم أنقر على “Apply” كما موضح في الصورة.
الآن أنقر على “Plugins”, ثم قم بتحديد جميع الإضافات, ثم إختر “Delete”, ثم أنقر على “Apply” كما موضح في الصورة.
الآن بعد حذف الإضافات سوف تكون لوحة تحكم ووردبريس صافية, الآن نقوم بتغيير لغة ووردبريس إلى العربية (ضرورية إذا كنت سوف تقوم بانشاء صفحة ويب بالعربية و ذلك لتفعيل خاصية الكتابة من اليمين).
قم بالنقر على “Settings”, ثم اختر “اللغة العربية”, ثم انقر على “Save” كما موضح في الصورة.
الآن لتفعيل شهادة SSL بشكل نهائي و كامل, يجب تثبيت و تفعيل إضافة “Really Simple SSL” بإتباع الخطوات التالية:
أنقر على “إضافات” ثم أنقر على “أضف جديد” ثم قم بكتابة Really Simple SSL في خانة البحث, ثم أنقر على “التنصيب الآن”. كما موضح في الصورة.
الان بعد انتهاء عملية التثبيت, قم بتفعيل الإضافة و ذلك بالنقر على “تفعيل”, كما موضح في الصورة.
الآن قم بالدخول إلى “الإعدادات” ثم أنقر على “SSL” ثم أنقر على “Go ahead, activate SSL” كما موضح في الصورة
الآن أنقر على “Enable” كما موضح في الصورة.
الآن يتم تسجيل الخروج من لوحة تحكم ووردبريس تلقائيا, قم بالدخول مرة أخرى.
الآن قم بالدخول إلى “الإعدادات” ثم أنقر على “SSL” ثم قم بتفعيل خاصية “Enable 301 .htaccess redirect” ثم أنقر على “Save” كما موضح في الصورة.
الآن سوف تلاحظ أن شهادة SSL تم نفعيلها بشكل كلي على رابط الموقع الخاص بك, كما موضح في الصورة.
– إختيار تصميم الموقع (القالب) و تثبيته (عمل صفحة ويب)
القالب و هو عبارة عن تصميم جاهز, و هو ضروري لكل موقع و يسهل عليك إدارة موقعك و إنشاء صفحة ويب بسهولة.
يوجد العديد من القوالب المدفوعة و المجانية, و أنا أنصح بشراء قالب مدفوع, لتكون عليك الأمور أسهل بكثير و لن تواجه مشاكل مع القالب المدفوع عكس القالب المجاني.
و القالب الذي أنصحك بشراءه و الذي أنا أستخدمه حاليا هو قالب جنة و هو يدعم اللغة العربية RTL و هو مناسب لعمل موقع ويب, و لديه الكثير من المميزات و الخصائص, و لمعرفة المزيد عن القالب شاهد المقالة التالية.
– الآن لتثبيت القالب على ووردبريس قم بالدخول إلى “مظهر” ثم أنقر على “قوالب” ثم أنقر على “أضف جديد” كما موضح في الصورة
تظهر لك هذه الصفحة فيها مجموعة من القوالب المجانية, لكن نحن سوف نستخدم قالب جنة المدفوع, أنقر على “رفع القالب” كما في الصورة.
الآن قم برفع ملف القالب بصيغة .zip لكن ليس الملف كاملا الذي تحصل عليه بعد الشراء,
قم بالنقر على Browse, ثم قم بتحديد ملف القالب, ثم أنقر على “التنصيب الآن” كما في الصورة
الآن قم بتفعيل القالب, و ذلك بالنقر على “تفعيل” مباشرة بعد التنصيب كما في الصورة.
الآن قم بالنقر على “تفعيل الآن” لكي يتم تفعيل القالب بواسطة الترخيص بشكل رسمي. و يجب أن تكون قد سجلت الدخول لحسابك في Themeforest.
عند التفعيل بنجاح تظهر لك هذه الصفحة.
الآن يجب تنصيب إضافات تأتي مع القالب, و لفعل ذلك قم بالنقر على “جنة” ثم قم بالنقر على “تنصيب الإضافات”.
الآن قم بتحديد جميع الإضافات كما في الصورة, ثم قم بإختيار “تنصيب” ثم قم بالنقر على “تطبيق”
الآن نقوم بتفعيل الإضافات, قم بتحديد جميع الإضافات, ثم إختر “تفعيل” ثم قم بالنقر على “تطبيق”
الآن نقوم بإختيار التصميم, حيث القالب يوفر عدة تصاميم مختلفة, يمكنك إستخدام التصميم الرئيسي دون تغييره, و إذا أردت تغييره, قم بالنقر على “جنة” ثم قم بالنقر على “إستيراد الديمو”
الآن تظهر لك صفحة يوجد فيها تصاميم مختلفة, قم بإختيار واحد منهم ثم قم بالنقر عليه.
الآن تظهر لك هذه النافذة قم بالنقر على “استيراد” كما في الصورة.
– تثبيت الإضافات الضرورية (كيفية انشاء صفحة ويب )
الآن يجب عليك تثبيت الإضافات الضرورية التي تساعدك في التحكم الموقع الخاص بك, و تقوم بتحسين أداءه, كما تقوم بتسهيل التحكم في موقعك.
الإضافات يمكن القول عنها أنها أداة أو برنامج صغير له دور مثل إضافة الأمان لحماية الموقع و غيرها…
شاهد هذا المقال توجد فيها قائمة الإضافات الضرورية التي يجب عليك تثبيتها.
شاهد أيضا: قائمة 12 إضافة وووردبريس الضرورية التي يجب عليك ثبيتها
2. كيفية إنشاء صفحة ويب عادية (مقالة + صور)
الآن الشيء المهم و هو كيفية إنشاء صفحة ويب (مقالة + صور), قبل أن نبدأ بالخطوات, أريد أن أنوه لملاحظة, ووردبريس مؤخرا عمل تحديث للمحرر الخاص به (المكان الذي تكتب فيه..).
و لكن معظم اصحاب المواقع يفضل استخدام المحرر القديم لسهولة استعماله, المهم ووردبريبس ترك المجال مفتوح لمن يريد إستخدام المحرر القديم. و ذلك بتثبيت و تفعيل إضافة المحرر القديم “Classic Editor” (المحرر التقليدي).
أنا سوف أضع الإثنين لكن سوف أركز على المحرر التقليدي أكثر لأنه أكثر إستخداما و شيوعا و سهولة, و انت إستخدم ما يناسبك.
– كيفية إنشاء صفحة ويب عادية بإستخدام “المحرر الجديد”
لإنشاء صفحة ويب عادية (مقالة + صورة) بواسطة المحرر الجديد, أنقر على “مقالات” ثم أنقر على “أضف جديدا” ثم ثم بالنقر على إشارة “+” و بعدها تظهر لك قائمة قم بإدراج أي شيء تريد, سواء عنوان أو فقرة أو صورة أو غيرها.
و بعد الإنتهاء يمكنك “حفظ المقالة” أو “نشر المقالة”. و توجد خيارات أخرى مثل اللون و حجم العناوين و غيرها.
– كيفية عمل صفحة ويب عادية بإستخدام “المحرر التقليدي“
أولا لكي تتمكن من استخدام المحرر التقليدي, يجب عليك تثبيت و تفعيل إضافة “Classic Editor” (المحرر التقليدي).
و بعد ذلك لكي تقوم بإنشاء صفحة ويب جديدة أنقر على “مقالات” ثم أنقر على “أضف جديدا”. تظهر لك هذه الصفحة الخاصة بالمحرر التقليدي, يمكنك إستخدامه بسهولة في إنشاء صفحة ويب كما موضح في الصورة.
3. عمل صفحة ويب جديدة لعرض المنتجات لبيعها
يمكنك عمل صفحة ويب جديدة لعرض منتج معين لكي تقوم ببيعه عبر الأنترنت بسهولة, و لكن يجب عليك تثبيت إضافة “WooCommerce”. حيث من خلالها يمكنك البيع و عرض المنتجات بواسطة الموقع الخاص بك.
الآن بعد تثبيت و تفعيل الإضافة, نقوم بإضافة منتج لبيعه, قم بالنقر على “المنتجات”, ثم أنقر على “إضافة منتج جديد”. و قم بكتابة اسم المنتج و الوصف الخاص به.
الآن في الجانب اليمين يمكنك إضافة صور المنتج, و التصنيف الخاص به و غيرها من الخيارات الأخرى.
و الآن في الأسفل تجد عدة إعدادات و خيارات خاصة بالمنتج, يمكنك تعديلها كيف تشاء, و عند الإنتهاء يمكنك نشر المنتج.
4. انشاء صفحة ويب على شكل فورم للإتصال بك (صفحة اتصل بنا)
يمكنك انشاء صفحة ويب على شكل فورم لتساعد زوار موقعك بالإتصال بك, و إرسال لك رسالة عبر البريد الإلكتروني.
و للقيام بعمل صفحة ويب على شكل فورم يجب أن تقوم بتثبيت إضافة Contact Form 7 و تفعيلها.
و بعد تفعيل الإضافة قم بالنقر على “الإتصال Contact” كما موضح في الصورة.
يتم نقلك إلى هذه الصفحة قم بنسخ هذا الكود, كما موضح في الصورة
ثم قم بإنشاء صفحة جديدة, و ذلك بالنقر على “صفحات” ثم قم بالنقر على “أضف جديدا”. و بعد تظهر لك هذه الصفحة, قم بكتابة عنوان الصفحة ثم قم بلصق الكود و انقر على “نشر”.
و الآن تم انشاء صفحة ويب على شكل فورم بنجاح, و عند الدخول إلى هذه الصفحة تظهر لك على الشكل التالي
انتهى شرح كيفية انشاء صفحة ويب, إذا كان لديك غموض أو استفسار لا تتردد في طرحة في التعليقات.
انا هوايتي هي الطبخ
هذا جيد, إذا كنت تقصد انشاء موقع خاص بالطبخ, قم بالبحث داخل موقعنا عن مقالة “خطوات انشاء موقع ويب”. و قم بإتباع الخطوات و التي تتضم الصور لشرح الخطوات.
اهلن اريد انشاء الويب
أهلا بك,
يمكنك إنشاء موقع ويب بإتباع الخطوات الموجودة في الشرح, أو مشاهدة مقالة خطوات إنشاء موقع ويب
جيد جدا
شكرا لك