انشاء صفحة ويب – كيفية عمل صفحة ويب جديدة 2019

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

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

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

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

 

المحتوى:

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

  • حجز الدومين و الإستضافة
  • تثبيت ووردبريس
  • تفعيل شهادة SSL
  • إختيار تصميم الموقع (القالب) و تثبيته
  • تثبيت الإضافات الضرورية

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

– عمل صفحة ويب جديدة لعرض المنتجات لبيعها

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

 

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

 

لتتمكن من انشاء صفحة ويب يجب أن يكون لديك:

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

الاستضافة: و هي ضرورية و لا يمكن انشاء صفحة ويب من دونها, و هي المكان الذي يتم تخزين الملفات و الصور فيها. و أنا انصح بإستخدام استضافة HostGator.

القالب: و هو التصميم الجاهز, أي مظهر الموقع الخاص بك. و أنصح بقالب Publisher WP Theme فهو يوفر إضافة ” WPBakery Page Builde” و التي سعرها 39 دولار يقدمها مجانا. و العديد من الإضافات الأخرى التي تأتي مجانا مع القالب.

 

حجز الدومين و الإستضافة (انشاء صفحة ويب)

لحجز الدومين يمكنك إستخدم شركة Namecheap لحجز الدومينات أو 1and1, أو يمكنك إستخدام شركة استضافة HostGator لحجز الدومين مباشرة.

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

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

 

– و لحجز الإستضافة قم بالدخول إلى www.HostGator.com, ثم قم بالنقر على “Get Started” كما موضح في الصورة, و ذلك للقيام بحجز الإستضافة.

الصفحة الرئيسية لموقع هوست جيتور - انشاء صفحة ويب

طبق الخصم الآن

 

– الان يتم نقلك إلى هذه الصفحة الخاصة بالإستضافة المشتركة (Shared Web Hosting), و التي تعتبر مناسبة للمواقع الجديدة, و كلما زاد عدد زوارك في المستقبل, يمكنك ترقيتها إلى استضافة أعلى بسهولة.

يوجد ثلاث خطط, قم بإختيار الخطة الأولى (Hatchling Plan) التي تمكنك من استضافة موقع واحد عليها. قم بالنقر على “Buy Now” كما موضح في الصورة.

إختيار الخطة المشتركة المناسبة - انشاء صفحة ويب

 

-الآن مرحلة تحديد الدومين حيث يوجد لديك خيارين:

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

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

الآن سوف نستخدم دومين تم حجزه سابقا من شركة Namecheap, قم بالنقر على “I Already Own This Domain”, ثم قم بكتابة الدومين الخاص بك, كما في الصورة.

تحديد الدومين الذي سوف يتم استخدامه - انشاء صفحة ويب

 

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

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

ثم قم بكتابة “البين كود”, و يجب أن يكون أرقام فقط, و يطلب منك هذا الكود اثناء الإتصال بالدعم.

تحديد مدة حجز الإستضافة - انشاء صفحة ويب

 

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

انشاء صفحة ويب

 

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

الخدمات الإضافية الخاصة بهوست جيتور - انشاء صفحة ويب

 

– الآن في الأسفل سوف قم بتحديد مربع الموافقة على الشروط, كما في الصورة ثم أنقر على “Checkout Now”. كما موضح في الصورة.

حجز الاستضافة من هوست جيتور - كيفية انشاء صفحة ويب

 

– الآن بعد عملية الدفع, انتظر قليلا, و سوف تظهر لك هذه الصفحة

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

 

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

بناء الموقع بواسطة ووردبريس - كيفية انشاء صفحة ويب

 

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

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

الرسالة الإلكترونية التي تحتوي على بيانات الدخول لحساب هوست جيتور

 

– الرسالة الإلكترونية الثانية, سوف تجد معلومات عن الإستضافة, و بيانات الدخول إلى لوحة التحكم cPanel.

كما تجد DNS أو ما يسمى ب Nameserver, و التي تقوم بواسطتهم ربط الدومين بالإستضافة.

بيانات السي بانل - انشاء صفحة ويب جديدة

 

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

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

ملاحظة: إذا قمت بشراء الدومين من شركة هوست جيتور سوف يتم الربط تلقائيا.

ربط استضافة هوست جيتور بالدومين من نيم شيب بواسطة DNS

 

تثبيت ووردبريس (انشاء صفحة ويب)

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

تثبيت ووردبريس من خلال استضافة هوست جيتور - انشاء صفحة ويب جديدة

 

