إنشاء صفحة ويب جديدة – كيفية عمل صفحة ويب (بالتفصيل والصور)

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

يوجد العديد من أنواع صفحات الويب، حيث يمكنك عمل صفحة ويب عادية تحتوي على مقالة وبعض الصورة.

أو يمكنك أيضا انشاء صفحة ويب تحتوي على فيديو، وأيضا يمكنك إنشاء صفحة ويب جديدة لبيع منتج ما، وكذلك يمكنك عمل صفحة ويب لبيع خدمة ما.

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

 

الأدوات الضرورية التي تمكنك من إنشاء صفحة ويب

---

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

الدومين: ويكون على الشكل example.com وهو ضروري حتى تتمكن من انشاء صفحة ويب، ويمكنك حجز الدومين من شركة هوستنجر.

الاستضافة: وهي المكان الذي يتم تخزين ملفات الموقع كالصور والمقالات وغيرها، وأفضل شركة في هذا المجال هي استضافة هوستنجر.

القالب: هو التصميم الجاهز أي مظهر الموقع الخاص بك ولا تحتاج أن تكون مصمم فهو جاهز.

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

 

خطوات عمل صفحة ويب

---

 

الخطوة1: حجز الدومين والاستضافة

---

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

لحجز الدومين والاستضافة والحصول على خصم يصل إلى 85% نقوم بالدخول إلى موقع Hostinger.ae، يظهر لنا الموقع بالنسخة العربية نقوم بالنقر على “ابدأ الآن”

زيارة موقع Hostinger.ae + الحصول على خصم 85%

الآن يتم نقلنا إلى خطط الاستضافة المشتركة، سوف نجد ثلاث خطط استضافة:

• خطة استضافة مواقع أحادية مناسبة لاستضافة موقع واحد
• خطة استضافة مواقع مميزة مناسبة لاستضافة عدة مواقع
• خطة استضافة مواقع أعمال مناسبة للشركات الصغيرة والمتوسطة

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

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

الآن سوف نختار خطة الاستضافة الأولى وهي خطة استضافة مواقع أحادية التي تمكننا من استضافة موقع واحد، نقوم بالنقر على “أضف إلى السلة”.

زيارة موقع Hostinger.ae + الحصول على خصم 85%

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

وأنا أنصحك بحجز الاستضافة لمدة سنة أو أكثر، لتستفيد من الخصم لعدة سنوات، لأن سعر التجديد يكون بدون خصم عند انتهاء المدة، نحن سوف نختار 12 شهر أي سنة.

زيارة موقع Hostinger.ae + الحصول على خصم 85%

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

زيارة موقع Hostinger.ae + الحصول على خصم 85%

ثم في الأسفل نقوم باختيار وسيلة الدفع، سوف نختار البطاقة البنكية، وفي الأسفل سوف تجد المبلغ الاجمالي الذي سوف تدفعه.

نقوم باستخدام كوبون خصم oridsite للحصول على تخفيض اضافي، وأنا شخصيا قمت بالتواصل مع شركة هوستنجر لتوفير كوبون خصم خاص لزوار موقعنا، ولاستخدام كوبون الخصم هذا نقوم بالنقر على “هل لديك كود خصم؟” ثم نقوم بكتابة “oridsite” ثم نقوم بالنقر على علامة +، كما تلاحظ تم تطبيق الخصم وأصبح السعر أقل.

الآن نقوم بكتابة بيانات البطاقة الائتمانية ثم نقوم بالنقر على تقديم الدفع الآمن لإتمام عملية الدفع لحجز الاستضافة.

زيارة موقع Hostinger.ae + الحصول على خصم 85%

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

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

أول سؤال هو لمن سوف تنشئ موقع الكتروني؟ لنفسك أو لعميل أو لشركة تعمل لديها أو لشخص آخر. نحن سف نختار إجابة “لنفسي”.

الإجابة على السؤال الثاني هي “مدونة” لأننا سوف نقوم بإنشاء مقالات ونشرها، إذا كان نوع آخر يمكنك اختياره عادي.

وللإجابة على هذا السؤال نختار “إنشاء موقعي الأول”، وطبعا يمكنك اختيار أي إجابة أخرى إذا كانت لديك تجربة سابقة.

والآن في هذه الصفة نقوم باختيار المنصة التي نقوم بتنصيبها على الاستضافة، طبعا سوف نختار منصة WordPress وذلك بالنقر على “حدد” الخاصة بها.

الآن نقوم بإنشاء حساب خاص بمنصة ووردبريس، نقوم بكتابة البريد الإلكتروني وكلمة المرور (يجب أن تتضمن حروف أجنبية كبيرة وصغيرة وحروف وأشكال مثل + وغيرها).

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

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

الآن هذه الصفحة خاصة بالدومين سوف نجد خيارين:

الخيار الأول: هو استخدام نطاق قمت بحجزه سابقا من شركة أخرى

الخيار الثاني: هو حجز دومين جديد إذا كنت لا تملك دومين

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

