خطوات انشاء موقع ويب: دليل الكتروني شامل للمبتدئين (2020)

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

 

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

 

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

 

 

1. كيفية انشاء موقع الكتروني (الأساسيات)

 

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

 

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

 

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

 

 

الدومين:

 

و هو عنوان الموقع الخاص بك و يكون على الشكل التالي yourdomain.com.

 

و من خلاله يتم الدخول إلى الموقع الخاص بك, و أيضا من خلاله يتم تمييز الموقع الالكتروني الخاص بك عن باقي المواقع.

 

و من دون دومين لا يمكنك انشاء موقع ويب, و يمكنك حجز الدومين بإستخدام بإستخدام شركة حجز دومينات Namecheap. أو حجزه بإستخدام شركة HostGator التي تقدمه مجانا للسنة الأولى.

 

 

الإستضافة:

 

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

 

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

 

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

 

 

ووردبريس:

 

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

 

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

 

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

 

 

القالب (التصميم الجاهز):

 

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

و كل ذلك بدون معرفة لمهارات التصميم و الأكواد و غيرها من الأشياء المملة. و بدون قالب (تصميم جاهز) لا يمكنك معرفة كيفية عمل موقع ويب.

 

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

 

 

2. خطوات انشاء موقع ويب (خطوات الشراء)

 

 

حجز الدومين:

 

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

 

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

 

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

 

الفرق بين حجز الدومين بواسطة شركة حجز الدومينات و بين حجز الدومين بواسطة شركة الإستضافة.

 

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

 

أما إذا قمت بشراء الدومين من شركة الإستضافة, أي تشتري الدومين و الإستضافة من نفس الشركة, فسوف يتم ربط الدومين بالإستضافة تلقائيا. (سوف تجد في الأسفل كيف يتم ذلك).

 

و هذه بعض معايير اختيار اسم دومين جيد و مناسب:

 

– الإمتداد: و هي نهاية الدومين و يفضل إستخدام .com و إذا لم تجد الدومين متاح يمكنك إستخدام .net  أو .info و يفضل إستخدام .com

 

– إختيار الإسم: يفضل إختيار إسم يعطي فكرة عن مجال الموقع, أو له معنى بما سوف تكتبه في الموقع. و يمكنك أيضا إستخدام إسم ليس له علاقة بالموقع و هذا إذا كنت تنوي جعله “براند” أي علامة تجارية.

 

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

 

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

 

 

حجز الإستضافة:

 

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

 

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

 

لحجز الإستضافة قم بالدخول إلى موقع HostGator.com تظهر لك هذه الصفحة.

احصل على الخصم الآن

قم بالنقر على “Get Startes !” كما موضح في الصورة.

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

 

الآن يتم نقلك إلى هذه الصفحة قم بإختيار خطة استضافة “Hatchling” و هي مناسبة لموقع واحد و ذلك بالنقر على “Buy Now!”

خطط استضافة hostgator - خطوات انشاء موقع ويب

 

يتم نقلك إلى هذه الصفحة, و هنا في الجزء العلوي تجد خيارين:

  • حجز الدومين بإستخدام شركة HostGator (مجانا للسنة الأولى)
  • استخدام دومين تملكه (حجزته من شركة اخرى)

 

الحالة1: حجز الدومين بإستخدام شركة HostGator مجانا للسنة الأولى

 

لحجز الدومين بواسطة شركة HostGator مجانا للسنة الأولى.

قم بالنقر على “Register a New Domain”, ثم قم بكتابة اسم الدومين, ثم إختر امتداد .com

إذا كان الدومين متاح سوف يظهر لك في الأسفل مجانا كما في الصورة

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

 

و في الأسفل سوف تجد خاصية اخفاء بياناتك الشخصية من الدومين, و إسم هذه الخاصية “Domain Privacy Protection”, إذا أردت شراءها أم لا كما تريد. و هي تقوم بإخفاء بياناتك كالإسم و اللقب و عنوانك عن العامة.