الآن يتم نقلك إلى هذه الصفحة قم بكتابة إسم المدونة (أي شيء تريده). ثم قم بكتابة اسم المستخدم, و إسمك و لقبك, و البريد الإلكتروني. ثم قم بتحديد المربعات, و بعد ذلك أنقر على “INSTALL”. كما موضح في الصورة

تثبيت ووردبريس من خلال استضافة هوست جيتور - انشاء صفحة ويب جديدة

 

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

للدخول إلى لوحة تحكم ووردبريس قم بالدخول إلى الرابط التالي:

Yourdomain.com/wp-admin و قم بتغيير الدومين بإسم الدومين الخاص بك.

انتهاء تثبيت ووردبريس على استضافة هوست جيتور - عمل صفحة ويب

 

تفعيل شهادة SSL (عمل صفحة ويب)

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

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

تفعيل شهادة SSL - عمل صفحة ويب

 

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

حالة شهادة SSL - عمل صفحة ويب

 

الان قم بالدخول إلى لوحة تحكم ووردبريس, و ذلك عن طريق الرابط

Yourdomain.com/wp-admin

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

الدخول إلى لوحة تحكم ووردبريس - عمل صفحة ويب

 

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

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

تعطيل جميع اضافات ووردبريس المثبتتة - عمل صفحة ويب

 

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

حذف جميع اضافات ووردبريس المثبتتة

 

الآن بعد حذف الإضافات سوف تكون لوحة تحكم ووردبريس صافية, الآن نقوم بتغيير لغة ووردبريس إلى العربية (ضرورية إذا كنت سوف تقوم بانشاء صفحة ويب بالعربية و ذلك لتفعيل خاصية الكتابة من اليمين).

قم بالنقر على “Settings”, ثم اختر “اللغة العربية”, ثم انقر على “Save” كما موضح في الصورة.

تغيير لغة ووردبريس للعربية

 

الآن لتفعيل شهادة SSL بشكل نهائي و كامل, يجب تثبيت و تفعيل إضافة “Really Simple SSL” بإتباع الخطوات التالية:

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

تثبيت اضافة Really Simple SSL

 

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

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

 

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

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

 

الآن أنقر على “Enable” كما موضح في الصورة.

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

 

الآن يتم تسجيل الخروج من لوحة تحكم ووردبريس تلقائيا, قم بالدخول مرة أخرى.

تسجيل الدخول إلى لوحة تحكم ووردبريس

 

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

بتفعيل خاصية Enable 301 .htaccess redirect الخاصة بشهادة SSL

 

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

تفعيل شهادة SSL بشكل كلي

 

الآن لما تدخل إلى حسابك في هوست جيتور, ثم تدخل إلى إعدادات شهادة SSL سوف ظهر لك أنها مفعلة كما في الصورة

حالة شهادة SSL مفعلة

 

إختيار تصميم الموقع (القالب) و تثبيته (عمل صفحة ويب)

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

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

و القالب الذي أنصحك بشراءه و الذي أنا أستخدمه حاليا هو قالب Publisher WP Theme و هو يدعم اللغة العربية RTL, و لديه الكثير من المميزات و الخصائص, و لمعرفة المزيد عن القالب شاهد المقالة التالية.

شاهد أيضا: شرح قالب Publisher WP Theme و كيفية شراءه و تفعيله و استخدامه

 

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

تثبييت قالب ووردبريس

 

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

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

 

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

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

رفع القالب لتثبيته

 

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

تفعيل قالب Publisher

 

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

اختيار شكل القالب

 

و لمشاهد الشرح الشامل لقالب Publisher و كيفية ضبط إعداداته شاهد المقال الذي ذكرته في الأعلى.

 

تثبيت الإضافات الضرورية (كيفية انشاء صفحة ويب )

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

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

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

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

 

كيفية انشاء صفحة ويب عادية (مقالة + صور)

 

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

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

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

 

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

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

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

المحرر الجديد لووردبريس

 

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

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

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

المحرر التقليدي الخاص بووردبريس

 

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

 

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

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

إضافة منتج على ووردبريس

 

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

خيارات وضع المنتج في ووردبريس

 

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

خيارات نشر المنتج في ووكوميرس

 

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

 

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

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

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

انشاء صفحة ويب على شكل فورم

 

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

انشاء صفحة ويب على شكل فورم

 

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

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

 

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

انشاء صفحة ويب على شكل فورم

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

 

اترك رد

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