الآن نقوم بكتابة الدومين الذي نريد حجز مثلا أنا سوف أحجز دومين oridsiteee.com، ثم نقوم بالنقر على “البحث”

إذا كان الدومين متاحا للحجز تظهر لك هذه النتائج بأنه متاح، قم بالنقر على “اشتره الآن”

الآن تظهر لك نافذة لاختيار مدة حجز الدومين قم باختيار “1 سنة”، وقم بإضافة خاصية Whois التي تقوم بإخفاء معلوماتك الشخصية كمالك للدومين مثل الاسم، اللقب، العنوان، البريد الإلكتروني، رقم الهاتف وغيرها (خاصية Whois هذه يمكنك شرائها ويمكنك عدم شرائها كما تريد).

الآن بعد إتمام الدفع بنجاح تظهر لك هذه النافذة قم بالنقر على “الخطوة التالية”

الآن تظهر لك هذه الصفحة الخاصة بمعلومات مالك الدومين، قم باختيار “دولتك”، ثم اختر “شخصية” ثم قم بالنقر على “الخطوة التالية”

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

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

مثلا إذا كان زوار موقعك من الدول العربية فينصح اختيار مركز بيانات أوروبا (هولاندا، Netherlands) ليكون موقعك أسرع، وإذا كان موقع أجنبي يمكنك التغيير لمركز البيانات الأمريكي.

أي نقوم بتحديد مركز البيانات الخاص بهولندا ثم نقوم بالنقر على “إنهاء الإعداد”.

الآن ننتظر قليلا لكي يتم إنهاء إعداد وتنصيب ووردبريس على الاستضافة

بعد الانتهاء من إعداد الحساب وتنصيب ووردبريس على الاستضافة تظهر لنا هذه الصفحة، قم بالنقر على “Manage Site” وذلك للدخول إلى لوحة تحكم الاستضافة (حسابك في هوستنجر)

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

حيث اصبحت شهادة SSL ضرورية لكل موقع، وهي التي تجعل موقعك يظهر على شكل آمن https، والمواقع التي لا تملك شهادة SSL تظهر على شكل مواقع غير آمنة للزائر.

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

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

ولتنصيب شهادة SSL قم بالنقر على “SSL” الموجودة في الأعلى، ثم قم بالنقر على “إعداد”

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

الآن تظهر لك حالة شهادة SSL “جاري التثبيت” اتركها بعض الوقت حتى يتم التثبيت، إذا طال الأمر لا تقلق سوف يتم تثبيتها تلقائيا.

في مدة الانتظار هذه نقوم بتفعيل البريد الإلكتروني، وذلك بالدخول إلى رسالة مرسلة من استضافة هوستنجر والنقر على “VERIFY EMAIL”

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

والآن بمجرد إتمام الدخول بنجاح فقد تم تفعيل البريد الإلكتروني بنجاح، وتكون لوحة تحكم الاستضافة على الشكل التالي

والآن نقوم بتفعيل البريد الإلكتروني للدومين وذلك لتأكيد بيانات مالك الدومين، وهذه الخطوة ضرورية وإذا لم تقم بها في ظرف 15 يوم سوف يتم تعطيل الدومين الخاص بك.

ولتفعيل الدومين قم بالدخول إلى البريد الإلكتروني الخاص بك، ثم قم بالدخول إلى رسالة بعنوان ” IMPORTANT! Verify your contact information for”

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

الآن يتم نقلك إلى هذه الصفحة بنجاح عملية تأكيد البريد الإلكتروني

الآن نقوم بالعودة إلى لوحة تحكم الاستضافة، ثم نقوم بالنقر على SSL وسوف تجد أن حالة شهادة SSL “نشط”، وإذا وجدتها “جاري التثبيت” فقط انتظر وقم بتحديث الصفحة.

 

الخطوة 2: ضبط إعدادات ووردبريس

---

نقوم بالدخول إلى لوحة تحكم ووردبريس، أين يمكنك التحكم في تصميم الموقع وإنشاء الصفحات المقالات ونشرها، نقوم بالدخول إلى هذا الرابط yourdomain.com/wp-admin (مع تغيير الدومين إلى الخاص بك)

ثم نقوم بكتابة البريد الإلكتروني وكلمة المرور الخاصة بووردبريس، وليست كلمة مرور الاستضافة، ثم نقوم بالنقر على “Log in”

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

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

ولفعل ذلك نقوم بالنقر على “Setting”، ثم نختار اللغة “العربية” من القائمة، بعدها ننقر على “Save Changes”.

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

الآن يجب أن نقوم بضبط إعدادات التعليقات التي يكتبها زوار الموقع، نقوم بالدخول إلى “الإعدادات” ثم نقوم بالنقر على “مناقشة”.

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

الآن يجب أن نقوم بتغيير شكل الروابط الدائمة، وذلك لكي تظهر بشكل جيد للزائر، وكذلك تساعدك في تحسين محركات البحث (السيو).