خاصية Domain Privacy Protection - كيفية انشاء موقع الكتروني

 

الحالة 2: استخدام دومين تملكه (حجزته من شركة اخرى)

 

لإستخدام دومين تملكه, قم بالنقر على “I Already Own This Domain”.

ثم قم بكتابة الدومين الخاص بك كما في الصورة.

خيارات استضافة هوست جيتور - كيفية انشاء موقع الكتروني

 

الآن في الأسفل سوف تجد خيارات خاصة بالإستضافة و سوف نشرحها بالتفصيل.

 

Package Type: و هي نوع خطة الإستضافة, إذا كنت سوف تنشئ موقع الكتروني واحد فقط, قم بإختيار الخطة الأولى “Hatchling” فهي مناسبة جدا.

 

و إذا كنت سوف تقوم بإنشاء عدة مواقع ويب, قم بإختيار “Baby Plan” أو “Business Plan”

 

Billing Cycle: و هي مدة حجز الاستضافة, و من الأفضل حجز أكثر من سنة و ذلك للإستفادة من الخصم.

 

حيث كلما حجزت أكثر كلما زادت نسبة التخفيض.

 

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

 

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

 

Username: و هو اسم المستخدم الخاص بك, و يجب إستخدام حروف لاتينية صغيرة فقط, و يجب أن يبدأ إسم المستخدم بحرف و ليس برقم, و يجب أن لا يحتوي على رموز مثل + أو / أو غيرها.

 

Security PIN: و هذا الكود PIN تقوم بتأكيد إمتلاكك للإستضافة, و ذلك عند اتصالك بالدعم. حيث أنهم يطلبونه لتأكيد إمتلاكك للحساب عند إتصالك بهم.

و يجب أن يحتوي هذا PIN على أرقام فقط و لا يبدأ بالصفر.

خيارات استضافة هوست جيتور - كيفية انشاء موقع الكتروني

 

الآن في الأسفل قم بكتابة بياناتك الشخصية كما في الصورة.

 

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

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

 

الآن في الأسفل سوف تجد مجموعة من الخدمات الإضافية التي تقدمها HostGator.

 

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

الخدمات الإضافية الخاصة بإستضافة HostGator

 

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

 

ثم قم بتحديد مربع الموافقة على “شرورط الإستخدام” وغيرها.

ثم أنقر على “Checkout Now !” لإتمام عملية الشراء

اتمام عملية شراء استضافة hostgator

 

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

نجاح عملية الدفع

 

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

 

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

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

 

الرسالة الثانية خاصة ببيانات الدخول إلى لوحة تحكم cPanel, و كذلك تحتوي على عناوين DNS أو ما يسمى ب Name Server التي تحتاجها لربط الدومين بالإستضافة, إذا اشتريت الدومين من شركة أخرى.

بيانات حساب هوست جيتور الخاص بك

 

 

ربط الدومين بالإستضافة (في حالة شراء الدومين من شركة أخرى فقط)

 

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

 

و لربط الدومين مع الإستضافة, قم بالدخول إلى اعدادات DNS الخاصة بالدومين, ثم قم بلصق عناوين DNS الخاصة بالإستضافة عليه ثم انقر على “Save”.

 

في المثال استخدمت دومين محجوز بواسطة شركة Namecheap.

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

 

3. خطوات انشاء موقع الكتروني (خطوات ضبط اعدادات الموقع)

 

– تثبيت ووردبريس على الإستضافة

 

لتثبيت ووردبريس على الإستضافة بعدة نقرات فقط, قم بالنقر على “Set Up WordPress” كما موضح في الصورة

تثبيت ووردبريس على الاستضافة - خطوات انشاء موقع ويب

 

يتم نقلك إلى هذه الصفحة, قم بتحديد الدومين, و في خانة “directory” اتركها فارغة, ثم انقر على “NEXT” كما في الصورة

