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

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

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

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

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

المحتوى:

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

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

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

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

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

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

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

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

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

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

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

لحجز الدومين يمكنك إستخدم شركة Namecheap لحجز الدومينات , أو يمكنك إستخدام شركة استضافة 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 في إعدادات الدومين كما في الصورة.

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

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

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

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

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

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

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

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

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

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

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

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

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 تم نفعيلها بشكل كلي على رابط الموقع الخاص بك, كما موضح في الصورة.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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