نقوم بالدخول “الإعدادات” ثم ننقر على “روابط دائمة”، تظهر لنا هذه الصفحة، نختار شكل روابط “عنوان المقالة”، ثم نقوم بالنقر على “حفظ التغييرات”

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

الإضافات يمكن القول عنها أنها أداة أو برنامج صغير له دور مثل إضافة الأمان لحماية الموقع و غيرها…

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

شاهد أيضا: قائمة 12 إضافة وووردبريس الضرورية التي يجب عليك ثبيتها

 

الخطوة 3: إختيار وتنصيب تصميم الموقع (القالب)

---

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

يوجد العديد من القوالب وأنا أنصحك بشراء قالب جنة أو قالب مهارتي.

قالب جنة: مناسب للمواقع العامة ويمكنك من خلاله عمل صفحة ويب بسهولة ويمكنك تصفح خصائصه وتصاميم صفحاته الجاهزة من هذا الرابط.

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

 

لتنصيب القالب على ووردبريس نقوم برفع ملف القالب على ووردبريس، وهذا الملف سوف تحصل عليه بعد شرائك للقالب.

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

الآن نقوم بالنقر على “رفع قالب”، ثم بعد ذلك نقوم بالنقر على “Choose File”، ثم نقوم بتحديد ملف قالب جنة، ثم نقوم بالنقر على “التنصيب الآن”

 ننتظر قليلا حتى يتم تنصيب القالب، وبعد انتهاء عملية تنصيب القالب تظهر لك هذه الصفحة بنجاح عملية التثبيت، نقوم بالنقر على “تفعيل” وذلك لتثبيت القالب.

والآن تظهر لك هذه الصفحة الخاصة بتفعيل القالب بشكل رسمي، أي تفعيل النسخة التي اشتريتها. ولفعل ذلك قم بالنقر على “تفعيل الآن”

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

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

بعدما يتم تفعيل القالب بشكل رسمي، تظهر لك صفحة نجاح تفعيل القالب بنجاح كما في الصورة.

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

ولتنصيب هذه الإضافات نقوم بالنقر على أيقونة “جنة” ثم نقوم بالنقر على “تنصيب الإضافات”

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

الآن بعد انتهاء تنصيب جميع الإضافات يجب علينا تفعليها، ولكي نقوم بتفعيل جميع هذه الاضافات نقوم بالنقر على “تنصيب الإضافات” مرة اخرى

الآن نقوم بالنقر على مربع “إضافة” في الأعلى لتحديد جميع الإضافات، ثم نقوم باختيار “تفعيل” من القائمة المنسدلة، ثم ننقر على “تطبيق”، لكي يتم تفعيل جميع الاضافات دفعة واحدة.

 

الخطوة 4: كيفية عمل صفحة ويب جديدة

---

الآن الشيء المهم وهو كيفية عمل صفحة ويب (مقالة + صور)، قبل أن نبدأ بالخطوات، أريد أن أنوه لملاحظة ووردبريس مؤخرا عمل تحديث للمحرر الخاص به (المكان الذي تكتب فيه المقالات ووضع الصور وغيرها).

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

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

 

1. كيفية إنشاء صفحة ويب عادية بإستخدام “المحرر الجديد”

لإنشاء صفحة ويب عادية (مقالة + صورة) بواسطة المحرر الجديد، أنقر على “مقالات” ثم أنقر على “أضف جديدا” ثم بالنقر على إشارة “+” وبعدها تظهر لك قائمة قم بإدراج أي شيء تريد، سواء عنوان أو فقرة أو صورة أو غيرها.

وبعد الانتهاء يمكنك “حفظ المقالة” أو “نشر المقالة”. وتوجد خيارات أخرى مثل اللون وحجم العناوين وغيرها.

 

2. كيفية عمل صفحة ويب عادية  بإستخدام “المحرر التقليدي“

أولا لكي تتمكن من استخدام المحرر التقليدي، يجب عليك تثبيت وتفعيل إضافة “Classic Editor”

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

 

3. انشاء صفحة ويب جديدة لعرض المنتجات لبيعها

يمكنك انشاء صفحة ويب جديدة لعرض منتج معين لكي تقوم ببيعه عبر الأنترنت بسهولة، ولكن يجب عليك تثبيت إضافة “WooCommerce” حيث من خلالها يمكنك البيع وعرض المنتجات بواسطة الموقع الخاص بك.

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

الآن في الجانب اليمين يمكنك إضافة صور المنتج، والتصنيف الخاص به وغيرها من الخيارات الأخرى.

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

 

4. طريقة انشاء صفحة ويب على شكل فورم للإتصال بك (صفحة اتصل بنا)

يمكنك انشاء صفحة ويب على شكل فورم لتساعد زوار موقعك بالاتصال بك وإرسال لك رسالة عبر البريد الإلكتروني.

وللقيام بعمل صفحة ويب على شكل فورم يجب أن تقوم بتثبيت إضافة Contact Form 7 وتفعيلها.

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

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

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

والآن تم انشاء صفحة ويب على شكل فورم بنجاح، وعند الدخول إلى هذه الصفحة تظهر لك على الشكل التالي

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