تثبيت ووردبريس على الإستضافة - خطوات انشاء موقع ويب

 

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

تثبيت ووردبريس على الإستضافة - خطوات انشاء موقع ويب

 

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

 

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

 

و للدخول إلى لوحة تحكم ووردبريس, قم بالدخول إلى yourdomain.com/wp-admin

 

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

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

 

 

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

 

عند تثبيت ووردبريس على الإستضافة, يتم تثبيت ووردبريس باللغة الإنجليزية تلقائيا, لذا يجب تغييرها إلى اللغة العربية.

 

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

 

لتغيير ووردبريس للغة العربية قم بالدخول إلى لوحة تحكم ووردبريس و ذلك بالدخول إلى إلى yourdomain.com/wp-admin. تظهر لك هذه الصفحة, قم بكتابة “اسم المستخدم” و “كلمة المرور” ثم انقر على “Log In”.

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

 

بعد الدخول إلى لوحة تحكم ووردبريس, قم بالنقر على “Settings”, ثم اختر اللغة “العربية” من القائمة, ثم قم بالنقر على “Save Changes” كما في الصورة

تغيير لغة ووردبريس للغة العربية - خطوات انشاء موقع ويب

 

 

– تفعيل شهادة SSL المجانية

 

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

 

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

و بإستخدامك لإستضافة HostGator شهادة مجانا مدى الحياة.

 

و لتثبيت شهادة SSL على الإستضافة و تفعيلها قم بإتباع الخطوات التالية:

 

قم بالدخول إلى حسابك في HostGator, ثم انقر على “SSL Management” و ذلك لرؤية حالة شهادة SSL.

لوحة تحكم حساب هوست جيتور - خطوات انشاء موقع ويب

 

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

حالة شهادة SSL على استضافة هوست جيتور - خطوات انشاء موقع ويب

 

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

 

حيث أن الإضافة تقوم بعمل كل شيء فيما يخص ضبط إعدادات شهادة SSL تلقائيا.

 

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

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

 

الآن قم بتفعيل الإضافة و ذلك بالنقر على “تفعيل” كما في الصورة

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

 

الآن قم بالنقر على “الإعدادات” ثم قم بالنقر على “SSL” ثم انقر على “Go ahead, activate SSL”

تفعيل شهادة SSL على ووردبريس - خطوات انشاء موقع ويب

 

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

تفعيل شهادة SSL على ووردبريس

 

الآن يتم تسجيل الخروج تلقائيا, قم بتسجيل الدخول مرة أخرى, و ذلك بكتابة “البريد الإلكتروني” و “كلمة المرور” ثم انقر على “Log In”

تسجيل الدخول إلى لوحة تحكم ووردبريس - خطوات انشاء موقع ويب

 

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

تفعيل خاصية 301 .htaccess redirect - خطوات انشاء موقع ويب

 

الآن بعد التفعيل الكامل لشهادة SSL سوف تظهر لك هذه الصفحة.

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

 

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

 

ملاحظة: شهادة SSL مجانية مدى الحياة, و مدتها 3 أشهر, و يتم تجديدها تلقائيا من طرف هوست جيتور تلقائيا دون تدخلك.

شهادة SSL مفعلة على هوست جيتور

 

 

– ضبط إعدادات ووردبريس

 

1- ضبط الإعدادات العامة لووردبريس

 

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

و كذلك قم بالتأكد من أن شكل الروابط من أنه https://www.

ضبط الإعدادات العامة لووردبريس

 

 

2- ضبط إعدادات الروابط الدائمة

 

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

تغيير شكل الرابط الدائمة في ووردبريس

 

 

3- ضبط إعدادات الأعضاء

 

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

صفحة التحكم في المستخدمين في ووردبريس

 

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

تغيير الإسم الذي يظهر علنا في ووردبريس - خطوات انشاء موقع الكتروني

 

 

4- ضبط إعدادات المناقشة (التعليقات)

 

لضبط إعدادات الخاصة بالتعليقات, قم بالنقر على “الإعدادات”. ثم قم بالنقر على “مناقشة”

 

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

ضبط إعدادات المناقشة في ووردبريس - خطوات انشاء موقع الكتروني

 

 

5- ضبط إعدادات القراءة

 

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

 

أي يجب عليك السماح لمحركات من أرشفة موقعك.

 

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

السماح لمحركات البحث بأرشفة الموقع - خطوات انشاء موقع الكتروني

 

 

6- تثبيت الإضافات اللازمة

 

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

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

البحث عن إضافة ووردبريس - خطوات انشاء موقع الكتروني

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

ملاحظة: إضافة “Classic Editor” هي إضافة أساسية و يجب عليك تنصيبها لتسهل عليك الكتابة و النشر, فبعد تحديث ووربريس 5 تغير المحرر و أصبح غامض قليلا و لهذا يتم تثبيت المحرر القديم.

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

 

 

4. خطوات عمل موقع ويب (خطوات ضبط شكل و تصميم الموقع)

 

1. إختيار القالب (التصميم الجاهز) حسب نوع الموقع

 

تختلف القوالب بإختلاف الغرض من الموقع, مثلا قالب موقع عام يختلف عن موقع متجر الكتروني, و يختلف عن موقع شركة.

 

يوجد ثلاث أنواع من المواقع الأكثر شيوعا:

 

– قالب موقع عام: و هو خاص بالمواقع التي تكتب مواضيع و مقالات مختلفة, و افضل قالب لهذا النوع هو قالب Publisher.

 

– قالب موقع شركة أو مؤسسة: و هو القالب الخاص بمواقع الشركات. مثلا شركات تقدم خدمات معينة و تريد أن تنشئ موقع خاص بها.

 

و من أفضل القوالب من هذا النوع هو قالب mharty (مهارتي), و الذي يدعم اللغة العربية بشكل كامل.

 

– قالب متجر الكتروني: و هو القالب الخاص بمتجر الكتروني لعرض المنتجات عليه و بيعها بكل سهولة, و من بين افضل القوالب المتاجر الإلكترونية و أكثرها مبيعا و هو قالب Flatsome.

 

 

2. تثبيت و تفعيل القالب

 

سوف نقوم بإنشاء موقع عام و لهذا سوف نستخدم قالب Publisher, و يبقى هذا الدليل نفسه لإنشاء أي نوع من المواقع تريده بنفس الخطوات كلها, فقط الأمر يختلف في القالب الذي سوف تقوم بإستخدامه.

 

و لتثبيت القالب على ووردبريس, يجب أن يكون لديك الملف الخاص بالقالب Publisher.

 

بعد الشراء سوف تحصل على ملف مضغوط .zip قم بفتح هذا الملف و سوف تجد مجلد بإسم “Publisher” قم بالدخول إليه, و سوف يظهر لك عدة مجلدات قم بالدخول إلى مجلد “ThemeFiles” فقم بإستخراج ملفات zip المجودة فيوجد ملف خاص بالثيم الرئيسي, و يوجد ملف خاص ب child theme.

 

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

تثبيت قالب Publisher على ووردبريس -خطوات عمل موقع ويب

 

الآن تظهر لك هذه الصفحة قم بالنقر على “رفع القالب”

تثبيت قالب Publisher على ووردبريس - خطوات عمل موقع ويب

 

الان تظهر لك هذه الصفحة أنقر على “Browse…” كما موضح في الصورة, ثم قم بتحديد ملف zip. الخاص بقالب Publisher, ثم قم بفتحه و أنقر على “التنصيب الآن”. كما موضح في الصورة

تنصيب قالب Publisher على ووردبريس - خطوات عمل موقع ويب

 

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

تفعيل قالب Publisher على ووردبريس - خطوات عمل موقع ويب

 

و الان تم تفعيل القالب بنجاح, الان قم بوضع كود license ثم أنقر على زر “ok” من لوحة المفاتيح, و يجد أن يكون عنوان الموقع (إسم الدومين) مضاف في حساب Publisher أي في الموقع الرسمي.

 

و لمزيد من المعلومات حول تفعيل القالب بكود license قم بمشاهدة هذا الموضع الشامل و الكامل حول كيفية شراء قالب Publisher و كيفية تفعيله, و كيفية ضبطه و إستخدامه و التحكم فيه.

تفعيل قالب Publisher بنجاح - خطوات عمل موقع ويب

ملاحظة: يجب عليك تثبيت إضافة إسمها “WP Bakey Page Builder” و هي إضافة أساسية يجب تنصيبها لتفادي ظهور المشاكل. و هي تأتي مع القالب. و لتثبيتها قم بالنقر على “Publisher” ثم أنقر على “Plugins”. ثم قم بالحث عن إضافة “WP Bakey Page Builder” من القائمة و قم بتثبيتها.

 

 

3. شرح لوحة تحكم القالب

 

أي قالب مدفوع يحتوي على لوحة تحكم خاصة به, و التي تساعدك في التحكم الكامل في القالب.

 

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

 

و للدخول إلى لوحة تحكم القالب قم بالنقر على “Publisher”, ثم قم بالنقر على “Theme Options”.

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

 

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

لوحة تحكم قالب قالب بوبليشر

 

 

4. اختيار الشكل (التصميم)

 

أي قالب يأتي معه عدة تصميمات (أشكال), و قالب Publisher يأتي معه عدة تصاميم يمكنك الإختيار بينها.

 

و لإختيار شكل الموقع قم بالنقر على “Publisher”, ثم قم بالنقر على “Theme Options”, ثم قم بالنقر على “Change Style”.

اختيار شكل التصميم على قالب بوبليشر

 

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

اختيار شكل التصميم على قالب بوبليشر

 

 

5. انشاء الصفحة الرئيسية

 

الصفحة الرئيسية للموقع هي الصفحة التي تظهر للزائر عند الدخول إلى الدومين الخاص بك yourdomain.com.

 

و عادة ما تحتوي هذه الصفحة على آخر المقالات التي قمت بنشرها, و لعمل هذه الصفحة قم بإتباع الخطوات التالية:

 

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

انشاء الصفحة الرئيسية

 

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

إضافة عنصر في الصفحة الرئيسية للموقع

 

الآن قم بإختيار العنصر “Modern Grid 1”

اضافة عنصر في الصفحة الرئيسية للموقع

 

الآن تظهر لك هذه النافذة قم بالنقر على “حفظ التغييرات”.

اضافة عنصر آخر للصفحة الرئيسية

 

الآن يتم نقلك إلى هذه الصفحة قم بالنقر على علامة + و ذلك لإضافة عنصر آخر.

اضافة عنصر آخر للصفحة الرئيسية

 

الآن تظهر لك مجموعة من العناصر, قم بالنقر على “Blog 1”

اضافة عنصر آخر للصفحة الرئيسية

 

تظهر لك هذه النافذة قم بالنقر على “حفظ التغييرات”

نشر الصفحة الرئيسية

 

الآن نقوم بنشر هذه الصفحة, و ذلك بالنقر على “نشر” كما موضح في الصورة

اضافة عنصر آخر للصفحة الرئيسية

 

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

 

و لعمل ذلك قم بالنقر على “الإعدادات” ثم قم بالنقر على “قراءة”.

 

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

نشر الصفحة الرئيسية

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

 

 

6. انشاء التصنيفات

 

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

 

مثلا في موقع oridsite يوجد تصنيف “ووردبريس” و عندما تدخل للتصنيف تظهر لك المقالات المتعلقة بووردبريس.

 

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

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

 

تظهر لك هذه الصفحة لإضافة تصنيف جديد.

في خانة إسم اللطيف قم بكتابة “ووردبريس” أو “WordPress” و إسم اللطيف هو الذي يظهر في رابط التصنيف مثلا: yourdomain.com/wordpress

 

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

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

 

 

7. انشاء القوائم

 

القائمة الرئيسية وهي التي تكون أعلى الموقع و هي ضرورية لكل موقع.

 

حيث تسهل على الزائر و محركات البحث التنقل داخل الموقع بكل سهولة, و يوجد قائمتين: –  القائمة الرئيسية: و التي لا يمكن الإستغناء عنها.

–  القائمة العلوية: يمكن عملها أو لا حسب رغبتك.

القائمة الرئيسية و القائمة العلوية للموقع

 

و لإضافة القوائم كما في الصورة السابقة, قم بإتباع الخطوات التالية:

 

  • انشاء القائمة الرئيسية:

 

لإنشاء القائمة الرئيسية, قم بالدخول إلى “مظهر” ثم قم بالنقر على “قوائم”.

إضافة القائمة الرئيسية

 

الآن قم بكتابة إسم القائمة كالتالي: “القائمة الرئيسية”, ثم قم بالنقر على “إنشاء قائمة”

انشاء القائمة الرئيسية للموقع

 

الآن قم بإختيار مكان عرض القائمة التي تم إنشاءها, و ذلك بإختيار “Main Navigation”, ثم أنقر على “حفظ القائمة”.

 

  • انشاء القائمة العلوية:

 

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

انشاء القائمة العلوية في الموقع

 

الآن قم بإختيار مكان عرض القائمة التي تم إنشاءها, و ذلك بإختيار “Topbar Menu” ثم قم بالنقر على “حفظ القائمة”.

انشاء القائمة العلوية في الموقع

 

  • اضافة عناصر للقائمة الرئيسية

 

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

 

لإضافة تصنيف مثلا للقائمة الرئيسية للموقع, قم بالنقر على “مظهر” ثم قم بالنقر على “قوائم”.

 

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

 

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

اضافة تصنيف للقائمة الرئيسية على ووردبريس

 

الآن يظهر لك التصنيف في القائمة, قم بالنقر على “حفظ القائمة”.

اضافة تصنيف للقائمة الرئيسية للموقع

 

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

ظهور التصنيف على الموقع

 

 

8. انشاء ودجات

 

الودجات هي التي تجدها في الجزء الجانبي للموقع, مثلا قائمة آخر المقالات, أو مقالات متنوعة, أو تصنيفات أو غيرها. و تكون على الشكل التالي.

ودجات الموقع

 

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

 

و بعدها تظهر لك قائمة بالودجات التي يمكنك إضافتها بعد إختيار الودجت المناسب لك قم بالنقر عليه.

 

مثلا ودجت الذي إسمه “Listing – Thumbnail” و هذا خاص بإظهار قائمة “آخر المقالات”, و بعد النقر عليه, اختر مكان ظهوره “Primary Sidebar”, ثم انقر على “أضف الوجدت”.

إضافة وجدت للموقع

 

 

9. شراء شعار (لوجو) مصمم خصيصا لموقعك

 

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

الشعار له دور كبير في مظهر الموقع و تذكره من طرف الزوار, و للحصول على شعار لا يشترط أن تكون مصمم, يمكنك طلب خدمة تصميم شعار بسعر 5 دولار فقط. و ذلك عبر موقع Fiverr. حيث أنه عبارة عن موقع خدمات مصغر يوجد أشخاص مصممين يقودمون خدمات تصميم الشعارات بأسعار جيدة.

يمكنك إيجاد أشخاص عرب أو اجانب كما تريد, يقومون بتصميم شعار لك. و إذا كان موقعك عربي قم بالدخول إلى موقع Fiverr.com

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

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

شاهد أيضا: كيفية شراء شعار (لوجو) لموقعك من فايفر و إدراجه في موقعك

 

 

10. إنشاء صفحة سياسة الخصوصية, إتفاقية الإستخدام, و صفحة إتصل بنا

 

أغلب المواقع تحتوي على هذه الصفحات (من الأفضل كتابتها), و شرح هذه الصفحات بالتفصيل كما يلي:

صفحة إتصل بنا: و هي عبارة عن صفحة فيها “فورم”, يكتب فيها الشخص الذي يريد مراسلتك إسمه و الإيمايل و الراسلة و إرسالها لك. أي كل خانة يكتب فيها المعلومة المطلوبة (خانة الإسم, خانة الإيميل…)

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

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

شاهد أيضا: كيفية إنشاء صفحة إتصل بنا (Contact Us) على موقعك ووردبريس

 

 

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

 

1. كيفية كتابة مقالة و نشرها

 

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

 

يوجد نوعين من المحررات, المحرر الكلاسيكي و المحرر الجديد, و المحرر الكلاسيكي هو الأفضل و الأحسن و الأكثر استخداما.

 

مؤخرا قامت ووردبريس بإصدار تحديثات و جعلت “المحرر الجديد” هو المحرر الذي تجده بعد تثبيت ووردبريس.

 

و لإستخدام المحرر الكلاسيكي يجب تثبيت إضافة “Classic Edition” و تفعيلها و هي إضافة رسمية من ووردريس.

 

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

انشاء مقالة على ووردبريس - طريقة انشاء موقع الكتروني

 

الآن يظهر لك المحرر على الشكل التالي و من أهم خصائصه التي تحتاجها أثناء الكتابة هي:

 

عنوان المقالة: و يكون هذا العنوان أعلى الصفحة بعد نشر المقال. و يجب أن يحتوي العنوان على الكلمة المفتاحية (المستهدفة).

 

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

 

اظهار الشريط المخفي: يوجد شريط مخفي يجب اظهاره, و ذلك بالنقر على الزر الخاص بذلك كما في الصورة.

 

اضافة الرابط: يمكنك اضافة رابط داخل المقال, سواء رابط لمقالة أخرى لموقعك أو رابط لموقع آخر.

 

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

 

اضافة أزرار: يمكنك اضافة أزرار و رموز, و ذلك بالنقر على “Publisher”, ثم اختر أي شيئ تريد اضافته من القائمة.

 

حفظ المقالة: يمكنك حفظ المقالة, و ذلك لنشرها أو تعديلها في وقت لاحق.

 

نشر مقالة: بالنقر على هذا الزر سوف تقوم بنشر المقالة الخاصة بك.

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

 

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

 

كما يمكنك اضافة الصورة البارزة للمقالة, و ذلك بالنقر على “تعيين الصورة البارزة للمقالة”.

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

 

 

6. طريقة عمل موقع الكتروني: أرشفة الموقع و ادراجه في محرك بحث جوجل

 

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

 

 

7. خطوات انشاء موقع ويب (الإختيارية)

 

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

 

 

1. إنشاء بريد إلكتروني (إيميل) إحترافي بإسم الدومين الخاص بك

 

إذا أردت الحصول على بريد إلكتروني إحترافي بإسم الدومين الخاص بك مثلا: [email protected] yoursite.com, و ذلك لمراسلة العملاء, أو أشخاص أو شركات وغيرها. أو للتواصل مع الزوار موقع بشكل إحترافي.

يمكنك عمل ذلك بواسطة الإستضافة الخاصة بك.

 

 

2. تفعيل Cloudflare CDN مجانا

 

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

 

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

 

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

 

و لتفعيل هذه الخدمة يمكنك تفعيلها مجانا مدى الحياة.

شاهد أيضا: شرح Cloudflare كلاود فلير و كيفية تفعيله مجانا مدى الحياة

 

كانت هذه كل خطوات انشاء موقع ويب احترافي و كامل, إذا كان لديك استفسار لا تتردد في تركه في التعليقات و سوف أجيب عليه. و نود سماع رأيك حول المقال هل ساعدك أم لا ؟

 

اترك رد

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